foxnail

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 라이선스 오픈소스입니다.

공유하기