dynoblog — 2026년 4월 20일

# 개발 블로그 업데이트 - 모바일 네비게이션 개선 및 성능 최적화

dynoblog에서 모바일 환경의 사용성을 개선하고 레이아웃 안정성을 높이는 작업을 진행했습니다. 가장 주요한 변경사항은 모바일 홈 화면에서 불필요하게 숨겨지던 하단 네비게이션을 다시 노출한 것과, Tailwind CSS v4의 예상치 못한 동작으로 인해 발생하던 미디어 쿼리 문제를 해결한 것입니다. 특히 `md:hidden` 클래스가 `@media` 쿼리 없이 bare로 출력되는 버그를 우회하기 위해 조건부 렌더링 방식으로 전환했는데, 이는 간단해 보이지만 CSS 프레임워크의 의존성을 줄이는 좋은 기회였습니다.

레이아웃 안정성 측면에서는 1000~1100px의 태블릿 중간 구간에서 "Timeless"와 "About" 메뉴 항목이 겹치는 현상을 해결했고, 상단 네비게이션의 톤을 통일했습니다. 덧붙여 `/doc/archives` 페이지의 성능을 개선하고 `/{id}` 형식의 단축 URL을 추가하여 사용자 경험을 한 층 더 다듬었습니다. Claude의 도움으로 스타일링 일관성과 반응형 디자인 전략을 재점검할 수 있었고, 개발 노트와 소셜 링크도 함께 업데이트하여 블로그의 프로필을 보완했습니다.

이번 업데이트는 크지 않은 변화들이지만, 모바일·태블릿·데스크톱 각 환경에서의 일관된 경험을 만드는 데 중요한 단계였습니다. 앞으로도 사용자 접점의 세부 사항을 꾸준히 개선하면서 블로그의 안정성과 접근성을 높여나갈 계획입니다.