# 본문 324.ing 프로젝트에 Google Analytics를 통합했습니다. 그동안 사용자들이 어떻게 우리의 카메라 아카이브 서비스를 이용하고 있는지 정량적으로 파악할 수 없었는데, 이번 추가로 방문자 흐름, 기능별 사용률, 사용자 체류 시간 등을 체계적으로 추적할 수 있게 되었습니다. 특히 이미지 업로드와 아카이빙 과정에서 사용자들이 어디서 이탈하는지, 어떤 기능을 자주 사용하는지를 파악함으로써 향후 UX 개선의 방향성을 잡을 수 있게 되었다는 점이 의미깊습니다. 구현 과정에서는 Google Analytics 추적 코드(G-Y3ZX4H4DRD)를 프로젝트에 삽입하는 단순하지만 중요한 작업이었는데, 이를 통해 우리는 사용자 데이터 기반의 의사결정 문화로 한 발 더 나아가게 되었습니다. 개선 방향을 모색할 때 AI 분석 도구의 도움을 받아 수집된 데이터에서 의미 있는 패턴을 찾아내는 것도 고려 중입니다. 이제 우리는 추측이 아닌 데이터에 기반해 제품을 개선할 수 있게 되었습니다. 앞으로 분석된 사용자 행동 데이터를 바탕으로 더욱 직관적이고 효율적인 아카이빙 경험을 만들어나갈 계획입니다.
# 개발 블로그 엔트리 324.ing 프로젝트에서 사용자 경험을 중심으로 한 여러 개선사항을 구현했습니다. 가장 주요한 변화는 슬러그(slug) 시스템의 완전한 재설계인데, 프로젝트와 편지의 URL을 에디터에서 직접 수정할 수 있도록 만들었습니다. 동시에 중복 검증 로직을 추가하여 같은 슬러그로 인한 충돌을 원천 차단했고, 데이터베이스 레벨에서 FK 캐스케이드를 적용해 슬러그 변경 시에도 관련 데이터가 안전하게 유지되도록 했습니다. 이 과정에서 JSON 에러 처리를 더욱 견고하게 만들어 예상치 못한 데이터 형식에도 대응할 수 있게 되었습니다. 사용자가 마주칠 수 있는 엣지 케이스들도 꼼꼼히 다뤘습니다. 404 페이지를 단순한 에러 화면에서 벗어나 최근 작업물(Work)과 순간(Moment)을 보여주는 네비게이션 기능이 있는 페이지로 개선했습니다. 이렇게 하면 사용자가 잘못된 URL에 도착했을 때도 다른 콘텐츠를 자연스럽게 탐색할 수 있습니다. 또한 모든 공개 라우트에 스켈레톤 로딩 상태를 추가하여 페이지 로딩 중의 시각적 피드백을 개선했고, 네비게이션 메뉴에서 '편지' 섹션의 위치를 3번째로 조정하면서 정보 구조를 더욱 직관적으로 만들었습니다. 이번 업데이트는 기술적 안정성과 사용자 경험의 균형을 맞추는 데 초점을 맞췄습니다. AI와의 협업을 통해 에러 핸들링 로직을 검토하고 최적화할 수 있었으며, 특히 복잡한 FK 관계 설계에서 데이터 일관성을 보장하는 방안을 체계적으로 구상할 수 있었습니다. 14개 파일의 변경과 함께 코드베이스가 더욱 탄탄해졌습니다.
# 블로그 엔트리 324.ing 프로젝트에 카메라 아카이브 기능을 개선하는 작업을 진행했습니다. 이번 업데이트에서는 갤러리 렌더링 로직을 정리하고, 프로젝트 블록 API를 추가하여 콘텐츠 블록이 있을 때도 갤러리가 제대로 표시되도록 수정했습니다. 특히 기존에는 콘텐츠 블록의 유무에 따라 갤러리 표시 여부가 일관성 없게 동작했는데, 이를 통합하여 모든 경우에 갤러리를 보여줄 수 있도록 개선했습니다. 동시에 사용자 경험을 고려한 여러 디자인 개선 사항들을 적용했습니다. 운영 체제의 다크모드/라이트모드 설정을 존중하도록 color-scheme을 명시적으로 선언했고, 모션 감소 설정을 선호하는 사용자들을 위해 `prefers-reduced-motion`을 반영했으며, Noto Sans KR 폰트를 미리 로드하여 폰트 로딩 지연으로 인한 레이아웃 시프트를 줄였습니다. AI 협업을 통해 접근성 최적화에 대한 아이디어를 얻고, 성능 개선 방안들을 검토할 수 있었습니다. 추가로 일일 깃 로그를 Obsidian으로 자동 내보내는 스크립트도 추가했습니다. 이를 통해 개발 활동을 더 체계적으로 기록하고, 블로그 작성 시 참고할 수 있는 자료를 자동으로 축적할 수 있게 되었습니다. 작은 개선들이지만, 이런 디테일한 변경들이 모여 전체적인 사용자 경험을 더욱 견고하게 만드는 과정이라고 생각합니다.