324.ing — 2026년 3월 22일

# 개발 블로그 엔트리

324.ing 프로젝트의 카메라 아카이브 기능을 개선하면서 몇 가지 흥미로운 문제들을 마주했습니다. 가장 핵심적인 이슈는 Next.js의 `unstable_cache`에서 Date 객체를 직렬화할 때 발생하는 TypeError였습니다. 캐싱 메커니즘이 JSON 직렬화를 거치면서 Date 객체가 제대로 변환되지 않았는데, 이를 해결하기 위해 타임스탬프 기반의 직렬화 전략으로 전환했습니다. Claude와의 협업을 통해 문제의 근본 원인을 파악하고 여러 해결 방안을 검토한 후, 가장 성능 효율적인 접근 방식을 선택할 수 있었습니다.

동시에 모바일 사용성을 크게 개선하는 UX 작업도 진행했습니다. 터치 타깃의 크기를 권장 사이즈인 48x48px 이상으로 조정하여 모바일 환경에서의 오류 탭을 줄였고, 포토북 그리드 레이아웃을 모바일 뷰포트에 맞게 최적화했습니다. 특히 탭 인터랙션에서 불필요한 지연을 제거하여 즉각적인 반응성을 확보했습니다. 이 모든 개선사항은 사용자들이 카메라 아카이브에 접근할 때 더 부드럽고 직관적인 경험을 제공하게 됩니다.

6개 파일의 수정을 통해 기술적 안정성과 사용자 경험 모두를 동시에 향상시킬 수 있었던 의미 있는 작업이었습니다. 작은 변경이지만 캐싱 문제 해결과 모바일 최적화가 만나면서 전체 시스템의 신뢰도와 접근성이 한 단계 업그레이드된 느낌입니다.