Woogyeol - 우리 결혼해요
프로젝트 기능
Woogyeol 메인 페이지
청첩장을 생성, 수정, 조회, 삭제할 수 있는 인터페이스
청첩장 만들기
청첩장의 원하는 기능과 테마를 커스터마이징할 수 있는 기능
청첩장 공유
URL, 카카오톡, QR 코드를 통해 청첩장을 공유할 수 있는 기능
RSVP 관리
하객들의 참석 여부를 조사하고 엑셀 파일로 관리할 수 있는 기능
실시간 포토월
하객들로부터 실시간으로 축하 사진을 받을 수 있는 기능
다크 모드
청첩장 및 서비스의 색감 반전을 경험할 수 있는 기능
기술적 문제 및 해결
1
이미지 로딩 속도 문제
문제
청첩장 특성 상 관리할 이미지가 많아 AWS S3를 통해 관리하였으나, 이미지 로딩 시 속도가 많이 지연되는 문제가 발생했습니다.
해결
이미지를 바로 저장하지 않고, 450px로 크기를 줄이고 webp 포맷으로 리사이징한 후 저장하도록 하여 이미지 조회 시 로딩 속도를 약 1~2초 단축할 수 있었습니다.
2
POST 요청 시 과도한 데이터 전송 문제
문제
청첩장 생성 시 모든 값을 한 번에 전송하여 에러 트래킹과 디버깅이 어려웠고, 검증되지 않은 상태에서 요청을 보내는 문제가 있었습니다.
해결
생성 단계를 나누어 필요한 데이터만 단계별로 전송하도록 API를 개선했습니다. 이를 통해 에러 발생 시 특정 단계에서 확인이 가능해져 디버깅 시간이 단축되었고, 사용자 플로우에도 더 적합한 방식이 되었습니다.