Nostrss's Blog https://nostrss.me/blog Nostrss's Blog and Personal Site ko-kr undefined (Nostrss) undefined (Nostrss) Wed, 01 Jul 2026 10:00:00 GMT https://nostrss.me/blog/260701-pegboard-14-peg-code-sandboxed-iframe 플레이그라운드를 다시 짜기 — PegCode, 광고·GA4·타입 진단이 바꾼 설계 https://nostrss.me/blog/260701-pegboard-14-peg-code-sandboxed-iframe 예전에 nostrss.me에 JS 플레이그라운드를 한 번 짰었다. 이번엔 Pegboard의 peg-app으로 다시 짜면서 — 같은 iframe 샌드박스 뼈대인데도 광고·공유 localStorage·스모크 게이트·GA4·타입 진단이라는 제약이 실행 엔진, 에디터 선택, 공유 방식을 전부 다시 그었다. PegCode(ADR-0014) 구현 기록. Wed, 01 Jul 2026 10:00:00 GMT Nostrss pegboarddev-logiframesandboxmonacotypescriptlz-string 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