모바일 청첩장 개발일지

5 개의 글

React + TypeScript + Vite로 친구의 모바일 청첩장을 만들어주기로 했다. 프로젝트 세팅부터 핵심 기능 구현, 컴포넌트 분리까지 하루 만에 MVP를 완성한 과정을 회고한다.

MVP를 만든 다음날부터 구조 개선에 들어갔다. 하드코딩된 데이터를 JSON으로 분리하고, 스와이프와 스크롤 스냅으로 모바일 UX를 끌어올린 과정을 회고한다.

모바일 청첩장은 사진이 대부분이다. JPEG를 WebP로 변환하고, LQIP 패턴을 적용하고, 폰트를 선택하는 과정에서 모바일 웹 성능 최적화를 경험했다.

친구 커플과 가족에게 청첩장을 보여주고 피드백을 받았다. 폰트, 여백, 카카오맵 좌표 등 사소하지만 중요한 수정사항들을 빠르게 반영한 과정을 회고한다.

방명록, 페이드인 애니메이션, 갤러리 버그 수정까지. 결혼식 한 달 전에 마무리한 모바일 청첩장 프로젝트의 최종 회고. 약 3개월 반의 개발 과정에서 배운 것들을 정리한다.