2026년 6월 5일 · 릴리즈 노트 · OPEN_GRID
v0.3.0
2026-06-05
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)
📦 다운로드
🔄 이전 버전과 비교
| 항목 | v0.2.0 | v0.3.0 |
|---|---|---|
| 완성된 데모 프레임워크 | 1개 (Vanilla) | 5개 |
| 코드 뷰어 탭 | 1개 (코드만) | 3개 |
| 가이드 섹션 | 기본 구조만 | 39개 |
| 내장 테마 | 12가지 | 14가지 |
| 단위 테스트 | — | 354개 |
🗺 다음 계획 (v0.4.0)
- npmjs.com 정식 배포
- 가이드 콘텐츠 추가 보완
- 실 프로젝트 적용 사례 정리
OPEN_GRID는 MIT 라이선스 오픈소스입니다.