안녕하세요, 재밋 마케팅팀 제이입니다.
최근에 재밋으로 '모바일 청첩장'을 만들 수 있는지에 대한 고객님들의 질문이 여럿 있어서 이번 기회로 모바일 청첩장 제작 후기를 알려드리려고 해요. 이번 글이 고객님들의 의문에 큰 도움이 됐으면 좋겠습니다.
도구는 재밋과 ChatGPT를 사용했습니다. 재밋(Zaemit, zaemit.ai)은 대화만으로 홈페이지를 만드는 바이브코딩 서비스로, ChatGPT와 클로드 같은 AI에 MCP로 연결해 채팅창에서 바로 사이트를 만들고 고칠 수 있습니다.
항목 | 내용 |
|---|---|
만든 것 | 모바일 청첩장 (시연용 가상 청첩장) |
도구 | 재밋MCP + ChatGPT |
기능 | 지도, 교통, 주차 안내, 캘린더 저장, 연락처, 계좌, 갤러리, 참석 여부 폼, 축하 방명록, 배경음악 |
프롬프트 | 약 40번 |
ChatGPT에 입력한 내용은?
제가 보낸 첫 프롬프트는 다음 한 줄이었어요.
재밋으로 모바일 청첩장을 만들어줘.
ChatGPT는 위 질문을 다음과 같이 고도화했어요.
ChatGPT 질문 | 답변 |
|---|---|
주된 분위기는 무엇으로 할까요? | 고급스러고 클래식 |
어떤 기능을 포함할까요? | 지도, 교통, 캘린더, 신랑/신부 연락하기, 마음 전할 계좌 |
신랑/신부 이름과 예식 날짜, 예식장은 제가 임의로 입력했습니다. 또한, 모바일로 봤을 때 편한 UI/UX로 만들어 달라고 했어요. 제가 제작한 청첩장에는 ChatGPT에게 가상의 이미지를 커플 사진으로 넣어달라고 했습니다.
모바일 청첩장에는 어떤 내용이 포함되나요?
위에서부터 순서대로 11개 영역이 들어갔습니다.
1. 커버: 결혼 문구와 예식 날짜
2. 초대 문구
3. 신랑/신부 소개
4. 갤러리 2개: 이미지 각 6장씩
5. 오시는 길: 지도·교통·주차
6. 캘린더 저장 기능
7. 참석 여부 폼
8. 축하 방명록
9. 연락처·계좌
10. 배경음악
11. 감사 인사
먼저, 기존에 제작된 초안에는 사진이 충분히 많지 않았어요. 그래서 ChatGPT에게 갤러리 사진을 추가해달라고 요청했으며 결과적으로 2개의 갤러리가 생겼고 각각 이미지 6장씩 들어갔어요.
그리고 예식장 이름을 입력하니 5번 오시는 길 섹션이 자동으로 내용이 채워졌어요. Google 지도와 주차장 안내도는 ChatGPT가 알아서 추가해줬어요.
이 외에도 배경음악을 추가하기 위해 별도로 해당 내용을 입력했어요. 그러자 ChatGPT가 파헬벨의 캐논(Pachelbel's Canon)을 넣어줬습니다. 당연히 모바일 청첩장 내에서 재생과 음량 조절을 할 수 있었어요.
참석 여부(RSVP)는 어디에 저장되나요?
모바일 청첩장 사이트에서 하객이 제출한 참석 여부 데이터는 재밋 데이터 시트에 저장됩니다.
항목 | 선택지 |
|---|---|
이름 | 직접 입력 |
어느 쪽 하객인가요? | 신랑 측 / 신부 측 |
참석 여부 | 참석 / 불참 / 미정 |
총 참석 인원 | 직접 입력 (참석 시 필수) |
식사 여부 | 식사함 / 식사 안 함 / 미정 |
개인정보 수집·이용 동의 체크박스는 재밋이 자동으로 붙였습니다. 로그인을 하지 않은 상태에서도 참석 여부 폼 제출이 가능합니다.
방명록 수정이 오래 걸린 이유
메인 페이지에 예전 방명록 섹션이 남아 있었습니다. 초안에 생성됐던 방명록 구성을 저는 수정하고 싶었어요. 하지만 초기에 제작될 때 만들어진 구성 때문에 추구하는 방명록을 만들기에는 수정만으로는 한계가 있었던 것 같아요. 결국에는 기존에 제작됐던 섹션을 지우고 방명록 전용 페이지를 추가하여 문제를 해결했습니다. 수정해도 화면이 그대로라면, 기존에 생성됐던 섹션이 남아있지는 않은지, 남아있다면 삭제하고 다시 구성하는 방식도 해결책이 될 수 있습니다.
발생한 문제 | 요청한 것 |
|---|---|
글쓰기 기능이 없음 | 작성 기능 추가 |
방명록에 썸네일과 요약 내용을 입력하라고 나옴 | 삭제 |
방명록 별로 조회수가 노출됨 | 삭제 |
사이트에 로그인해야만 작성 가능 | 비로그인으로도 작성 가능하게끔 만듦 |
'게시판을 볼 수 없다' 화면 반복 | 기존 게시판 삭제 후 새로 만들기 |
한계
모바일 청첩장을 만들면서 한계를 느낀 부분은 거의 없었습니다. 모바일 청첩장 사이트에 들어갔을 때, 배경음악이 자동재생 되지 않았던 점이 한계라고 볼 수 있겠네요. 자동재생 기능을 시도했지만 브라우저가 해당 기능을 막았기에 화면에 고정된 컨트롤러로 직접 재생해야 했습니다.
정리하며
모바일 청첩장 초안을 빠르게 만들어볼 수 있다는 점이 가장 좋았습니다. 분위기와 이름, 날짜, 예식장만 보냈는데 주소와 교통, 주차 안내까지 채워진 청첩장이 나왔어요. 가장 까다로웠던 건 방명록 수정 작업이었습니다.
제가 만든 청첩장은 아래 주소에 있어요.
모바일 청첩장 제작을 희망하시는 분들은 참고하기 좋을거예요!
이 외에도 재밋으로 게임을 만들거나 홈페이지를 만들어보고 싶으신 분들은 아래 링크를 확인해주세요!
자주 묻는 질문
ChatGPT로 모바일 청첩장을 만들 수 있나요?
네, 가능합니다. 재밋을 연결한 ChatGPT에 "재밋으로 모바일 청첩장을 만들어줘."라고 보내면 청첩장 분위기와 넣을 기능을 물어본 뒤 청첩장을 만듭니다.
모바일 청첩장에 배경음악 자동재생이 되나요?
자동재생을 시도하도록 설정할 수는 있지만, 브라우저가 막을 수 있어서 항상 재생되지는 않습니다. 그래서 화면에 재생, 일시정지 컨트롤러를 함께 두었어요.
참석 여부를 받아볼 수 있나요?
네, 가능합니다. 하객이 이름, 하객 구분, 참석 여부, 인원, 식사 여부를 제출하면 재밋 데이터 시트에 저장됩니다.
방명록을 로그인 없이 쓰게 할 수 있나요?
네, 가능합니다. 로그인 없이 제목, 작성자명, 내용을 입력하도록 요청해서 지금은 비회원도 축하 메시지를 남깁니다.