dynoblog — 2026년 5월 7일

# dynoblog 개발 활동 기록

이번 업데이트에서는 성능 최적화와 사용자 경험 개선에 집중했습니다. 가장 눈에 띄는 변화는 **Lexical 에디터를 제거**하고 번들 분석 도구를 도입한 것인데, 이를 통해 불필요한 의존성을 정리하면서 번들 크기를 상당히 줄일 수 있었습니다. 특히 `jsdom` 의존성을 완전히 제거하는 과정에서 여러 버그를 마주쳤지만, 서버 액션의 방어 코드를 추가하고 `isomorphic-dompurify`를 대체하면서 안정성을 확보할 수 있었습니다. 동시에 `content-visibility` CSS 속성을 활용해 긴 리스트를 렌더링할 때의 성능을 개선했으며, 이는 특히 콘텐츠 목록이 많은 페이지에서 체감 속도 향상으로 이어졌습니다.

UI/UX 측면에서는 **관리자 인라인 편집 기능을 통합**했습니다. 포럼의 첫 글과 답글 편집 버튼을 head 영역의 pill 패턴으로 통일하고, 상세 페이지에도 동일한 패턴을 적용해 인터페이스의 일관성을 높였습니다. 또한 모바일 네비게이션에 Olen, Doc, Timeless 메뉴를 추가했고, 768-800px 구간의 네비게이션 레이아웃 문제도 해결했습니다. 태블릿 너비에서 레이아웃이 어색했던 부분도 수정하면서 반응형 디자인을 더욱 세련되게 다듬었습니다.

마지막으로 **CI/CD 파이프라인을 강화**했습니다. 프로덕션 스모크 테스트를 자동화하여 50개의 핵심 엔드포인트를 일괄 검증하도록 설정했고, 에러 바운더리 다이제스트를 노출해 장애 상황에 더 빠르게 대응할 수 있게 준비했습니다. 동시에 jsdom 차단 가드를 추가해 향후 유사한 의존성 문제를 사전에 방지할 수 있는 체계를 마련했습니다.