클로드 코드 vs 코덱스: 같은 요청 두 개로 만든 결과물 나란히 비교 (영상·직접 실행)

클로드 코드와 코덱스 중 무엇을 쓸지 고민이라면, 같은 일을 시켜 결과를 나란히 보는 게 가장 빠릅니다. 두 도구에 똑같은 요청 두 개를 그대로 보냈습니다. 하나는 움직이는 애니메이션, 하나는 동네 빵집 소개 웹사이트입니다. 결과물은 영상으로 담았고, 아래 링크로 직접 눌러 볼 수 있습니다.

세 줄 요약

• 둘 다 요청한 내용을 한 번에 만들었고, 받은 파일을 브라우저로 열면 바로 돌아갔습니다.
• 클로드 코드는 2분 안팎으로 빨리 끝냈고 움직임과 실용 기능이 돋보였습니다. 코덱스는 4~6분 걸린 대신 화면을 완성품처럼 다듬었습니다.
• 실력 차이보다 이미 내고 있는 구독이 고르는 기준이 됩니다. Claude Pro가 있으면 클로드 코드, ChatGPT Plus가 있으면 코덱스로 시작하면 됩니다.

실제 실행 기록 · macOS 26.1 · 작업 폴더 · 2026-10-14 (출력 중 일부)

$ claude -p "<애니메이션 요청>" --permission-mode acceptEdits --allowedTools "Write"
real 85.18
$ claude -p "<빵집 요청>" --permission-mode acceptEdits --allowedTools "Write"
real 126.66
$ codex exec --skip-git-repo-check -s workspace-write "<애니메이션 요청>"
OpenAI Codex v0.162.0-alpha.17.2
model: gpt-6.1-sol
reasoning effort: high
tokens used
47,063
real 277.58
$ codex exec --skip-git-repo-check -s workspace-write "<빵집 요청>"
tokens used
55,243
real 358.25

결과 1. 움직이는 애니메이션

두 도구에 보낸 요청입니다. 그대로 복사해 써 보셔도 됩니다.

index.html 파일 하나만 만들어 줘. 브라우저에서 열면 바로 실행되는 애니메이션이야.
- 화면 가운데에서 천천히 회전하는 육각형 안에 공 10개가 있고, 중력과 마찰을 받으며 벽에 튕긴다.
- 공끼리 부딪치면 서로 튕겨 나가야 하고, 공이 육각형 밖으로 빠져나가면 안 된다.
- 공마다 색이 다르고 1~10 번호가 적혀 있다.
- 외부 라이브러리 없이 HTML, CSS, JavaScript만 쓴다.

• 클로드 코드(약 1분 반): 육각형이 화면을 가득 채우고, 회전하는 벽에 밀려 공이 구르며 서로 부딪칩니다. 번호도 공과 함께 돕니다.
• 코덱스(약 4분 반): 제목, 설명, 일시정지·다시 시작 버튼까지 갖춘 화면입니다. 다만 공이 몇 초 만에 바닥에 모여 거의 움직이지 않습니다. 코드를 보니 느리게 부딪치면 튕기지 않게 짜여 있었습니다.
• 녹화하는 동안 둘 다 공이 육각형 밖으로 빠져나가지는 않았습니다.

직접 눌러 보기: 클로드 코드 결과물 · 코덱스 결과물

결과 2. 동네 빵집 소개 웹사이트

가게 홈페이지 한 장은 AI에게 가장 많이 맡기는 일 중 하나입니다. 이번 요청입니다.

동네 빵집 '소금빵 공방'의 소개 웹사이트를 index.html 파일 하나로 만들어 줘.
- 첫 화면: 가게 이름, 한 줄 소개, 대표 메뉴 사진 자리(이미지 파일 없이 CSS로 그린 그림이나 색 블록), 전화 걸기 버튼.
- 메뉴 6개(이름, 가격, 한 줄 설명), 영업시간, 오시는 길(주소 글자와 지도 자리), 인스타그램 링크 자리.
- 휴대폰에서 먼저 보기 좋게(모바일 우선), 따뜻한 색감, 한국어.
- 외부 라이브러리·외부 이미지 없이 HTML, CSS, JavaScript만 쓴다.

• 클로드 코드(약 2분): 첫 화면에 “지금 영업 중 · 19:00까지”가 자동으로 뜹니다. 전화 버튼이 크고, 아래로 내리면 화면 아래에 전화 버튼이 따라붙습니다. 주소 복사 버튼도 있습니다. 전화번호는 임시 번호(010-0000-0000)를 넣어 두었습니다.
• 코덱스(약 6분): 잡지 같은 큰 제목, 접시 위 빵 그림, 메뉴마다 빵 모양 그림을 넣어 분위기가 더 고급스럽습니다. 전화번호는 지어내지 않고 비워 두었고, 누르면 “번호 등록 예정” 안내가 뜹니다. 실제 번호는 파일 아래쪽 한 곳만 고치면 됩니다.
• 둘 다 메뉴 6개, 영업시간, 오시는 길, 인스타그램 자리를 넣었고 휴대폰 화면에서 옆으로 넘치지 않았습니다. 외부 이미지 없이 그림을 코드로 그렸습니다.

직접 눌러 보기: 클로드 코드가 만든 빵집 · 코덱스가 만든 빵집. 휴대폰으로 열면 실제 모습 그대로 보입니다.

한눈에 비교

항목	클로드 코드	코덱스
이번에 쓴 모델	Opus 5.5 · 생각 깊이 중간	GPT-6.1 Sol · 생각 깊이 높음
걸린 시간	애니메이션 약 1분 반 · 웹사이트 약 2분	애니메이션 약 4분 반 · 웹사이트 약 6분
결과물 성격	움직임이 살아 있고, 영업 중 표시처럼 바로 쓰는 기능을 더함	화면 구성과 꾸밈이 꼼꼼하고, 모르는 정보는 비워 둠
시작 가격	Claude Pro 월 20달러부터(무료 요금제 불가)	터미널(CLI)은 ChatGPT Plus 월 20달러부터, 또는 API 키로 쓴 만큼(무료·Go는 데스크톱 앱만)
소스 공개	공개 소스 아님	코덱스 CLI는 Apache-2.0 오픈소스

생각 깊이는 각 도구에 평소 쓰던 설정 그대로 두었습니다. 그래서 클로드 코드는 중간, 코덱스는 높음으로 서로 달랐습니다. 또 이번에는 클로드 코드에 파일 쓰기만 허용해서, 클로드 코드가 준비한 검사 명령은 실행되지 못했습니다. 코덱스는 작업 폴더 안에서 명령을 돌릴 수 있는 설정이라 만든 뒤 스스로 검사까지 했습니다. 코덱스가 더 오래 걸린 데에는 이 두 가지가 섞여 있습니다.

이런 분께 맞습니다

이름	다른 점	이럴 때 고르세요
클로드 코드	빨리 결과를 보고 고쳐 나가기 좋음. 스킬·MCP·예약 작업과 묶어 쓰기 쉬움	이미 Claude Pro 이상을 쓰고 있을 때, 시제품을 빠르게 여러 번 만들어 볼 때
코덱스	한 번에 다듬어진 화면이 나옴. 오픈소스라 내부를 볼 수 있음	이미 ChatGPT Plus 이상을 쓰고 있을 때, 결과물 완성도를 먼저 볼 때

제가 써 보니 둘 중 하나가 압도적이라고 할 차이는 없었습니다. 같은 요청도 다시 시키면 다른 결과가 나옵니다. 처음이라면 이미 결제하고 있는 쪽으로 위 요청을 그대로 넣어 보시는 걸 권합니다.

직접 해 보려면

클로드 코드는 클로드 코드 설치 방법대로, 코덱스는 공식 저장소 안내대로 설치합니다. 빈 폴더를 하나 만들고 그 안에서 도구를 켠 뒤, 위 요청을 그대로 붙여 넣으면 됩니다. 파일을 만들 때 허락을 물으면 허용합니다(클로드 코드는 기본이 자동 모드라 대개 묻지 않습니다). 다 만들어지면 폴더의 index.html을 두 번 눌러 브라우저로 엽니다.

한계와 주의할 점

• 요청마다 한 번씩만 시킨 결과입니다. 어느 쪽이 더 똑똑하다고 판단할 근거로 쓰기에는 부족합니다.
• 두 도구 모두 이 컴퓨터에 쓰던 설정과 플러그인이 깔린 상태였습니다. 새로 설치한 상태라면 결과가 다를 수 있습니다.
• 두 도구 모두 구독 요금제에는 5시간·주간 사용량 한도가 있습니다. 코덱스 요금 페이지는 한도 숫자가 작업에 따라 달라지는 추정치라고 밝힙니다. Claude 쪽은 클로드 요금제 정리에 따로 정리했습니다.
• 윈도우에서는 이번에 해 보지 않았습니다.

자주 묻는 질문

코덱스는 무료로 쓸 수 있나요?

요금 페이지는 무료·Go 요금제에서 데스크톱 앱만 안내합니다. 터미널(CLI)은 Plus 설명부터 나오고, API 키로 쓴 만큼 내고 쓸 수도 있습니다.

클로드 코드는 무료로 쓸 수 없나요?

없습니다. 구독 중 가장 싼 방법은 Pro를 연간 결제하는 것으로, 월 17달러꼴입니다. 쓴 만큼 내는 API 결제 계정으로도 쓸 수 있습니다.

클로드 코드와 코덱스를 같이 써도 되나요?

됩니다. 이번에도 두 도구를 같은 시간에 다른 폴더에서 돌렸고 서로 부딪치지 않았습니다. 한쪽 결과를 다른 쪽에 검토시키는 방법도 있습니다.

코딩을 몰라도 쓸 수 있나요?

이번 두 요청처럼 원하는 결과를 말로 적으면 됩니다. 다만 만든 파일을 인터넷에 올리는 일(호스팅·도메인)은 따로 배워야 합니다.

출처

Claude Code 문서, Claude 요금, openai/codex 저장소, 코덱스 요금 (모두 2026-10-14 확인)