💌 프로젝트 명 : 우결, 우리 결혼해요

💌 프로젝트 기간 : 2025.01 ~ 2025.07

💌 프로젝트 소개 : 우리 결혼해요는 사용자가 모바일 청첩장을 직접 커스터마이징할 수 있는 플랫폼입니다. 하객들은 청첩장에 참석 여부, 축하 메세지, 실시간 포토월을 남길 수 있으며, 사용자는 집계된 데이터들을 엑셀 파일로 확인할 수 있습니다.

• 나만의 청첩장을 생성, 수정, 조회, 삭제할 수 있습니다.

• 1단계에서는 이름, 일시, 장소와 같은 필수 기본 정보를 입력할 수 있습니다.

• 2단계에서는 캘린더, 지도/교통수단, 갤러리, 축의금, 연락하기, 공지사항, 글꼴, 배경음악 8가지의 선택 정보 중 원하는 기능을 골라 청첩장에 포함시킬 수 있습니다.

• 3단계에서는 청첩장의 글꼴, 음악과 같은 테마를 설정할 수 있습니다.

• 제작한 청첩장을 하객들에게 공유할 수 있습니다.
• 이때 URL 복사, 카카오, QR 코드 3가지의 방법을 통해 공유할 수 있습니다.

• 하객들로부터 참석여부 데이터를 받고 이를 관리할 수 있습니다.
• 총 통계 데이터 및 상세 목록을 확인할 수 있으며, 해당 정보를 엑셀 파일로 다운로드할 수 있습니다.

• 하객들로부터 실시간 포토월 데이터를 받을 수 있습니다.
• 하객들은 사진과 축하메세지를 입력하여 포토월을 등록할 수 있고, 청첩장 제작자는 갤러리를 통해 이미지들을 다운로드하고 삭제할 수 있습니다.

• 다크 모드를 통해 청첩장의 색감 반전을 경험할 수 있습니다.

1️⃣ 다양한 기술 스택 활용

기존에 경험해보지 못한 라이브러리, 인프라, 번들러 등을 적극 활용하였습니다. 프론트엔드는 Tailwind CSS, Storybook, Zustand 등 스타일링 및 상태 관리 라이브러리를 활용하였으며, 백엔드는 Sequelize ORM, AWS EC2/S3, CloudType 등의 다양한 인프라를 활용하였습니다.

2️⃣ 사용자 친화적 서비스

사용자에게 친화적이고 편리한 서비스를 제공하기 위해 소셜 로그인, 자동 저장, 미리 보기 기능을 구현하였고, RSVP 데이터를 엑셀 파일로 다운로드할 수 있도록 하였습니다.

3️⃣ 코드 그라운드 룰 기반 협업

커밋 컨벤션 및 ISSUE & PR 템플릿 지정, 코드 그라운드 룰 및 브랜치 전략을 사전에 정의 한 후 개발함으로써 원활한 협업을 진행하였습니다. 주차 별 스프린트와 백로그를 작성하며 프로젝트의 진행 상황을 체계적으로 정리했습니다.

💁🏻‍♂️ 프로젝트의 특징에 대한 더 자세한 사항은 팀 노션 페이지를 참고해 주세요!

1️⃣ 배포 시 보안 프로토콜 문제

문제: 서비스 배포 시 http 프로토콜로 인해 브라우저 요청이 차단되는 문제

해결: SSL 인증서 발급을 통해 http를 https로 리디렉션하여 해결

2️⃣ package-lock.json 충돌 문제

문제: 새로운 라이브러리 설치 시 package-lock.json이 의도치 않게 변경되는 문제

해결: 팀원 간 node, npm 버전 통일로 해결

3️⃣ AWS S3 이미지 업로드 시간 단축

문제: AWS S3에 업로드된 이미지 로딩 시간 지연 문제

해결: 픽셀 단위로 이미지를 줄여 관리함으로써 이미지 업로드 시간 단축

분류	기술 스택
프론트엔드
백엔드
데이터베이스
인프라
모니터링
협업 & 문서화

이소연	송희범	황채연	이종훈

남유성	한정욱	오지현