Codex Sites, 웹앱 제작과 호스팅을 한 흐름으로 묶다

Codex Sites, 웹앱 제작과 호스팅을 한 흐름으로 묶다

AI 뉴스 썸네일

AI 코딩 도구가 코드를 짜는 단계에서 배포 단계로 더 가까이 가고 있어요. OpenAI가 Codex용 Sites 기능을 공개하면서, 웹사이트나 작은 웹앱을 만들고 저장하고 올리는 과정을 한 흐름 안에서 처리할 수 있게 했어요. 1

핵심 요약

구분	핵심	왜 볼 만한가요
제품 변화	Codex에서 Sites를 불러 웹사이트와 웹앱 배포를 요청할 수 있어요	AI 코딩 도구가 결과물을 실제 URL까지 이어 주는 쪽으로 움직이고 있어요
배포 방식	저장할 버전과 공개할 버전을 나눠 다뤄요	사람이 검토한 뒤 승인된 버전만 올릴 수 있어요
기술 기반	Cloudflare Worker와 맞는 ES 모듈 산출물을 호스팅해요	기존 프런트엔드 프로젝트와 서버리스 배포 흐름 사이의 거리가 줄어요
데이터 처리	D1, R2, 인증, 접근 모드 같은 운영 요소를 함께 다뤄요	단순 정적 페이지보다 내부 도구나 작은 제품에 가까운 실험이 쉬워져요

1. Codex가 코드 작성 다음 단계까지 맡기 시작했어요

OpenAI의 Sites는 Codex 안에서 웹사이트나 웹앱을 만들고 호스팅하는 기능이에요. 사용자는 새 사이트, 대시보드, 내부 도구 같은 결과물을 자연어로 설명하고, 필요한 경우 기존 프로젝트를 배포 대상으로 넘길 수 있어요. OpenAI 개발자 문서에 따르면 Sites는 Cloudflare Worker와 맞는 ES 모듈 형태의 결과물을 호스팅해요. 2

흥미로운 지점은 “코드 생성”보다 “작동하는 결과물”에 가까워졌다는 점이에요. 지금까지 AI 코딩 도구는 파일을 만들거나 수정한 뒤, 개발자가 빌드와 배포 경로를 따로 챙기는 흐름이 많았어요. Sites는 이 사이를 좁혀요. 작은 랜딩 페이지, 사내 대시보드, 게임, 데이터가 붙은 웹앱을 빠르게 시험하고 싶을 때 Codex가 배포 후보까지 만들어 주는 식이에요. 2

다만 바로 공개 URL에 올리는 식으로만 움직이지는 않아요. 문서에는 저장 버전과 배포 버전이 따로 나와요. 먼저 검토할 수 있는 버전을 만들고, 승인한 결과만 배포하는 구조예요. AI가 만든 산출물을 그대로 공개하기보다 사람이 한 번 더 보는 단계가 남아 있다는 점이 중요해요. 2

운영 정보도 파일로 남겨요. 사이트 연결 정보와 저장소 바인딩 이름은 `.openai/hosting.json`에 들어가요. 반대로 환경 변수와 시크릿은 이 파일이나 소스 코드에 넣지 말고 Sites 패널에서 관리하라고 안내해요. 웹앱을 빠르게 만들더라도 비밀값 관리까지 자동으로 대충 넘기면 안 된다는 뜻이에요. 2

기능 범위도 정적 사이트에 머물지 않아요. 영구 데이터가 필요하면 D1 관계형 데이터베이스를 쓰고, 이미지나 문서 같은 파일은 R2 객체 스토리지를 쓸 수 있어요. 워크스페이스 사용자 인증이나 외부 ID 공급자 기반 인증도 지원해요. 접근 범위는 관리자만, 워크스페이스 전체, 커스텀 모드로 나눠 잡을 수 있어요. 2

현재는 프리뷰 단계예요. ChatGPT Business 워크스페이스에서는 기본으로 켜져 있고, Enterprise 워크스페이스에서는 관리자가 RBAC에서 기능을 켜야 해요. 즉 개인 개발자 전체에 열린 범용 배포 제품이라기보다, 팀 단위로 Codex를 쓰는 곳에서 먼저 실험할 수 있는 기능에 가까워요. 2

왜 중요한가요

개발팀 입장에서는 “아이디어를 말로 설명하고, 작동하는 웹 결과물을 보고, 검토한 뒤 올리는” 주기가 짧아질 수 있어요. 특히 내부 도구, 운영 대시보드, 간단한 고객용 페이지처럼 규모는 작지만 손이 자주 가는 웹 작업에서 체감이 클 수 있어요. 배포 후보를 빠르게 만들 수 있으면 회의용 목업과 실제 테스트 URL 사이의 간격이 줄어요. 2

반대로 체크할 것도 늘어요. Sites가 배포까지 이어 준다고 해서 제품 책임이 사라지는 건 아니에요. 인증 범위, 저장소 바인딩, 시크릿 관리, 승인 전 검토 같은 요소는 팀이 직접 봐야 해요. OpenAI가 저장과 배포를 분리한 것도 이 지점과 맞닿아 있어요. AI가 만든 웹앱을 팀 업무에 붙이려면, 빠른 생성보다 안전한 검토 흐름이 더 중요해져요. 2

이 기능은 AI 코딩 도구 경쟁이 어디로 가는지도 보여줘요. 앞으로의 차이는 “코드를 얼마나 잘 쓰나”만으로 갈리지 않을 수 있어요. 배포, 저장소, 권한, 팀 검토, 런타임까지 자연스럽게 묶는 제품이 더 큰 가치를 줄 수 있어요. Codex Sites는 그 방향을 OpenAI 방식으로 보여준 사례예요. 1

참고 자료

1. OpenAI, Codex에서 웹사이트를 만들어 배포하는 Sites 플러그인 공개 — GeekNews
2. Sites — OpenAI Developers