넷플릭스 같은 영상 구독 서비스 만들기 신규, 프리미엄
넷플릭스를 본떠 영상 구독 서비스 Nextflix를 만들어요. 이름은 마음대로 바꿔도 돼요. 코드를 몰라도 프롬프트를 복사해 에이전트(Claude Code, Codex, Antigravity, Grok Build 중 하나)에 붙여 넣으며 따라가면 돼요.
참고
넷플릭스와 관계없는 연습용 서비스예요. 데이터는 모두 예시예요.
주의
토큰을 많이 쓰는 튜토리얼이에요. 화면까지(1~4장)는 한 번에 완성하면 약 2시간 25분~4시간 50분(여러 번 고쳐 달라고 하면 약 7시간 15분까지) 걸리고 최소 약 440만 토큰(캐시 포함 약 2.2억)이 들어요. 끝까지(1~12장)는 한 번에 완성하면 약 5시간 15분~10시간 30분(여러 번 고쳐 달라고 하면 약 15시간 45분까지) 걸리고 최소 약 770만 토큰(캐시 포함 약 3.9억)이 들어요. 자세한 내용은 시간과 비용에 있어요.
프리미엄 팩: 앞으로 구독이나 크레딧으로 받는 팩이에요. 지금은 무료로 받을 수 있어요.
무엇을 만드나요
프리셋 사이트(새 탭)에서 4장까지 만든 화면을 미리 볼 수 있어요. 프리셋 사이트는 로그인이나 저장 같은 기능 없이 화면만 있어요. 5장부터 이 화면에 실제 기능을 붙여요.
내 기능: 프로필(어린이 프로필, PIN 잠금, 프로필 이전), 찜, 저장한 콘텐츠(다운로드), 재생(자막, 재생 속도)과 이어 보기, 시청 기록 숨기기, 검색과 AI로 찾기, 평가, 알림, 계정(보안, 디바이스)
즐길 거리와 도움말: 브라우저에서 바로 하는 게임 3개, 세로로 넘기는 클립, 라이브, 고객 센터
로그인 전 화면: 첫 화면(랜딩), 로그인, 가입과 요금제
결제, 추가 회원, 이용 가구 판정, 광고, 라이브는 끝까지 화면만 흉내 내고, 게임과 클립은 점수나 위치를 저장하지 않아요. 결제 정보를 넣는 칸은 없고 예시 결제 수단 중에서 고르기만 해요. 메일은 8장 팁을 따로 할 때만 보내고, 광고는 이 서비스의 다른 작품과 게임 홍보뿐이에요.
프리셋 사이트 열기: 프리셋 사이트의 홈 화면: 맨 위 빌보드와 이어서 볼 작품 줄 (새 탭)화면 배치와 흐름, 분위기는 넷플릭스와 거의 같게 만들어요. 다만 로고는 서비스 이름 글자이고, 색과 서체는 비슷한 계열의 다른 것을 써요. 작품, 인물, 그림은 모두 지어낸 것이고, 영상은 Blender 재단이 공개한 애니메이션 영화예요.
원래 서비스는 미리 조사해서 프리셋 팩(만들 서비스의 화면 구성, 기능 규칙, 디자인 노트, 예시 데이터, 그림을 묶어 둔 폴더)에 담아 두었어요. 에이전트가 프리셋 팩만 보고 만드니 따로 조사하지 않아도 돼요. 팩에는 화면 구성(screens.md), 기능 규칙(features.md), 디자인 노트(design-notes.md), 배치도(wireframes/), 예시 데이터(data/), 그림(images/)이 들어 있어요.
가장 쉬운 방법
프롬프트 하나로 4장까지 가요. 에이전트가 pro-kit을 받아 프로젝트를 만들고, 프리셋 팩으로 기획, 디자인, 모든 화면을 이어서 만들어요. 중간에 몇 번 멈춰서 물어보는데, 잘 모르겠으면 추천대로 해줘라고 답하면 돼요.
5장부터는 만든 프로젝트 폴더에서 장별로 이어 가요.
1. 작업 폴더에서 에이전트 열기
시작하기 5단계에서 이미 열었다면 2단계로 가세요. 아니면 터미널에 입력하세요. ~/projects는 pro-kit과 앞으로 만들 프로젝트가 모두 들어갈 작업 폴더예요.
터미널터미널에 입력
mkdir -p ~/projects && cd ~/projectsclaude --dangerously-skip-permissions # Codex는 codex --yolo
--dangerously-skip-permissions(Codex는 --yolo)는 명령마다 허락을 묻지 않고 진행하는 옵션이에요. 설치하고 검사하는 명령이 많아서 편의상 이 옵션으로 열어요. Claude Code는 처음 한 번 경고 화면이 나와요. 읽어 보고 Yes, I accept를 고르세요.
주의
이 옵션으로 연 에이전트는 묻지 않고 파일을 바꾸고, 프로그램을 설치하고, 인터넷에서 파일을 받아요. 작업 폴더나 그 안의 프로젝트 폴더에서만 열고, 이상한 일을 하면 Esc로 바로 멈추세요. 자세한 주의는 묻지 않고 진행하게 열기에 있어요.
프롬프트는 꼭 작업 폴더 ~/projects에서 보내요. 에이전트가 작업 폴더 안에 pro-kit과 새 프로젝트를 나란히 만들어요.
| 폴더 | 무엇이 들어 있나요 |
|---|---|
~/projects | 작업 폴더. 여기서 에이전트를 열고 프롬프트를 보내요 |
~/projects/pro-kit | 에이전트가 받아 오는 pro-kit. 프리셋 팩은 이 안의 packs/nextflix에 받아요 |
~/projects/nextflix | 새 프로젝트. pro-kit 안이 아니라 옆에 생겨요 |
2. 프롬프트 하나로 시작하기
작업 폴더에서 연 에이전트에 붙여 넣으세요. 바꿀 곳은 [ ] 안 두 군데예요.
[nextflix]는 프로젝트 폴더 이름(영어 소문자와 -), [Nextflix]는 서비스 이름이에요. 폴더 이름을 바꿨다면 이후 명령의 nextflix도 내 폴더 이름으로 바꿔요. 시안을 그려서 고르고 싶으면 보내기 전에 아래 팁을 보세요.
프롬프트만 보내면 에이전트가 이 프리셋 팩을 자동으로 받아 설치해요. 따로 받지 않아도 돼요.
직접 받기(프리미엄)
nextflix-pack.zip 받기7.2MB릴리스 보기(새 탭)
프롬프트 끝에 프리셋 팩 zip은 [~/Downloads/nextflix-pack.zip]에 받아 뒀어. 한 줄을 더하세요. 에이전트가 그 zip이 최신 판인지 확인하고, 옛 판이면 새로 받아요.
프롬프트에이전트 대화창에 붙여 넣기
https://github.com/roadkwon-ai/pro-kit 을 이 폴더에 받고, 그 안의 AGENTS.md대로 neon 템플릿으로 pro-kit 옆에 [nextflix] 폴더로 프로젝트를 만들어줘. 나중에 DB를 쓸 거라 로컬 DB까지 준비해줘. 없는 준비물은 설치해줘. 넷플릭스 같은 영상 구독 서비스를 만들 거야. 이름은 [Nextflix]. 옆 폴더 pro-kit의 packs/nextflix에 프리셋 팩을 받아줘. 그 팩으로 서비스 기획을 채워줘. 팩은 고치지 말고, 팩 데이터의 서비스 이름은 내가 정한 이름으로 바꿔 써. 디자인은 팩의 design-notes.md대로 DESIGN.md를 받아 고쳐 쓰고, 사이트맵의 모든 페이지를 팩의 예시 데이터와 그림으로 만들어줘. 홈 화면 구성은 시안을 그리지 말고 구성도로 보여 주고 고르게 해줘. 로그인과 저장 같은 기능은 다음에 만들 거야. 지금은 넣지 마. 푸터에는 팩에 적힌 연습용 안내 문구를 넣어줘.
에이전트는 먼저 이런 일을 해요. 몇 분 걸려요.
pro-kit을
~/projects/pro-kit에 받고, 프리셋 팩을 그 안의packs/nextflix에 받아요.준비물(Node, pnpm, git, Docker 또는 Podman)을 확인하고, 없는 것을 설치해요.
빈 프로젝트
~/projects/nextflix를 만들고 pro-kit의 규칙, 스킬, 전문 에이전트를 설치해요.내 컴퓨터에 DB(서비스의 데이터를 저장하는 곳)를 켜고, 로그인 정보를 담을 표를 만들어 둬요.
서비스 요청(
넷플릭스 같은…이 있는 줄부터 끝까지)을 새 프로젝트에 저장하고, 새 폴더에서 이어 갈 명령 한 줄을 알려 줘요.
참고
5장부터 DB를 쓰니 프로젝트를 만들 때 내 컴퓨터에 DB를 미리 켜 둬요. 그러려면 Docker Desktop이나 Podman이 있어야 해요. 없으면 에이전트가 설치하거나 설치 방법을 알려 줘요.
도움말
작품 그림은 프리셋 팩에서 받고, 홈 화면 구성은 구성도(고르기 페이지가 직접 그리는 화면 구성 그림)로 골라요. 그래서 AI로 그릴 그림이 없어요. 시안(완성 화면을 미리 그린 그림)을 그려서 고르고 싶으면 프롬프트에서 홈 화면 구성은으로 시작하는 줄을 빼고 보내세요. Codex, Antigravity, Grok Build는 자체 이미지 도구로 그려서 준비할 것이 없어요. Claude Code는 스스로 그리지 못해서 이미지 API 연결이 필요해요. 보내기 전에 유료 OpenAI API 키를 넣거나 ChatGPT 유료 요금제로 Codex CLI에 로그인해 두세요(이미지 그리기). 준비하지 않으면 구성도로 만들어요.
3. 알려 준 한 줄로 이어 가기
대화창에 /exit(Codex는 /quit)를 입력해 닫고, 에이전트가 알려 준 한 줄을 복사해 터미널에 붙여 넣으세요. 이런 모양이에요.
터미널터미널에 입력
cd ~/projects/nextflix && claude --dangerously-skip-permissions "docs/first-request.md의 요청대로 이어서 해줘"새 프로젝트 폴더에서 열어야 pro-kit의 규칙, 스킬, 전문 에이전트가 모두 켜져요. 처음 보낸 요청은 에이전트가 저장해 두었으니 다시 쓰지 않아도 돼요. 폴더를 믿을지 물으면 "예"를 고르세요.
Codex로 열었다면 대화창에 /hooks를 입력해 디자인 검사기 훅을 믿는다고 확인하세요.
4. 답하며 4장까지 가기
새 폴더에서 열린 에이전트는 프리셋 팩을 읽고, 화면을 만들기 전에 몇 가지를 물어봐요. 2장~4장의 "에이전트가 물어보면"과 같은 질문이고, 스킬 업데이트 질문은 5장 표에 있어요. 선택지 창이 뜨면 직접 입력하는 칸을 고르고 아래 답을 붙여 넣으세요(질문에 답하는 법).
| 에이전트가 묻는 것 | 이렇게 답해요 |
|---|---|
| 서비스 질문: 누가 쓰는지, 무엇이 좋아지는지 | 질문의 답은 프리셋 팩에서 채우고, 없는 건 추천대로 해줘 |
| 첫 화면 문구 후보 | 마음에 드는 번호. 모르겠으면 추천대로 해줘 |
| 디자인 스타일 1~3위 | 프리셋 팩에 적힌 주소의 스타일로 해줘 |
| 대표 색을 원본대로 쓸지 바꿀지 | design-notes.md대로 바꿔줘 |
| 페이지 목록(사이트맵)과 페이지별 설계 | 빠진 화면이 없으면 이대로 진행해줘 |
| 화면 구성 고르기 | 브라우저에 열린 고르기 페이지에서 마음에 드는 카드를 눌러요 |
| 시안을 그리게 했는데 이미지를 그릴 수 없어서 구성도로 고를지 | 그렇게 해줘. 이미지 없이 고를게 |
| 점수가 기준에 못 미칠 때 더 다듬을지 | 한 번 더 다듬어줘 또는 이대로 둬 |
| 페이지 전환 효과에 쓸 도구를 설치할지 | 설치해줘 |
| 외부 스킬의 새 판이 있다며 업데이트할지 | 나중에 |
| 결과를 직접 보고 확인해 달라 | 알려 준 주소로 둘러본 뒤 확인했어 |
이렇게 되면 성공
에이전트가 알려 준 주소를 브라우저로 열면 첫 화면(랜딩)이 보여요. "로그인"을 눌러(아무 이메일과 비밀번호를 넣어도 돼요) 프로필을 고르면 홈으로 가요.
작품을 누르면 상세 창이 뜨고, 메뉴로 모든 페이지를 오갈 수 있어요.
푸터에 연습용 안내 문구가 있어요.
막히면
비밀번호를 입력하라고 해요: 프로그램 설치에 컴퓨터 비밀번호가 필요할 때예요. 에이전트가 알려 준 명령을 새 터미널 창에서 직접 실행하고, 끝나면 대화창에
설치했어. 이어서 해줘라고 보내세요.git을 설치하라는 창이 떴어요(macOS): "설치"를 누르세요. 끝나면 대화창에
다시 해줘라고 보내세요.pro-kit 폴더나 nextflix 폴더가 이미 있대요: pro-kit이면
있는 pro-kit을 최신으로 받아서 써줘, 프로젝트면nextflix2라는 이름으로 만들어줘처럼 다른 이름을 보내세요.pro-kit 폴더가 예전 것이라 받기가 멈춰요: 2026-10-08에 pro-kit 저장소를 옮기며 기록을 새로 시작해서, 그 전에 받은 pro-kit은 최신으로 받을 수 없어요.
그 폴더 이름을 pro-kit-old로 바꾸고 새로 받아줘라고 보내세요.이어 갈 한 줄을 알려 주지 않았어요:
새 폴더에서 이어 갈 명령 알려줘라고 보내세요.프리셋 팩을 못 찾는대요:
프리셋 팩은 옆 폴더 pro-kit의 packs/nextflix에 있어. 없으면 pro-kit 폴더에서 node scripts/pack.mjs nextflix 명령으로 받아줘라고 보내세요. pro-kit 폴더가 2026-10-08 전에 받은 것이라 팩 받기가 멈추면그 폴더 이름을 pro-kit-old로 바꾸고 새로 받아줘라고 보내세요.Docker나 Podman이 없다고 멈췄어요: Docker Desktop(새 탭)을 받아 설치하고 앱을 켜 두세요. 그다음
설치했어. 이어서 해줘라고 보내세요.DESIGN.md를 받지 못했대요: 3장의 막히면대로 하세요.
사용량 한도에 걸려 멈췄어요: 안내된 시간이 지난 뒤 멈춘 폴더에서
claude --continue --dangerously-skip-permissions(Codex는codex resume --last --yolo)로 다시 열고이어서 해줘라고 보내세요. 2단계에서 멈췄으면~/projects, 3·4단계면~/projects/nextflix예요. 기다리는 법은 5시간 한도에 걸리면에 있어요.그 밖의 문제는 막혔을 때를 보세요.
4장까지 끝나면 같은 프로젝트 폴더(~/projects/nextflix)에서 에이전트를 열고 5장부터 이어 가세요.
프리셋 팩의 파일은 장마다 쓰는 곳이 달라요. 어느 파일을 어느 장에서 쓰는지 한눈에 볼 수 있어요.
이 쪽을 다 했나요?
장별로 자세히
가장 쉬운 방법을 장으로 나눴어요. 1~4장은 가장 쉬운 방법이 한 번에 하는 일이라 그 방법으로 4장까지 왔다면 5장부터 하면 돼요. 1장은 pro-kit을 직접 받아 둔 상태에서 시작해요(시작하기의 "직접 준비하기").
| 장 | 할 일 | 결과 |
|---|---|---|
| 1. 프로젝트 만들기 | pro-kit 폴더에서 neon 템플릿으로 프로젝트를 만들어요 | 빈 프로젝트와 내 컴퓨터에 켠 DB |
| 2. 서비스 기획 | 프리셋 팩으로 서비스 소개, 용어, 사이트맵을 채워요 | PRODUCT.md, GLOSSARY.md, 사이트맵 |
| 3. 디자인 정하기 | 프리셋 팩에 적힌 주소에서 DESIGN.md를 받아 고치고, 홈 화면 구성을 골라요 | DESIGN.md와 고른 구성 |
| 4. 모든 화면 만들기 | 예시 데이터와 그림으로 사이트맵의 모든 페이지를 만들어요 | 프리셋 사이트 같은 화면(기능 없음) |
| 5. 로그인과 프로필 | 가입과 로그인, 프로필, 계정 보안을 실제로 동작하게 해요 | 계정마다 프로필 5개까지, 어린이 프로필과 PIN 잠금, 비밀번호 바꾸기와 디바이스 |
| 6. 작품을 DB로 | 예시 데이터의 작품, 언어, 예고편, 줄 구성을 DB로 옮겨요 | 화면은 그대로, 작품과 언어 필터는 DB에서 |
| 7. 검색 | 제목, 배우, 장르와 AI로 찾기 문장으로 찾게 해요 | 실제로 찾아지는 검색 |
| 8. 찜 | 프로필마다 찜과 저장한 콘텐츠, 알림을 저장해요 | 새로고침해도 남는 찜과 저장 목록 |
| 9. 평가 | 별로예요, 좋아요, 아주 좋아요를 저장해요 | 좋아요 표시한 작품 줄 |
| 10. 재생과 이어 보기 | 본 위치와 시청 기록을 프로필마다 저장해요 | 이어 보기 줄과 진행 막대, 시청 기록 숨기기, 기록으로 매긴 TOP 10 |
| 11. 검사와 다듬기 | 지금까지 만든 것을 검사하고 디자인 리뷰로 다듬어요 | 검사를 통과한 서비스 |
| 12. 배포(선택) | 인터넷에 올려요. GitHub, Vercel, Neon 계정이 필요해요 | 누구나 들어올 수 있는 주소 |
시간과 비용
이 프롬프트와 프리셋 팩으로 만들 때의 값이에요.
| 어디까지 | 시간 | 최소 토큰 | Claude Pro · ChatGPT Plus(Codex) |
|---|---|---|---|
| 화면까지(1~4장) | 약 2시간 25분~4시간 50분 (여러 번 고치면 약 7시간 15분까지) | 약 440만(캐시 포함 약 2.2억) | 가능 (5시간 한도에 약 2번 걸려요) |
| 끝까지(1~12장) | 약 5시간 15분~10시간 30분 (여러 번 고치면 약 15시간 45분까지) | 약 770만(캐시 포함 약 3.9억) | 가능 (5시간 한도에 약 4번 걸려요. 2~3일에 나눠 만들어요) |
자세히 보기: 고쳐 달라고 하면 왜 늘어날까요
| 과정 | 하는 일 | 더 드는 시간 |
|---|---|---|
| 고치기 | 요청을 읽고 고칠 곳을 찾아 고쳐요 | 약 2~12분 |
| 검사 | 타입 검사, 포맷, 빌드 | 약 1~3분 |
| 모든 페이지 다시 확인 | 고친 부품이 다른 페이지를 깨지 않았는지 봐요 | 13쪽 약 5분, 203쪽 약 6~37분 |
| 리뷰 에이전트 | 크게 고쳤으면 고친 코드를 한 번 더 검토해요 | 약 4~10분 |
| 마무리 | 기록, 검사, 커밋. 마지막에 한 번만 해요 | 약 1~15분 |
한 군데를 고치면 약 10분, 두 군데면 약 28~43분이 더 들어요. 마무리 검토(디자인 리뷰, 리뷰 에이전트, 모든 페이지 다시 확인)를 한 번 더 하면 2~3시간이 더 들어요. 프리셋을 만들 때 잰 값이고, 내가 결과를 보고 확인하는 시간은 따로예요. 고쳐 달라고 할 때마다 더 드는 시간
시간의 앞 숫자와 토큰은 순조롭게 한 번에 끝날 때의 최솟값이에요. 토큰도 시간처럼 쓰는 AI와 고쳐 달라는 횟수에 따라 2~3배까지 늘 수 있어요. 읽는 법 · 실제로 걸린 시간 자세히
작품 그림은 프리셋 팩에서 받고 홈 화면 구성은 구성도로 골라서, AI로 그리는 그림이 없어요. 시안 세 장을 그리는 건 선택이에요. Codex, Antigravity, Grok Build는 준비할 것이 없고, Claude Code는 이미지 API 연결(유료 OpenAI API 키나 ChatGPT 유료 요금제로 로그인한 Codex CLI)이 있어야 그려요. 자세한 내용은 비용과 키에 있어요.
화면이 많아서 4장이 가장 오래 걸려요.
단계별 예상
칸은 순조롭게 한 번에 끝날 때의 최솟값이에요. 한 번에 완성할 때의 범위와 여러 번 고칠 때는 위 표에 있어요.
| 장 | 시간 | 토큰 | 캐시 포함 | API 요금 환산 | 근거 |
|---|---|---|---|---|---|
| 1장 프로젝트 만들기 | 5분 | 5.5만 | 280만 | 1달러 | 예상 |
| 2장 서비스 기획 | 8분 | 17만 | 830만 | 3달러 | 실측(2~3장 24분, 약 11달러)에서 나눔 |
| 3장 디자인 정하기(구성도로 고르기) | 10분 | 22만 | 1,100만 | 4달러 | 같음. 시안을 그리면 약 5분, 2달러 더 들고 이미지 요금은 따로예요 |
| 4장 모든 화면 만들기 | 2시간 | 390만 | 1.9억 | 70달러 | 실측 4장에서 끊겨 이어 간 몫을 빼고 넓힌 범위를 더함 |
| (선택) 4장 화면을 GitHub Pages에 올리기 | 5분 | 5.5만 | 280만 | 1달러 | 예상 |
| 5장 로그인과 프로필 | 25분 | 55만 | 2,800만 | 10달러 | 예상 |
| 6장 작품을 DB로 | 40분 | 83만 | 4,100만 | 15달러 | 예상 |
| 7장 검색 | 15분 | 28만 | 1,400만 | 5달러 | 예상 |
| 8장 찜 | 15분 | 28만 | 1,400만 | 5달러 | 예상 |
| 9장 평가 | 15분 | 28만 | 1,400만 | 5달러 | 예상 |
| 10장 재생과 이어 보기 | 25분 | 44만 | 2,200만 | 8달러 | 예상 |
| 11장 검사와 다듬기 | 20분 | 44만 | 2,200만 | 8달러 | 예상 |
| 12장 배포 | 15분 | 28만 | 1,400만 | 5달러 | 예상. 계정 가입과 로그인 허락 시간은 빼요 |
예상은 실제로 잰 단위값(기능 하나를 만들고 검사하는 데 약 15분, 7달러 등)으로 어림한 값이에요.
만든 사람이 실제로 쓴 값
| 라운드 | 시간 | 토큰 |
|---|---|---|
| 2~4장으로 프리셋 만들기(넓히기 전 프리셋 팩, 시안 3장, 4장에서 한 번 끊겨 이어 감) | 약 2시간 25분 | 약 500만(캐시 포함 약 2.5억, API 요금 환산 약 90달러) |
| 프리셋 팩에 맞춘 고침 | 약 75분 | 약 110만(캐시 포함 약 5,500만, 약 20달러) |
| 만들기 합계(Claude) | 약 3시간 40분 | 약 610만(캐시 포함 약 3.0억, 약 110달러) |
| 범위 넓히기(Codex, ChatGPT 구독) | 약 4시간 | Codex 구독 사용량이라 세지 않음 |
| 원래 서비스 조사와 분석(넷플릭스를 둘러보고 화면 브리프 쓰기, 로그인 확인을 기다린 시간 포함) | 약 1시간 22분 | 약 220만(캐시 포함 약 6,600만, 약 39달러) |
| 기획(튜토리얼 설계와 실행 계획) | 약 49분 | 약 53만(캐시 포함 약 1,400만, 약 10달러) |
| 프리셋 팩 첫 판(팩 도구, 예시 데이터, 배치도, 그림 104장) | 약 1시간 26분 | 약 400만(캐시 포함 약 7,200만, 약 73달러) |
| 프리셋 팩 다듬기(라운드에서 찾은 점을 팩에 되먹임, 에이전트 시간 합) | 약 1시간 7분 | 약 230만(캐시 포함 약 4,900만, 약 42달러) |
| 조사와 팩까지 더한 합계(Claude, 벽시계. 에이전트 시간인 팩 다듬기는 뺌) | 약 7시간 15분 | 약 1,300만(캐시 포함 약 4.5억, 약 232달러) |
| 튜토리얼 쓰기 | 세지 않음 | 세지 않음 |
조사와 프리셋 팩 만들기는 팩을 만든 사람이 한 번 한 일이라, 튜토리얼처럼 프리셋 팩으로 시작하면 하지 않아요. 조사와 팩 만들기 행의 토큰은 기록에서 잰 값이고, 달러는 그 토큰을 1달러당 약 5.5만으로 나눠 어림했어요. 위 만들기 행은 거꾸로 달러에서 토큰을 바꾼 값이라 표 안에 두 방식이 섞여 있어요. 단계와 걸린 시간은 만드는 과정과 걸리는 시간에 있어요.
만든 기록
2026-10-05 기준 pro-kit에 맞춰 썼어요.
Nextflix 프리셋은 Claude Code(Opus 5.5)에 2~4장 프롬프트를 그대로 넣어 프리셋 팩만으로 만들었어요. 이때 3장은 시안을 그리는 판(지금 3장 프롬프트의 넷째 줄을
시안을 그려서 보여 줘.로 바꾼 것)이었어요. 그 뒤 프리셋 팩을 고친 내용에 맞추려고 한 번 더 손봤어요. 두 라운드에 든 시간과 비용은 시간과 비용의 "만든 사람이 실제로 쓴 값"에 있어요.그 뒤 넷플릭스 웹에서 되는 기능을 흉내 내도록 범위를 넓힌 라운드(R4)를 따로 돌렸어요. 게임, 계정 보안, 자막처럼 위 "무엇을 만드나요"에 더한 화면이 이때 들어갔어요. R4는 4장 프롬프트가 아니라 바뀐 프리셋 팩 절을 가리키는 별도 지시로 만들어서, 넓힌 범위를 4장 프롬프트 한 번으로 만드는 것은 확인하지 않았어요.
R4는 Codex(gpt-6-astra, ChatGPT 구독 사용량)로 2026-10-05 13:35~17:35에 했어요(구현, 이름 고침, 최종 화면 검사 포함).
5~12장은 실행해 확인하지 않았어요. 그래서 5~12장의 시간과 비용은 예상이에요. 5~10장에 보여 주는 화면 그림은 R4까지 마친 프리셋 사이트의 같은 화면이에요.
같은 프롬프트라도 결과는 매번 달라요. 튜토리얼 그림과 내 화면이 달라도 정상이에요.