생일 초대장 웹사이트 만들기 (무료로 게시하는 방법)

왜 웹사이트 초대장일까요?

멋지게 꾸민 나만의 웹사이트 링크를 보내는 것이 요즘 파티에 사람들을 초대하는 방법이에요. 휴대폰에서 보기에도 훌륭하고, 장소로 가는 지도도 넣을 수 있고, 무엇보다 만들기가 정말 쉬워요.

기술적인 지식은 전혀 필요 없어요. 초대장 디자인은 AI가 하고, 인터넷에 올리는 일은 SiteDrop이 해 드려요.

1단계: AI에게 코드 작성 맡기기

ChatGPT, Claude 등 평소 쓰는 AI 어시스턴트에 접속해서 어떤 파티를 여는지 정확하게 알려 주세요. 아래 프롬프트 예시를 활용해 보세요.

"한 페이지짜리 디지털 생일 초대장의 HTML과 CSS를 작성해 줘. 테마는 '네온 80년대 디스코'야. 사라의 30번째 생일 파티이고, 날짜는 6월 15일 저녁 8시, 장소는 레트로 라운지야. 굵고 재미있는 제목, 행사 정보, 그리고 'WhatsApp으로 참석 답장하기' 버튼을 넣어 줘. 모바일에 맞게 반응형으로 만들고 밝은 색상으로 눈에 확 띄게 해 줘. 모든 코드는 index.html 파일 하나에 넣어 줘."

그러면 AI가 초대장에 필요한 코드를 완성해서 보여 줘요.

2단계: 파일 저장하기

워드 문서를 저장하듯이 이 코드도 저장해야 해요.

1. 기본 텍스트 편집기를 열어요(Windows는 메모장, Mac은 텍스트 편집기이며 일반 텍스트 모드로 설정해야 해요).
2. AI가 준 코드를 붙여 넣어요.
3. 파일 이름을 정확히 index.html로 지정해 저장해요.

이제 index.html 파일을 마우스 오른쪽 버튼으로 클릭해 "압축" 또는 "Zip"을 선택하세요. 초대장이 담긴 ZIP 파일이 만들어져요.

3단계: 웹에 게시하기

친구들에게 공유하려면 접속할 수 있는 웹 링크가 필요해요. 예전에는 호스팅 계정에 복잡한 설정까지 필요해서 이 단계가 가장 어려웠어요. 이제는 끌어다 놓기 한 번이면 끝나요.

1. SiteDrop.live에 접속해요.
2. ZIP 파일을 드롭 영역으로 끌어다 놓아요.
3. Google 또는 Microsoft 계정으로 간편하게 로그인해요.

초대장이 게시됐어요! SiteDrop이 바로 접속 가능한 링크(예: sarah-party.sitedrop.live)를 만들어 줘요.

4단계: 초대장 보내기!

SiteDrop이 만들어 준 링크를 복사해서 단체 채팅방, WhatsApp, iMessage 등에 붙여 넣으세요. 친구들이 링크를 누르면 휴대폰 화면에 딱 맞게 보이는, 나만의 멋진 초대장 웹사이트를 볼 수 있어요.

보너스: 시간을 바꿔야 한다면?

장소 예약 시간이 바뀌어도 당황하지 마세요. AI에게 코드의 시간을 수정해 달라고 요청하고, 새 index.html을 저장해서 압축한 다음 SiteDrop에 다시 끌어다 놓기만 하면 돼요. 웹사이트가 바로 업데이트되고 링크는 그대로 유지돼요.