지난 포스트에서는 Codex App 의 기본적인 인터페이스와 설정 방법을 0부터 1까지 다뤘습니다. 이제 기초가 마련되었으니, Codex App을 사용하여 실제로 효율성을 높이고 비용을 절감하며 비즈니스를 강화할 때입니다.
오늘 글에서는 실제 시나리오를 통해 Codex의 숨겨진 비밀을 경험해 보겠습니다. 기본부터 고급까지, 기능부터 활용 사례까지, Codex를 한 번에 마스터하세요! 🔥
- 직장인 필수: Codex로 '오피스 4종 세트' 만들기—Word, PDF, PPT (이미지 기반 vs HTML 기반), Sheets
- 멋진 3D 영상 제작: Codex + HyperFrames / Remotion (three.js)으로 '중국 애니메이션 영화 TOP 10' 만들기
- 일찍 자고 일찍 일어나기: Codex로 일찍 자는 것의 이점을 분석하는 예쁜 웹사이트를 만들고 Vercel에 배포한 후, Codex로 OpenRouter를 제어하여 새로운 Ring 모델과 비교 실험하기
- 셀프미디어 필수: Codex로 긴 그래픽 튜토리얼 만들기—Codex가 스스로 제어하고, 여러 대화를 병렬로 실행하며, 스크린샷과 블러 처리를 한 번에 처리
- 이커머스 자동화: Codex + Playwright로 브라우저를 제어하여 Pinduoduo에 대량 상품 등록을 간편하게 처리
놀면서 배우고, 돈도 버는 것,それが 제 목표이며 여러분과 공유합니다. 더 이상 말이 필요 없습니다. 시작해 볼까요!
1. 직장인 필수: Word, PDF, PPT, Sheets 만들기
예전에는 활동 계획, 프로젝트 보고서, 강의 자료, 컨설팅 보고서, 직원 교육 자료 등을 만들려면 몇 달 동안 도구를 익혀야 했을 수도 있습니다. 하지만 이제 Codex에서는 단 한 번의 프롬프트로 예쁘게 조판되고 데이터가 정확한 Word, PDF, PPT, Sheets 파일을 생성할 수 있습니다.
이를 시연하기 위해 데모를 만들었습니다:
현재 대화에서 'Codex App 콘텐츠 제작 워크플로우'를 주제로 오피스 제품군 데모 작업을 수행해 주세요. 요구 사항: 1. 실제 Word, PDF, PPTX, XLSX 파일을 생성합니다. 2. 각 파일은 실제 내용을 포함해야 하며, 비어 있으면 안 됩니다. 3. 생성 후 각 파일의 실제 경로를 알려주세요. 4. 튜토리얼 스크린샷을 위한 미리보기 또는 파일 목록을 생성해 주세요. 5. 마지막으로 네 개의 파일이 모두 존재하고, 열 수 있으며, 빈 내용이 아님을 확인하는 승인 체크리스트를 제공해 주세요.
승인 결과:
- Word 문서 확인 스크린샷:
- PDF 파일 확인 스크린샷:
- PPT 프레젠테이션 확인 스크린샷:
- Sheets 스프레드시트 확인 스크린샷:
최적화된 기술이나 프롬프트 없이도 결과가 훌륭합니다! 현재 X에서 가장 인기 있는 PPT 방법은 HTML 기반 그리기로, 전통적인 방식을 깨고 있습니다. 또 다른 대안은 이미지 기반 PPT를 생성하는 것입니다.
경로 1: 이미지 기반 PPT
Codex가 먼저 16:9 비율의 시각적 이미지를 생성한 다음 PPT에 배치하는 방식입니다. 각 슬라이드는 본질적으로 전체 이미지입니다. 효과가 상당히 좋은데, 기본 모델이 GPT2-image이기 때문입니다. 이러한 이미지는 다양한 방법을 통해 여전히 편집 가능합니다. 문서에 관심이 있으시면 DM 보내주세요.
경로 2: HTML 기반 PPT
최근 매우 인기 있는 경로입니다. 기존 소프트웨어 대신 HTML, CSS, JS를 사용하여 슬라이드를 작성합니다. 장점으로는 브라우저 미리보기, 애니메이션, 상호작용, 코드 기반 레이아웃 제어, 쉬운 내보내기가 있습니다. 이에 대한 많은 오픈소스 기술은 X에서 Grok 검색을 통해 찾을 수 있습니다.
2. 멋진 3D 영상 제작: Codex + HyperFrames / Remotion으로 '중국 애니메이션 영화 TOP 10' 만들기
이제 업무에서 좀 더 멋진 것으로 넘어가 보겠습니다. Codex + HyperFrames / Remotion (three.js)을 사용하여 3D 영상을 만들었습니다. 핵심 로직은 Codex가 코드를 작성하고 렌더링하고, three.js가 3D 비주얼을 처리하고, Minimax가 내레이션을 처리하고, yt-dlp가 클립을 다운로드하고, Remotion이 웹 애니메이션을 비디오로 변환하는 것입니다.
단계:
- Codex에 요구 사항을 명확하게 설명합니다.
- 요구 사항을 조정합니다—Codex가 멈추고 불명확한 부분이 있는지 묻도록 합니다.
- @browser 및 @computer 사용에 대해 '높음' 및 '전체 액세스'를 활성화합니다.
- 최종 결과물을 얻고 다듬습니다.
이를 통해 '자동 스크립트 작성 -> 자료 검색 -> 자동 다운로드 -> 하이라이트 식별 -> 자동 더빙 -> 자동 편집' 체인이 검증되었습니다. 이는 AI 트래픽 수익화, 이커머스 및 광고에 상업적으로 활용될 수 있습니다.
3. 일찍 자고 일찍 일어나기: 한 번의 프롬프트로 웹사이트를 만들고 Vercel에 배포하기
많은 AI 애호가들은 AI가 너무 재미있어서 일정이 엉망입니다. 저는 Codex를 사용하여 '일찍 자고 일찍 일어나기'를 주제로 한 웹사이트를 만들어 건강을 홍보했습니다. 작은 앱이나 사이트를 만드는 것은 다음과 같은 프롬프트로 간단합니다:
일찍 자고 일찍 일어나는 것에 관한 웹사이트를 생성해 주세요. 요구 사항: 1. 예쁜 레이아웃; 2. 3D 애니메이션; 3. 이점 분석; 4. 실행 단계; 5. 실제 실행 가능한 사이트; 6. 로컬 미리보기를 시작하고 Vercel에 배포합니다.
Codex는 단순한 정적 페이지(배포 주소: https://codex-1-html-css-js-2.vercel.app/)를 넘어 3D 일주기 리듬 장면, 계획 및 자가 테스트 점수를 포함했습니다.
Codex를 사용하여 OpenRouter에서 새 모델을 테스트할 수도 있습니다. 예를 들어, Ant Group의 새로운 Ring-2.6-1T (무료) 모델을 테스트했습니다. Codex가 로컬 터미널에서 Claude Code를 직접 제어할 수 없었기 때문에, Codex가 OpenRouter 웹사이트를 열고 Ring 모델을 사용하여 단일 파일 HTML 사이트를 생성하도록 했습니다.
Ring 생성 버전은 여기에서 확인할 수 있습니다: https://ring-sleep-site.vercel.app/
이것은 모델 기능을 무료로 테스트할 수 있는 좋은 방법입니다. 이 로직을 사용하여 Codex를 통해 웹 인터페이스로 GPT-4o Pro를 활용할 수도 있습니다.
4. 셀프미디어 필수: 긴 그래픽 튜토리얼 만들기
제가 자주 사용하는 시나리오입니다. 제 이전 바이럴 튜토리얼은 텍스트, 스크린샷 및 블러 처리를 포함하여 80%가 Codex에 의해 완성되었습니다. 핵심은 '프롬프트 정확도'와 '스타일 전이'입니다. 막연한 방향이 아닌 자신의 논리와 구조를 제공해야 합니다.
저는 제 글쓰기 습관을 Codex가 호출할 수 있는 'Yichen 튜토리얼 작성' 스킬로 정리했습니다. Codex가 여러 대화를 열어 스스로 모니터링하고 작업을 병렬로 실행하도록 할 수도 있어 효율성이 크게 향상됩니다.
5. 이커머스 자동화: Codex + Playwright로 Pinduoduo 대량 상품 등록
Pinduoduo 판매자의 경우 수천 행의 SKU 데이터를 백엔드에 수동으로 입력하는 것이 고통스러운 작업이었습니다.
처음에는 Computer Use를 제안했지만 Pinduoduo에서 차단했습니다. 그래서 Playwright로 전환했습니다. Playwright는 화면을 '보는' 것이 아니라 요소를 식별하여 브라우저를 제어하므로 대량 작업에 더 안정적입니다.
Codex는 Excel 읽기, 필드 매핑, Playwright 스크립트 작성 및 결과 로깅 등 전체 체인을 처리했습니다. 이는 일회성 작업을 재사용 가능한 회사 프로세스로 전환했습니다.
6. 일반적인 문제점 및 해결 방법
- 문제점 1: Computer Use가 보편적이지 않습니다. 일부 사이트는 자동화를 감지합니다.
stealth와 함께 Playwright를 사용하고 로그인된 브라우저 인스턴스를 재사용하세요. - 문제점 2: Codex가 로컬 터미널을 제어할 수 없습니다. 화면은 볼 수 있지만 외부 프로세스에 명령을 보낼 수는 없습니다. 웹 버전 또는 Codex의 내장 터미널을 사용하세요.
- 문제점 3: 논리 대신 방향을 제시합니다. '글을 써줘'라고만 하면 결과물이 형편없을 것입니다. 프레임워크와 스타일 모방을 위한 자신의 고품질 예제를 제공하세요.
7. Codex에 대한 제 이해
Codex는 단순한 챗봇 그 이상입니다. 콘텐츠를 제작하고, 데이터(예: WeChat 로그)를 분석하고, 브라우저를 자동화하고, 다른 AI 작업을 감독할 수 있습니다. 그 잠재력은 무한합니다.
8. 초보자를 위한 권장 학습 경로
- 이미지 생성
- Office 문서 생성
- 작은 HTML 페이지 만들기
- 로컬 미리보기 및 Vercel 배포
- 그래픽 튜토리얼
- HTML PPT 및 비디오 애니메이션
- 비즈니스 자동화
9. 가격 및 사용 참고 사항
무료 버전은 매우 제한적입니다. GPT Plus 또는 Pro 구독을 권장합니다. 프록시 문제가 발생하는 경우 ~/.codex/config.toml에서 WSS_PROXY 및 WS_PROXY를 구성하고 macOS의 경우 launchctl setenv를 사용해야 합니다.
Codex를 즐겨보세요! 최적화가 필요한 복잡한 비즈니스 시나리오가 있으시면 언제든지 연락 주세요.
