Nostrss's Blog https://nostrss.me/blog Nostrss's Blog and Personal Site ko-kr undefined (Nostrss) undefined (Nostrss) Sun, 28 Jun 2026 10:00:00 GMT https://nostrss.me/blog/260628-pegboard-11-peg-note-in-place-seeding 빈 화면에 샘플을 심기 — PegNote 의 in-place 시딩과 정적 사이트 하이드레이션 https://nostrss.me/blog/260628-pegboard-11-peg-note-in-place-seeding 페그보드의 첫 앱형 페그 PegNote 를 만들면서, "첫 방문자에게만 편집 가능한 샘플을 미리 채워두되 저장된 데이터는 절대 덮지 않는다"는 온보딩을 구현했다. 서버가 없는 정적 사이트에서 이걸 안전하게 하려면 결정론적 시드 ID·effect 복원·첫 저장 스킵이라는 세 메커니즘이 각각 다른 실패를 막아야 한다. Sun, 28 Jun 2026 10:00:00 GMT Nostrss pegboarddev-lognextjsssgreacthydrationlocalstorage 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 https://nostrss.me/blog/260702-pegboard-15-peg-diff diff 알고리즘을 안 짜고 diff 뷰어를 만들기 — PegDiff 와 Monaco 의 경계 https://nostrss.me/blog/260702-pegboard-15-peg-diff 두 텍스트를 비교하는 PegDiff 를 짰다. 핵심은 diff 알고리즘을 한 줄도 안 짰다는 것 — diff·diff-match-patch 같은 라이브러리도 안 썼다. 비교 자체는 Monaco 의 DiffEditor 에 통째로 위임하고, 내가 짠 코드는 전부 diff *바깥*에 있다: 청크 네비게이션, 추가/삭제 통계, localStorage 영속, 그리고 Monaco 위젯을 깔끔하게 떼어내는 두 개의 war story. Thu, 02 Jul 2026 10:00:00 GMT Nostrss pegboarddev-logmonacodiffreactlocalstorage