OPEN_GRID v0.3.0 릴리즈 노트

2026. 06. 05  ·  OPEN_GRID

2026년 6월 5일 · 릴리즈 노트 · OPEN_GRID


v0.3.0
2026-06-05

데모 사이트와 개발 가이드를 완성하는 데 집중한 릴리즈입니다. 그리드 엔진 자체보다, “어떻게 쓰는지”를 보여주는 환경을 제대로 갖추는 것이 이번 버전의 목표였습니다.


✨ 주요 변경사항

데모 사이트 — 5개 프레임워크 완전 지원

Vanilla JS로만 완성되어 있던 데모를 React, Vue, jQuery, AngularJS까지 확장했습니다. 5개 프레임워크 모두 49개 섹션을 동일하게 제공합니다.

프레임워크 데모 섹션 3탭 코드 뷰어
Vanilla JS 49
React 18 49
Vue 3 49
jQuery 3 49
AngularJS 1.8 49

3탭 코드 뷰어

모든 데모 페이지의 코드 패널에 탭 3개가 추가됐습니다.

  • 코드 — 데모에서 실행되는 JavaScript 전체 소스
  • 옵션new OpenGrid(el, { ... })에서 옵션 블록만 추출해 표시
  • Import — 프로젝트에 바로 복사해 쓸 수 있는 HTML/CSS/JS 삽입 코드 (프레임워크별 CDN 포함)

개발 가이드 — 39개 섹션

6개 카테고리에 걸쳐 39개 섹션의 가이드 콘텐츠가 SQLite DB에 등록됐습니다.

  • G1 — 시작하기 (설치, 기본 사용법, npm 직접 다운로드)
  • G2 — 열 설정 (타입, 너비, 정렬, 고정 등)
  • G3 — 데이터 (로드, CRUD, 정렬, 페이징)
  • G4 — 이벤트 (클릭, 셀 편집, 선택 변경 등)
  • G5 — 테마 (14가지 내장 테마, CSS 변수 커스터마이징)
  • G6 — 고급 (가상 스크롤, 병합, 트리 구조)

그 외

  • 가이드 페이지 레이아웃: 콘텐츠 영역 전체 너비 사용 (max-width 제거)
  • npm 설치 가이드: GitHub 링크 → 직접 다운로드 버튼으로 교체
  • 내장 테마: 12가지 → 14가지
  • 단위 테스트: 354개
  • 배포용 zip 패키지: open-grid-v0.3.0.zip (62KB)

📦 다운로드


⬇ open-grid-v0.3.0.zip


🔗 라이브 데모


📖 개발 가이드

🔄 이전 버전과 비교

항목 v0.2.0 v0.3.0
완성된 데모 프레임워크 1개 (Vanilla) 5개
코드 뷰어 탭 1개 (코드만) 3개
가이드 섹션 기본 구조만 39개
내장 테마 12가지 14가지
단위 테스트 354개

🗺 다음 계획 (v0.4.0)

  • npmjs.com 정식 배포
  • 가이드 콘텐츠 추가 보완
  • 실 프로젝트 적용 사례 정리

OPEN_GRID는 MIT 라이선스 오픈소스입니다.

공유하기