ChatGPT로 소상공인 웹사이트 만들고 바로 게시하는 방법

작은 가게도 웹사이트는 꼭 필요하지만, 개발자를 고용하기엔 비용이 부담되고 복잡한 사이트 제작 도구를 배우기엔 시간이 너무 많이 들죠. 그런데 AI에게 원하는 걸 그대로 말하면 완성된 웹사이트 코드를 바로 받고, 전문적인 도메인 이름으로 전 세계에 공개할 수 있다면 어떨까요? 그것도 10분 안에요.

ChatGPT와 SiteDrop만 있으면 가능해요. 코딩을 몰라도 되고, 서버가 어떻게 돌아가는지 몰라도 괜찮아요. 우리 가게 웹사이트를 만들어서 공개하기까지의 과정을 단계별로 알려 드릴게요.

1단계: ChatGPT에게 웹사이트 코드 작성 부탁하기

먼저 웹사이트 자체를 만들어야 해요. ChatGPT(또는 Claude)를 열고, 원하는 내용을 자세히 담은 프롬프트를 입력하세요. 좋은 프롬프트에는 우리 가게 소개, 넣고 싶은 섹션, 그리고 HTML 파일 하나로 만들어 달라는 요청이 들어가야 해요.

프롬프트 예시:

"저는 시카고에서 'Sunrise Brews'라는 동네 커피숍을 운영하고 있어요. 현대적이고 반응형인 한 페이지짜리 웹사이트의 HTML과 CSS를 작성해 주세요. 환영하는 문구가 담긴 히어로 섹션, '메뉴' 섹션, '소개' 섹션, 그리고 주소와 영업시간이 들어간 '찾아오시는 길' 푸터가 필요해요. 예쁜 인라인 CSS를 사용하고, 사진이 들어갈 자리에는 이미지 태그를 임시로 넣어 주세요. 결과물은 완성된 index.html 파일 하나로 만들어 주세요."

ChatGPT가 코드를 한 덩어리 쭉 보여 줄 거예요. 그 코드를 전부 복사하고, 기본 텍스트 편집기(Windows는 메모장, Mac은 텍스트 편집기)를 열어 붙여 넣은 다음, 바탕화면에 index.html로 저장하세요.

2단계: 멋진 이미지 추가하기

좋은 웹사이트에는 좋은 이미지가 필요해요. ChatGPT가 이미지 태그(예: <img src="hero.jpg" />)를 넣어 두었다면, 그 이미지만 준비해 주면 돼요.

• 우리 가게에 쓸 사진(예: 매장 외관, 제품)을 모아 둡니다.
• 이미지 파일 이름을 코드에 적힌 이름과 똑같이 바꿉니다(예: hero.jpg, menu.jpg).
• index.html 파일과 이미지를 컴퓨터의 폴더 하나에 함께 넣습니다.
• 폴더를 마우스 오른쪽 버튼으로 클릭해 ZIP 파일로 압축합니다.

3단계: SiteDrop으로 바로 호스팅하기

ZIP 파일이 준비됐으니 이제 인터넷에 올려야 해요. 기존 호스팅은 서버 공간을 사고, FTP 프로그램을 설정하고, 복잡한 관리 화면을 다뤄야 했어요. SiteDrop은 그 과정을 전부 건너뛰어요.

• SiteDrop에 접속합니다.
• 방금 만든 ZIP 파일을 대시보드로 끌어다 놓습니다.

이게 전부예요! 5초도 안 되어 SiteDrop이 파일 압축을 풀고, 전 세계 네트워크에 배포하고, 무료 SSL 인증서로 사이트를 보호한 다음 공개 링크를 만들어 줘요. 이제 내 웹사이트가 정식으로 인터넷에 올라간 거예요.

4단계: 맞춤 도메인 바로 연결하기

전문적으로 보이려면 소상공인에게도 진짜 도메인 이름(예: www.sunrisebrews.com)이 필요해요. 보통은 도메인 등록 업체에서 도메인을 사고, 복잡한 DNS 레코드를 설정해서 호스팅과 연결해야 하죠.

SiteDrop 구독을 이용하면 도메인 연결도 아주 매끄러워요. SiteDrop 대시보드에서 바로 원하는 가게 이름을 검색하고, 마음에 드는 이름을 찾으면 클릭 한 번으로 구입해 방금 올린 웹사이트에 연결할 수 있어요. DNS 설정은 SiteDrop이 뒤에서 알아서 처리해요.