Cultural Archive — 2026년 3월 20일
# Cultural Archive 프로젝트: 문화 기록 관리 시스템의 안정성 개선
Cultural Archive는 책, 콘서트, 영화, 전시 등 다양한 문화생활을 기록하고 관리하는 웹 애플리케이션입니다. 이번 업데이트에서는 실사용 과정에서 발견된 여러 버그를 체계적으로 해결했습니다. 특히 Firestore의 mixed-type orderBy 버그로 인한 정렬 오류를 `createdAt` 필드를 ISO 문자열로 통일함으로써 해결했고, 새로운 데이터가 즉시 반영되도록 모든 데이터 페이지에 `force-dynamic` 옵션을 추가했습니다. 또한 Mixed Content 보안 문제로 인한 도서 표지 이미지 로딩 실패를 HTTP에서 HTTPS로 변경하여 개선했습니다.
사용자 경험 측면에서도 다양한 개선사항을 적용했습니다. React의 `useRef`를 활용해 `editId`를 보호함으로써 handleSubmit의 스테일 클로저 문제를 방지했고, 독서 편집 버튼 클릭 시 폼이 자동으로 뷰포트 상단으로 스크롤되도록 개선했습니다. 아울러 콘서트, 영화, 전시 새기록 저장 실패 문제와 독서 관리의 undefined 필터링 이슈도 함께 수정했습니다.
기능 측면에서는 도서 시스템을 대폭 강화했습니다. CSV 임포트 스크립트를 추가해 대량의 도서 데이터를 효율적으로 관리할 수 있도록 했고, Book 타입에 `genre` 필드를 추가하여 장르별 분류가 가능해졌습니다. UI도 개선하여 도서 커버 이미지 그리드 뷰를 추가했으며, 메인 페이지에는 독서중인 책을 타임라인 형식으로 표시합니다. 기존의 단순한 목록 형태에서 벗어나 독서중인 책을 상단에, 연도별 완독 도서를 하단에 구분하여 표시함으로써 사용자가 자신의 독서 진행 상황을 한눈에 파악할 수 있게 되었습니다.