324.ing — 2026년 3월 28일

# 개발 블로그 엔트리

324.ing 카메라 아카이브 프로젝트에서 지난 한 주간 접근성과 성능, 그리고 사용자 경험 개선에 집중한 업데이트를 완료했습니다. 가장 주요한 변화는 다크 모드 전면 재설계인데, 색상 대비를 철저히 검토하여 WCAG 기준을 만족하도록 개선했으며, 모든 인터랙티브 요소의 터치 타겟을 최소 44px 이상으로 조정했습니다. 라이트박스에는 aria-role과 modal 속성을 추가하여 스크린 리더 사용자도 편하게 이미지를 탐색할 수 있게 했고, 필터 인터페이스를 복잡한 형태에서 직관적인 드롭다운 선택으로 단순화했습니다.

성능 최적화도 병행했는데, 홈페이지의 데이터베이스 쿼리를 병렬 처리로 개선하고 캐시 TTL을 연장하여 응답 속도를 높였습니다. 불필요한 리소스 프리로드 우선순위도 조정하여 초기 로딩 시간을 단축했습니다. 이러한 QA와 성능 개선 사항들은 AI와의 협업을 통해 검증되었으며, 상세한 내용은 CLAUDE.md 문서에 기록해두었습니다.

이번 작업에서 흥미로웠던 점은 접근성과 미적 디자인의 균형을 맞추는 과정입니다. 다크 모드 도입이 단순히 시각적 선호도를 고려한 것이 아니라, 저시력 사용자를 위한 색상 대비 기준을 동시에 충족해야 했거든요. 결과적으로 더 포용적인 제품을 만들면서도 개선된 성능이라는 실질적 가치를 함께 전달할 수 있었습니다.