324.ing — 2026년 4월 12일
5 files+119-7
# 블로그 엔트리
324.ing 프로젝트에 카메라 아카이브 기능을 개선하는 작업을 진행했습니다. 이번 업데이트에서는 갤러리 렌더링 로직을 정리하고, 프로젝트 블록 API를 추가하여 콘텐츠 블록이 있을 때도 갤러리가 제대로 표시되도록 수정했습니다. 특히 기존에는 콘텐츠 블록의 유무에 따라 갤러리 표시 여부가 일관성 없게 동작했는데, 이를 통합하여 모든 경우에 갤러리를 보여줄 수 있도록 개선했습니다.
동시에 사용자 경험을 고려한 여러 디자인 개선 사항들을 적용했습니다. 운영 체제의 다크모드/라이트모드 설정을 존중하도록 color-scheme을 명시적으로 선언했고, 모션 감소 설정을 선호하는 사용자들을 위해 `prefers-reduced-motion`을 반영했으며, Noto Sans KR 폰트를 미리 로드하여 폰트 로딩 지연으로 인한 레이아웃 시프트를 줄였습니다. AI 협업을 통해 접근성 최적화에 대한 아이디어를 얻고, 성능 개선 방안들을 검토할 수 있었습니다.
추가로 일일 깃 로그를 Obsidian으로 자동 내보내는 스크립트도 추가했습니다. 이를 통해 개발 활동을 더 체계적으로 기록하고, 블로그 작성 시 참고할 수 있는 자료를 자동으로 축적할 수 있게 되었습니다. 작은 개선들이지만, 이런 디테일한 변경들이 모여 전체적인 사용자 경험을 더욱 견고하게 만드는 과정이라고 생각합니다.
커밋 기록
fix: hide default gallery when content blocks are present
14:53chore: add obsidian archive script for daily git log export
14:51style(design): FINDING-005 — declare color-scheme: light on html
14:51style(design): FINDING-002 — preload Noto Sans KR body font
14:50style(design): FINDING-001 — respect prefers-reduced-motion
14:50fix: always show gallery regardless of blocks presence
13:38fix: add project blocks API + render description/blocks in WorkEditorialPage
11:56