1강 · Codex는 ChatGPT와 무엇이 다른가

오늘 할 일

Codex, 컴퓨터에서 함께 일하는 비서

오늘 직접 해볼 순서

01이해하고 시작하기앱을 설치하고 Codex 화면을 엽니다.
다음 단계
02첫 작업 맡겨보기요청으로 HTML 파일을 만들어봅니다.
다음 단계
03기본 조작 익히기모델·추론 강도·승인 범위를 익힙니다.
다음 단계
04확장 도구 알아보기Skills·MCP·플러그인의 역할을 구분합니다.

설치와 로그인

1. 설치 확인

Codex가 설치되지 않았다면

ChatGPT 다운로드에서 본인 노트북에 맞는 새 ChatGPT 앱을 설치합니다.

맥북: macOS
윈도우 노트북: Windows
설치 후 기존 ChatGPT 계정으로 로그인

여기까지 됐으면

ChatGPT 데스크톱 앱이 열리고 기존 계정으로 로그인되어 있습니다.

이미 설치된 분은 다음 단계로 이동합니다. 설치가 안 된 분은 손을 들면 현장에서 도와드립니다.

ChatGPT에서 Codex로 전환

2. ChatGPT에서 Codex로 전환

Codex는 ChatGPT 안에 있지만, 완전히 다릅니다

뭐가 다를까요?

ChatGPT는 대화하고, Codex는 실제로 일합니다

ChatGPT는 질문에 답하는 채팅 서비스입니다.

Codex는 내 컴퓨터에서 파일과 프로그램을 직접 다루는 AI 비서입니다.

ax-camp 작업 폴더 지정

3. 프로젝트 폴더 지정

Codex를 시작하려면 먼저 폴더가 필요합니다

Codex는 실제 파일을 다루기 때문에 어디에서 일할지 반드시 지정해야 합니다.

폴더는 Codex가 서류를 읽고, 만들고, 수정하는 사무실입니다.

ChatGPT에서 Codex로 전환합니다

좌측 상단 메뉴를 열고 Codex를 선택합니다.

1. 새 로컬 프로젝트를 시작합니다

프로젝트 옆 **더하기 버튼(+)**을 누르고, 로컬 → 다음을 선택합니다.

프로젝트 추가 버튼을 누르고 로컬 프로젝트를 선택한 뒤 다음 버튼을 누르는 화면

2. ax-camp 폴더를 만듭니다

폴더 추가를 누르고 바탕화면으로 이동한 뒤, 새 폴더를 만들어 이름을 ax-camp로 입력합니다.

3. ax-camp 프로젝트를 만듭니다

소스 폴더가 ax-camp인지 확인하고 프로젝트 만들기를 누릅니다.

4. 이 화면이 보이면 준비 완료입니다

화면 중앙에 **“ax-camp에서 무엇을 작업할까요?”**가 보이면 Codex가 이 폴더에서 일할 준비를 마친 겁니다.

첫 HTML 파일 만들기

4. ChatGPT와의 차이를 체감하는 HTML 실습

프롬프트‘오늘 뭐 먹지?’를 만들어달라고 요청합니다

이 폴더 안에 “오늘 뭐 먹지?” 점심 메뉴 추천 웹페이지를 html로 간단히 만들어줘.

화면 가운데 추천 메뉴와 “메뉴 추천받기” 버튼을 넣고,
버튼을 누를 때마다 메뉴와 배경색이 바뀌게 해줘.

보기 좋고 재미있게 디자인하고, codex-demo.html 파일 하나로 만들어줘.
완성되면 브라우저에서 열어줘.

내 버전

승인 요청이 나오면

Codex가 파일을 만들거나 명령을 실행할 때 허락을 요청할 수 있습니다. 방금 요청한 작업이 맞는지 확인하고 승인합니다.

여기까지 됐으면

브라우저에서 버튼을 누를 때마다 추천 메뉴와 배경색이 바뀝니다.