AI로 모바일 청첩장 만들기

준비물

• 컴퓨터
• ChatGPT 또는 Claude 무료 계정
• 청첩장에 넣을 사진 5~8장 (휴대폰 사진도 괜찮습니다)
• 식장 이름과 주소, 일시, 축의금 계좌번호
• 참석 여부를 받으려면 구글 계정 (구글 설문지용, 무료)

이런 결과가 나옵니다

대표 사진, 인사말, 일시와 장소, 지도 버튼, 사진 갤러리, 계좌번호 복사 버튼, 참석 여부 버튼이 있는 한 페이지 청첩장. 아래 예시는 가상 커플입니다.

따라 하기

1. 1

   사진 고르고 이름 바꾸기

   바탕화면에 "청첩장" 폴더를 만들고 사진을 넣습니다. 대표 사진은 photo1.jpg, 나머지는 photo2.jpg부터 차례로 이름을 바꿉니다. 휴대폰 사진은 용량이 크니 카톡 나와의 채팅으로 보냈다가 다시 받으면 적당히 줄어듭니다.

   이렇게 되면 성공폴더 안에 photo1.jpg ~ photo8.jpg가 있으면 됩니다.

2. 2

   프롬프트 보내기

   아래 프롬프트를 복사해 이름, 날짜, 장소만 우리 것으로 바꾼 뒤 ChatGPT나 Claude에 보냅니다.

   붙여넣을 프롬프트프롬프트 복사

   모바일 청첩장을 만들어줘. 휴대폰으로 볼 거야.
   
   신랑: 이준호 / 신부: 박서연
   일시: 2026년 5월 16일 토요일 오후 1시
   장소: 예시웨딩홀 3층, 서울시 어딘가구 예시로 12
   
   넣을 것:
   - 맨 위에 큰 대표 사진 (photo1.jpg)
   - 짧은 인사말 (네가 써줘, 담백하게)
   - 일시와 장소, 그 아래 "네이버 지도로 보기", "카카오맵으로 보기" 버튼
   - 사진 갤러리 (photo2.jpg ~ photo8.jpg, 누르면 크게)
   - 신랑측, 신부측 계좌번호. 누르면 복사되고 "복사되었습니다"라고 떠야 해
   - 참석 여부 버튼 (누르면 내가 만든 구글 설문지로 이동)
   - 카톡으로 보냈을 때 미리보기에 "이준호 ♥ 박서연 결혼합니다"가 뜨게
   
   디자인: 흰 바탕, 글씨는 진한 회색 하나, 포인트 색 하나만. 화려한 효과는 빼줘.
   파일 하나로 만들어줘.

   내 것으로 바꿀 곳

   • 이름, 일시, 장소, 주소를 우리 것으로 바꿉니다.
   • 계좌번호는 프롬프트에 직접 쓰지 말고, 결과물이 나온 뒤 "신랑측 계좌는 ○○은행 ○○○, 신부측은 ○○○로 바꿔줘"라고 따로 말하는 게 안전합니다.
   • 구글 설문지 주소는 6단계에서 만든 뒤 넣습니다.

   이렇게 되면 성공Claude는 오른쪽 창에 청첩장이 바로 보입니다. ChatGPT는 긴 코드가 나오는데, 코드 상자 위의 "미리보기"(또는 Canvas의 실행 버튼)를 누르면 볼 수 있습니다.

   팁사진은 아직 안 보이는 게 정상입니다. 파일로 저장한 뒤 같은 폴더에 있어야 보입니다.

3. 3

   문구와 디자인 고치기

   마음에 안 드는 부분을 말로 고칩니다. 한 번에 하나씩 말하는 게 정확합니다.

   팁이렇게 말하면 됩니다. "인사말을 두 줄로 줄여줘", "포인트 색을 연한 초록으로", "갤러리를 두 줄로", "날짜 글씨를 더 크게"

4. 4

   계좌번호 넣기

   "신랑측 계좌: ○○은행 000-0000-0000 이준호, 신부측: ○○은행 000-0000-0000 박서연 으로 바꿔줘"라고 보냅니다. 결과물에서 버튼을 눌러 복사가 되는지 확인합니다.

   이렇게 되면 성공버튼을 누르고 메모장에 붙여넣었을 때 계좌번호가 들어가면 성공입니다.

5. 5

   지도 버튼 연결하기

   휴대폰 네이버 지도 앱에서 식장을 검색하고 "공유 > 링크 복사"를 누릅니다. 카카오맵도 같은 방법으로 링크를 복사합니다. 두 링크를 Claude나 ChatGPT에 "네이버 지도 버튼은 이 주소, 카카오맵 버튼은 이 주소로 연결해줘"라고 붙여넣습니다.

6. 6

   참석 여부 설문지 만들기

   forms.google.com 에서 빈 설문지를 만들고 질문 세 개를 넣습니다. 이름(단답형), 참석 인원(드롭다운: 1명, 2명, 3명 이상), 식사 여부(객관식: 예, 아니요). 오른쪽 위 "보내기 > 링크 아이콘"으로 주소를 복사해 "참석 여부 버튼을 이 주소로 연결해줘"라고 보냅니다.

   이렇게 되면 성공응답은 설문지의 "응답" 탭에 쌓이고, 스프레드시트로 볼 수도 있습니다.

7. 7

   파일로 저장하고 링크 만들기

   완성된 코드를 1단계 폴더에 index.html로 저장한 뒤, 폴더째 Netlify Drop에 올리면 주소가 생깁니다. 사진이 들어가므로 Claude Publish보다 이 방법이 맞습니다.

   이렇게 되면 성공휴대폰으로 주소를 열어 사진, 지도, 계좌 복사가 모두 되면 완성입니다.

막히면

다음에 해볼 것

• 식이 끝난 뒤 같은 페이지를 "감사 인사 + 본식 사진" 페이지로 바꿔 다시 올리면 하객에게 답례 링크로 보낼 수 있습니다.

여기 쓰인 기능

다른 레시피