베이비샤워 모바일 초대장 웹사이트 만드는 방법

손님을 초대하는 요즘 방식

베이비샤워 같은 특별한 날에는 개성 있고 우아하면서도 특별하게 느껴지는 초대장을 보내고 싶죠. 광고가 붙는 흔한 온라인 초대장 서비스를 쓸 수도 있지만, 나만의 초대장 웹사이트가 있으면 훨씬 격조 있어 보여요.

더 좋은 점은요? 기술 지식이 전혀 없어도 약 5분이면 우리 행사만을 위한 맞춤 웹사이트를 만들 수 있다는 거예요.

1단계: AI로 디자인하기

ChatGPT(또는 비슷한 AI)를 웹 디자이너로 활용해 볼게요. 초대장에 어떤 내용을 담고 싶은지, 어떤 모습이면 좋을지 AI에게 알려 주세요.

"언니 Emma를 위해 베이비샤워를 열려고 해요. 한 페이지짜리 모바일 초대장 웹사이트의 HTML과 CSS를 작성해 주세요. 디자인은 우아하고 부드러운 파스텔 색상(연한 초록색과 크림색)으로 해 주세요. 제목은 'Welcome Baby Oliver', 날짜는 8월 12일 오후 2시, 장소는 식물원으로 넣어 주세요. 참석 여부를 알려 주는 섹션도 만들고, 제 이메일 주소로 연결되는 버튼을 달아 주세요. 휴대폰에서도 예쁘게 보이도록 반응형으로 만들어 주세요. CSS는 모두 HTML 파일 안에 넣어 주세요."

그러면 AI가 멋지고 개성 있는 초대장 코드를 바로 만들어 줘요.

2단계: 웹사이트 파일 저장하기

이 코드를 진짜 웹사이트로 바꾸려면 올바르게 저장하기만 하면 돼요.

1. 메모장(Windows) 또는 텍스트 편집기(Mac, 일반 텍스트 모드)를 엽니다.
2. AI가 만들어 준 코드를 붙여 넣습니다.
3. 파일 이름을 정확히 index.html로 저장합니다.

저장했다면 파일을 마우스 오른쪽 버튼으로 클릭하고 "압축" 또는 "Zip"을 선택해 ZIP 파일을 만드세요.

3단계: 공유할 링크 만들기

이제 내 컴퓨터에는 웹사이트가 있지만, 할머니와 친구들에게 보내려면 링크가 필요해요. SiteDrop으로 인터넷에 바로 게시해 볼게요.

1. SiteDrop.live에 접속합니다.
2. 방금 만든 ZIP 파일을 페이지 위로 끌어다 놓습니다.
3. Google 또는 Microsoft 계정으로 로그인합니다.

웹사이트가 바로 공개돼요! SiteDrop이 안전하게 연결되는 링크를 즉시 만들어 드려요. 서버를 설정할 필요도, 복잡한 호스팅 관리 화면도 없어요.

4단계: 소중한 사람들과 공유하기

새 링크를 복사해서 문자 메시지, WhatsApp 그룹, 이메일에 붙여 넣으세요. AI가 모바일에 맞게 만들어 줬기 때문에 손님들이 휴대폰으로 열어도 멋지게 보일 거예요.

나중에 선물 목록을 추가해야 하나요?

아주 쉬워요. ChatGPT에게 선물 목록 링크를 넣도록 코드를 수정해 달라고 하세요. 새 index.html 파일을 저장하고, ZIP으로 압축한 다음, 다시 SiteDrop에 끌어다 놓으면 돼요. 링크는 그대로인 채 웹사이트가 바로 업데이트돼요.