dynoblog — 2026년 4월 17일

# 블로그 플랫폼의 사용성과 성능을 대폭 개선하다

이번 업데이트에서는 dynoblog의 사용자 경험과 개발자 경험을 동시에 개선하는 작업에 집중했습니다. 모바일 환경에서의 네비게이션 개선, 썸네일 이미지 통일, 그리고 폰트를 self-host로 전환하는 등 프론트엔드 최적화를 진행했습니다. 특히 R2 클라우드 스토리지 연동 시 환경변수의 공백/개행으로 인한 Invalid header 에러를 추적하고 자동 제거 로직을 추가해 업로드 기능의 안정성을 크게 높였습니다. 동시에 이미지 로딩을 Next.js의 Image 컴포넌트로 전환하면서 성능 메트릭도 개선되었습니다.

코드베이스 정리 작업도 상당한 규모로 진행되었는데, 676줄의 거대한 data.ts 파일과 937줄의 queries.ts를 도메인별로 분리해 약 2600줄을 정리했습니다. RichEditor, MetaItem, formatDate 등 중복되던 컴포넌트와 유틸리티를 공용 모듈로 통합하고, 4개의 detail 페이지를 CultureDetailShell로 통합하면서 유지보수성을 대폭 개선했습니다. 리스트 쿼리에 페이징을 추가하고 사이드바 count 쿼리를 경량화해 관리자 페이지의 성능도 최적화했습니다.

이 과정에서 AI 도구의 도움을 받아 대규모 리팩토링 작업 중 누락되거나 이름 충돌하는 함수들을 체계적으로 검수할 수 있었습니다. 또한 Google Analytics, GTM, Search Console 연동을 추가하면서 사이트 분석 인프라를 갖춰, 앞으로 데이터 기반의 개선이 가능해졌습니다. 모두 108개 파일의 변경으로 이루어진 이번 업데이트는 단순한 기능 추가를 넘어 플랫폼 전체의 기초를 다지는 작업이었습니다.