324.ing — 2026년 4월 7일

# 324.ing 카메라 아카이브 프로젝트: SEO 최적화와 코드 정리의 여정

이번 주에는 324.ing의 카메라 아카이브 기능을 대폭 개선했습니다. 101개 파일에 걸쳐 약 3,600줄의 코드를 리팩토링하면서 SEO 최적화, 접근성 개선, 그리고 보안 강화를 동시에 진행했습니다. 특히 주목할 점은 이전에는 흩어져 있던 폼(Form) 컴포넌트들을 `BookForm`, `CategoryForm` 같은 재사용 가능한 단위로 추출하면서, AdminPhotobooksClient의 라인 수를 665줄에서 287줄로 줄였다는 것입니다. 이를 통해 코드 유지보수성은 물론 가독성도 크게 향상시켰습니다.

검색 엔진 최적화 측면에서는 메타데이터 전략을 세웠습니다. Canonical 태그와 Open Graph, Twitter 카드를 리스팅 페이지에 추가했고, JSON-LD 스키마를 Book 데이터에 적용하여 구조화된 데이터를 제공하기 시작했습니다. 또한 사진의 alt 텍스트를 자동으로 생성하고, 개발 노트에 noindex를 설정하는 등 세밀한 조정을 했습니다. AI 도구를 활용해 반복적인 alt 텍스트 작성을 자동화했으며, 이를 통해 SEO와 접근성이라는 두 마리 토끼를 모두 잡을 수 있었습니다.

마지막으로 코드 품질 면에서도 진전이 있었습니다. 모바일 QA를 거쳐 반응형 디자인 버그를 수정했고, ConfirmDialog 같은 공용 컴포넌트를 분리하며 label의 htmlFor 속성을 개선해 접근성을 높였습니다. 타입 안전성 검사와 디렉토리 재구성도 함께 진행되어, 향후 기능 추가 시 더욱 견고한 기반 위에서 개발할 수 있는 상태가 되었습니다.