<aside> 💌

사진과 예식 정보를 직접 수정하고, 여러 초대장의 공개 상태와 고객 연결을 관리하는 모바일 초대장 서비스입니다.

기획·디자인부터 웹 화면, 서버의 권한 확인과 Firebase 데이터 저장까지 연결한 개인 프로젝트입니다.

</aside>

서비스 보기 · GitHub

2025.07 시작 · 2026.09 현재 개선 중

주요 기술: Next.js 15 · React 19 · TypeScript · Firebase

invitation-home-20260910.png

메인 화면 — 휴대전화 안의 청첩장을 직접 스크롤하며 둘러볼 수 있습니다.

화면 기준: 2026.09.10 개발 버전. 아래 이미지는 실행 중인 프로젝트를 직접 캡처했습니다. 최신 디자인은 현재 배포 화면과 다를 수 있습니다. 청첩장에는 AI 생성 샘플 사진과 예시 정보를 사용했고, 관리 화면은 체험용 데이터로 촬영했습니다.

맡은 일

개인 프로젝트로 기획·디자인, 공개 초대장과 관리자·고객 편집 화면, 서버의 권한 확인과 Firebase 데이터 저장을 맡았습니다.

왜 만들었나요?

청첩장은 링크를 전달한 뒤에도 사진 교체, 예식 시간 변경, 안내 문구 수정이 필요합니다. 작은 수정마다 코드를 고쳐야 한다면 관리자의 일이 계속 늘어납니다.

그래서 내용을 입력하고 저장하는 화면하객이 보는 초대장을 연결했습니다. 관리자는 여러 초대장을 관리하고, 고객은 계정에 연결된 자신의 초대장을 수정할 수 있습니다.

실제 화면과 사용 흐름

1. 필요한 정보를 나누어 입력합니다

이름, 일정과 장소, 인사말, 사진을 작업별로 나눴습니다. 입력이 필요한 항목과 현재 작업 위치를 보여주고, 저장 전에 내용을 확인할 수 있도록 구성했습니다.

invitation-editor-20260910.png

일정 입력 화면 — 날짜와 시간을 문장으로 확인하고, 빠진 필수 항목을 안내받습니다.

2. 관리자는 상태를 확인하고 고객과 연결합니다

목록에서 공개 여부, 행사일, 고객 연결 상태를 함께 확인합니다. 상세 화면에서 편집·이미지·방명록 관리로 이동하며, 고객에게 연결 링크를 전달해 초대장의 소유 계정을 지정합니다.

invitation-admin-20260910.png