Nostrss's Blog https://nostrss.me/blog Nostrss's Blog and Personal Site ko-kr undefined (Nostrss) undefined (Nostrss) Mon, 29 Jun 2026 10:00:00 GMT https://nostrss.me/blog/260629-pegboard-12-peg-kanban-dnd-hydration PegKanban 구현기 — dnd-kit 하이드레이션 함정과 localStorage 한 줄로 AI에 보드를 연결하기 https://nostrss.me/blog/260629-pegboard-12-peg-kanban-dnd-hydration 정적 export(SSG) 위에서 드래그앤드롭 칸반 보드 PegKanban을 구현하면서 마주친 두 가지 비-자명한 디테일을 정리한다. (1) DndContext에 id를 박지 않으면 next dev에서만 드러나고 정적 빌드에선 잠복하는 하이드레이션 불일치, (2) localStorage 키 하나를 데이터 계약으로 삼아 오프라인 AI 채팅이 자연어로 보드를 조작하게 만든 경로. 코드를 읽으며 결정과 트레이드오프를 풀어쓴다. Mon, 29 Jun 2026 10:00:00 GMT Nostrss pegboarddev-logreactdnd-kithydrationssgnextlocalstorage