Codex use case
앱 또는 웹사이트 배포하기
웹 앱을 빌드하거나 업데이트하고 프리뷰를 배포해 라이브 URL을 받으세요.
Codex에서 Build Web Apps와 Vercel을 사용해 레포지토리, 스크린샷, 디자인 또는 초기 단계의 앱 아이디어를 실제로 작동하는 프리뷰로 구현하고 배포해 공유하세요.
적합한 대상
- 스크린샷, 지도, 디자인 브리프 또는 초기 단계의 앱 아이디어를 실제로 작동하는 웹 프리뷰로 구현하기
- Vercel 명령을 직접 구성하지 않고 브랜치나 로컬 앱 배포하기
- Codex가 빌드를 실행하고 배포 상태를 확인한 뒤 라이브 URL 공유하기
Contents
앱 또는 웹사이트 배포하기
웹 앱을 빌드하거나 업데이트하고 프리뷰를 배포해 라이브 URL을 받으세요.
Codex에서 Build Web Apps와 Vercel을 사용해 레포지토리, 스크린샷, 디자인 또는 초기 단계의 앱 아이디어를 실제로 작동하는 프리뷰로 구현하고 배포해 공유하세요.
Codex에서 Build Web Apps와 Vercel을 사용해 레포지토리, 스크린샷, 디자인 또는 초기 단계의 앱 아이디어를 실제로 작동하는 프리뷰로 구현하고 배포해 공유하세요.
적합한 대상
- 스크린샷, 지도, 디자인 브리프 또는 초기 단계의 앱 아이디어를 실제로 작동하는 웹 프리뷰로 구현하기
- Vercel 명령을 직접 구성하지 않고 브랜치나 로컬 앱 배포하기
- Codex가 빌드를 실행하고 배포 상태를 확인한 뒤 라이브 URL 공유하기
스킬 및 플러그인
- React, UI, 배포, 결제, 데이터베이스 관련 가이드를 활용해 웹 앱을 빌드하고 검토하며 배포를 준비합니다.
- 프리뷰를 배포하고, 배포 상태를 점검하고, 빌드 로그를 확인하고, Vercel 프로젝트 설정을 관리합니다.
| Skill | Why use it |
|---|---|
| Build Web Apps | React, UI, 배포, 결제, 데이터베이스 관련 가이드를 활용해 웹 앱을 빌드하고 검토하며 배포를 준비합니다. |
| Vercel | 프리뷰를 배포하고, 배포 상태를 점검하고, 빌드 로그를 확인하고, Vercel 프로젝트 설정을 관리합니다. |
시작 프롬프트
사이트와 배포 대상을 먼저 정하기
Codex는 웹사이트나 앱을 빌드하거나 업데이트한 뒤 프로젝트 검사를 실행하고 Vercel로 배포해 URL을 제공할 수 있습니다.
레포지토리, 스크린샷, 지도, 디자인 브리프, 제품 메모, API 문서 또는 데이터 소스처럼 구체적인 자료를 제공하면 작업을 더 효과적으로 맡길 수 있습니다. Codex는 변경 전에 프로젝트를 살펴본 다음 기본적으로 Vercel 플러그인을 사용해 프리뷰를 배포해야 합니다.
Codex가 앱을 빌드하거나 다듬어야 할 때는 @build-web-apps를 사용하세요. 배포하거나 배포 상태를 점검하거나 Vercel 빌드 로그를 확인해야 할 때는 @vercel을 사용하세요.
공유하기 전에 결과 확인하기
Codex는 변경한 내용, 프로젝트 빌드에 사용한 명령어, Vercel 배포 준비 여부를 알려야 합니다. 배포에 환경 변수, 팀 선택, 도메인 설정 또는 로그인 단계가 필요하다면 사이트가 완성된 것처럼 처리하지 말고 그 사실을 명확히 알려야 합니다.
프로덕션 변경은 명시적으로 요청하세요. 기본값은 프리뷰 배포이며, 프로덕션 배포는 실제로 필요한 경우에만 요청하세요.
라이브 URL을 바탕으로 반복 개선하기
프리뷰가 준비되면 같은 채팅을 계속 사용하세요. Codex에 URL을 열고 레이아웃 문제를 수정하거나, 문구를 업데이트하거나, 누락된 데이터를 연결하거나, 배포가 실패하면 Vercel 로그를 확인하도록 요청하세요. 이 채팅에는 이미 레포지토리, 배포, 빌드에 관한 컨텍스트가 있습니다.
후속 요청은 다음과 같이 구체적으로 작성하세요:
- "모바일 레이아웃이 너무 비좁습니다. 수정하고 프리뷰를 다시 배포해 주세요."
- "같은 프로젝트를 사용해 [소스]의 최신 데이터를 추가해 주세요."
- "실패한 빌드의 로그를 확인하고 배포 문제를 해결해 주세요."
관련 사용 사례
내부 앱 빌드 및 배포
ChatGPT Work의 Sites를 사용해 특정 용도에 맞춘 내부 앱을 빌드하고 테스트하고, 워크플로우에 필요하면 스토리지를 추가한 다음, 검토한 버전을 적절한...
AI 투어 가이드 만들기
Codex로 웹 앱에 WebMCP 기반 투어를 추가하세요. 사용자가 각 단계를 직접 수행하는 동안 다음에 사용할 컨트롤을 강조 표시하고, 수행할 작업을 설명하며...
아이디어에서 개념 증명까지
Codex와 ImageGen을 사용해 초안 수준의 아이디어를 시각적 방향으로 구체화하고, 실제로 쓸 수 있는 최소 규모의 프로토타입을 구현한 뒤 브라우저에서 검증하세요.