324.ing — 2026년 3월 28일
32 files+505-185
# 개발 블로그 엔트리
324.ing 카메라 아카이브 프로젝트에서 접근성과 성능 개선에 집중한 대규모 업데이트를 완료했습니다. 이번 작업의 핵심은 사용자 경험의 질을 높이면서도 기술 부채를 줄이는 데 있었습니다. 다크 모드 디자인 재구성부터 시작해 라이트박스의 ARIA 역할 추가, 모든 터치 타겟을 44px 이상으로 통일하는 접근성 작업을 진행했습니다. 특히 포커스 상태 표시와 색상 대비를 개선하면서 WCAG 기준을 더욱 준수하는 방향으로 나아갔습니다.
성능 최적화도 병행했는데, 홈페이지 쿼리를 병렬화하고 캐시 TTL을 확장하여 응답 속도를 개선했습니다. 프리로드 우선순위를 재조정해 불필요한 리소스 요청을 줄였고, 기존의 복잡한 필터 인터페이스를 드롭다운 선택지로 단순화했습니다. AI 협업 도구를 활용하여 변경사항을 문서화하고 QA 체크리스트를 정리함으로써 개발 속도를 높일 수 있었습니다.
이번 업데이트를 통해 아카이브 서비스가 더욱 직관적이고 빠르게 동작하는 경험을 제공할 것으로 기대합니다. 특히 모바일 사용자들이 편리하게 콘텐츠에 접근할 수 있도록 설계한 부분이 가장 만족스럽습니다. 앞으로도 사용자 피드백을 반영해 지속적으로 개선해 나갈 계획입니다.
커밋 기록
docs: update CLAUDE.md with 2026-03-28 QA and perf changes
10:01fix(qa): ISSUE-001 — add aria role/modal to Lightbox; ISSUE-002 — reduce priority preloads
09:52perf: extend cache TTL and parallelize homepage queries
09:44feat(archive): revert filter to dropdown selects (FilterBar)
08:58style(design): FINDING-005 — lightbox close button 44px touch target
02:50chore: add .omc/ and .gstack/ to .gitignore
02:44style(design): FINDING-003 — nav touch targets 44px minimum
01:16style(design): FINDING-001+002 — color-scheme dark + focus-visible ring
01:15feat(darkroom-editorial): dark mode redesign + ChipFilter + UX improvements
01:11