ChatGPT Sites로 코딩 없이 웹사이트 만들고 바로 호스팅 가능

직접 적용해 보기

처음부터 무리하지 말고, 이 순서로 확인하세요

1. 01

   1단계: ChatGPT에서 Sites 기능 확인

   ChatGPT에 로그인한 뒤 새로운 채팅 창을 열어 Sites 기능이 활성화되어 있는지 확인합니다. 모든 사용자에게 동시에 출시되지 않을 수 있으므로, 업데이트 또는 ChatGPT Plus 구독을 확인하세요.

   확인: ChatGPT 인터페이스에서 '웹사이트 만들기', 'Sites', 또는 유사한 옵션이 보이는가? 채팅 입력창 옆이나 상단 메뉴에 해당 기능 버튼이 있는가?

2. 02

   2단계: 간단한 웹페이지로 실험

   처음 사용할 때는 복잡한 요청보다 간단한 페이지부터 시작합니다. ChatGPT에 '나에 대한 소개 페이지를 만들어달라'고 요청하고, 인앱 브라우저에서 미리보기를 확인한 뒤 색상이나 레이아웃 변경을 요청해봅니다.

   확인: 인앱 브라우저에서 웹페이지가 실시간으로 렌더링되고, ChatGPT에 수정 요청을 했을 때 2~3초 이내에 변경 사항이 반영되는가? 로딩 오류나 스타일 깨짐은 없는가?

3. 03

   3단계: 공유 링크 생성 및 테스트

   만든 웹페이지의 공유 링크를 생성합니다. 그 링크를 다른 기기(휴대폰, 태블릿), 다른 브라우저(Chrome, Safari, Firefox), 그리고 로그인하지 않은 상태에서 열어 제대로 작동하는지 확인합니다.

   확인: 공개 링크가 정상적으로 생성되었는가? 링크를 다른 기기에서 열었을 때 개인 정보는 노출되지 않으면서 의도한 내용만 보이는가? 이미지나 스타일이 모두 올바르게 로드되는가?

4. 04

   4단계: 실제 필요 콘텐츠로 확장

   이제 자신의 실제 용도(학생 성적 목록, 포트폴리오 이미지, 연구 데이터)를 준비합니다. 데이터가 있으면 파일로 업로드하고, 이미지가 있으면 함께 추가한 뒤 ChatGPT에 구체적인 요청을 합니다. 예를 들어 '이 10개 학생의 이름과 성적을 입력받아 전체 평균을 계산하고 막대그래프로 보여주는 페이지'처럼 자신의 필요를 명확히 전달합니다.

   확인: 모든 필요한 필드와 기능이 구현되었는가? 데이터 입력 후 계산이나 시각화가 정확하게 작동하는가? 스마트폰에서도 사용하기 불편하지 않은가?

5. 05

   5단계: 지속 활용 계획 및 제약사항 확인

   이 도구를 앞으로 반복적으로 사용할 계획이라면, OpenAI의 공식 정책을 확인하세요. 무료 호스팅의 유지 기간, 저장 용량 한계, 개인정보 보호 약관을 검토합니다. 특히 학생 데이터나 민감한 정보가 포함된 웹사이트를 만들 때는 데이터 처리 방식을 먼저 확인하세요.

   확인: Sites로 만든 웹사이트가 OpenAI 서버에 얼마나 오래 보관되는가? 저장 용량이나 월간 트래픽 제한이 있는가? 사용자가 업로드한 파일은 어떻게 보호되는가? 이 도구 사용 시 추가 비용이 발생하는가?