OPEN_GRID v1.1.0 릴리즈 노트

2026년 7월 3일 · 릴리즈 노트 · OPEN_GRID

그리드가 기본으로 할 수 있는 일을 네 가지 늘린, 이번 시리즈에서 가장 큰 기능 릴리즈입니다. 지금까지의 override가 그리드의 겉모습과 동작을 바꾸는 방법이었다면, 이번 v1.1.0은 그리드가 원래 해내는 일 자체가 넓어졌습니다.

✨ 새로 생긴 기능

🖱️ 범위 선택 + 채우기

셀 범위를 드래그로 선택하고, 복제·시리즈 채우기, 클립보드(TSV) 복사·붙여넣기, 키보드 채우기(Ctrl+D/R)까지 스프레드시트처럼 다룰 수 있습니다.

🗂️ 마스터 / 디테일

행을 펼쳐 상세 패널을 보여줍니다. HTML로 직접 그리거나, 행 안에 또 다른 그리드(서브그리드)를 넣을 수 있고, 중첩 깊이 제한과 접근성 안내도 함께 동작합니다.

🧮 수식 셀

=B1*C1, =SUM(C1:C10) 같은 수식을 셀에 넣어 자동 계산합니다. 19개 함수, 정밀 산술, 에러 표시(#REF/#VALUE/#CYCLE), 정렬·필터·행 삭제 후에도 안정적인 재계산을 지원합니다.

📊 그리드 데이터 통합 차트

그리드의 데이터로 막대·선 차트를 호출 한 번에 그립니다. 다섯 가지 소스(컬럼/체크행/선택/전체/범위), 대용량 자동 다운샘플과 “샘플링됨” 배지, 데이터·수식을 고치면 차트도 함께 갱신되는 라이브 모드, 색약 대응 팔레트, 그리고 캔버스를 못 읽는 환경을 위한 데이터 표·키보드 순회 같은 접근성까지 내장했습니다. 외부 차트 라이브러리 없이 동작합니다.

그 외

• 🧵 stitch 테마 — 리넨 질감에 실땀(점선) 보더를 입힌 핸드크래프트 스타일 테마 추가 (내장 테마 15종)
• 🛟 fallbackViewportHeight 옵션 — 컨테이너에 높이를 지정하지 않은 채 대량 데이터를 넣어도 브라우저가 멈추지 않도록 막아주는 옵트인 안전장치 (기본 꺼짐, 기존 동작 그대로)
• ✅ 단위 테스트 778개, 각 기능 데모·개발 가이드 신설

📖 개발 가이드에 대한 양해의 말씀

이번에 한꺼번에 공개된 기능이 많다 보니, 개발 가이드 문서가 다소 건조하고 기능 명세에 가깝게 정리되었습니다. 처음 보시는 분께는 다소 딱딱하게 느껴질 수 있는 점 양해 부탁드립니다. 앞으로 각 기능을 더 쉽고 친절한 예시 중심의 내용으로 다듬어 다시 정리해 나가겠습니다.

🎯 앞으로의 방향

당분간은 새로운 기능을 늘리기보다, 이미 공개한 기능들을 다듬는 데 집중하려고 합니다. 눈에 보이는 외형(비주얼)을 몇 가지 손보고, 각 기능의 완성도와 품질을 끌어올리는 방향으로 꾸준히 개선해 나가겠습니다.

📦 설치

npm install open-grid

OPEN_GRID는 MIT 라이선스 오픈소스입니다. 상용 서비스에도 자유롭게 사용하실 수 있습니다.