ChatGPT 웹앱 제작·배포, Sites 플러그인으로 채팅창에서 바로 만드는 법

핵심 메시지

• Sites는 ChatGPT 채팅창에서 완전히 동작하는 웹앱을 만들고 배포까지 하는 새 플러그인이다.
• 호스팅과 저장소가 내장돼 별도 서비스 설정 없이 곧바로 게시할 수 있다.
• 원하는 앱을 자연어로 설명하면 프로젝트 구성과 코드 작성을 알아서 진행한다.
• 인앱 브라우저의 주석 도구로 특정 부분을 콕 집어 수정 요청을 남길 수 있다.
• Build Web Apps 플러그인을 함께 쓰면 디자인·구현·테스트 품질을 더 끌어올린다.

쉽게 이해하기

OpenAI가 ChatGPT 안에서 웹앱을 만들고 그대로 배포하는 흐름을 시연했다. 핵심은 'Sites'라는 새 플러그인으로, 몇 분 만에 실제로 동작하는 웹앱을 만들 수 있다. 호스팅과 저장소가 기본 포함돼 있어 완성한 앱을 별도 서비스 없이 즉시 게시할 수 있는 점이 특징이다.

작업은 전적으로 채팅창에서 시작한다. 예컨대 '스피커 카드와 필터가 되는 일정표, 깔끔한 편집디자인 스타일을 갖춘 디자인 콘퍼런스 런칭 사이트를 만들어줘'처럼 원하는 바를 말로 설명하면, 뒤에서 프로젝트를 구성하고 코드를 작성해 첫 버전을 완성한다. 결과물은 바로 열어 직접 사용해 볼 수 있다.

수정도 평범한 언어로 이어간다. 일정 배치를 더 보기 쉽게 하고 기조연설을 메인처럼 강조해 달라는 식으로 피드백을 주면 구현은 뒤에서 처리된다. 인앱 브라우저를 열어 내장 주석 도구로 고칠 지점에 직접 코멘트를 남기면, 어디를 어떻게 바꿔야 하는지 정확히 전달된다.

완성된 버전은 '게시(publish)' 버튼을 누르거나 ChatGPT에 배포해 달라고 말하는 것만으로 공개된다. Sites는 Build Web Apps 같은 다른 플러그인과도 연동되는데, 이 플러그인은 디자인·구현·테스트용 스킬로 결과물의 품질을 높여준다.

시연 말미에는 활용 폭을 보여주기 위해 화려한 2000년대 초반 스타일의 2D 횡스크롤 게임을 만들었다. 만화풍 주인공과 애니메이션 배경, 생동감 있는 픽셀아트와 반응형 조작을 요청하자 곧바로 동작하는 웹앱이 나왔다. 아이디어에서 완성된 웹앱까지 전 과정이 ChatGPT 안에서 이뤄진다는 점을 강조한다.

주요 인사이트

• 코드 작성부터 호스팅·배포까지 한 화면에서 끝나, 웹앱 제작의 진입 장벽과 도구 전환 비용을 크게 낮춘다.
• 자연어 피드백과 화면 주석이라는 두 가지 수정 방식을 제공해, 비개발자도 반복 개선을 주도할 수 있다.
• Sites와 Build Web Apps처럼 플러그인을 조합하는 구조는 기본 제작에 품질 보강 단계를 더하는 확장 방식을 보여준다.
• 콘퍼런스 사이트부터 픽셀아트 게임까지 성격이 다른 결과물을 같은 흐름으로 만들어, 활용 범위가 특정 유형에 국한되지 않음을 시사한다.

자주 묻는 질문

관련 AI 소식