Codex 앱(또는 VS Code)으로 Codex 시작하기
Codex 앱이나 VS Code의 Codex 확장에서 작업할 폴더를 열면 바로 바이브 코딩을 시작할 수 있어요. 터미널은 쓰지 않아요.
🎯 이번 레슨을 마치면
- Codex 앱 또는 VS Code의 Codex 확장을 준비할 수 있다
- 작업할 폴더를 열고 첫 요청을 보낼 수 있다
- 승인 방식(얼마나 스스로 진행할지)을 이해하고 고를 수 있다
두 가지 작업 장소
| 💻 내 컴퓨터 폴더 | ☁️ Codex 클라우드 | |
|---|---|---|
| 어디서 일하나요? | 내 컴퓨터의 폴더 (예: 바탕화면의 my-site) | OpenAI의 클라우드 컴퓨터. 코드는 GitHub 저장소에 있어요 |
| 좋은 점 | 결과를 바로 내 컴퓨터에서 열어 볼 수 있어요 | 내 컴퓨터를 꺼도 작업이 계속돼요. 여러 작업을 동시에 맡길 수도 있어요 |
| 이 과정에서 | 지금 여기서 시작 | GitHub를 연결한 뒤 레슨 4-6에서 |
1단계: 작업할 폴더 만들기
평소처럼 파일 탐색기(맥은 Finder)에서 만들면 돼요.
- 바탕화면에서 마우스 오른쪽 클릭 → 새로 만들기 → 폴더
- 이름을
my-site로 정해요. (영어 소문자와 하이픈(-)으로!)
2단계: Codex 준비하기 (둘 중 하나)
방법 A: Codex 앱
- OpenAI의 Codex 안내 페이지에서 Codex 앱을 내려받아 설치해요.
- ChatGPT 계정으로 로그인해요.
- 작업할 폴더(프로젝트)로
my-site를 선택해요.
방법 B: VS Code + Codex 확장
- code.visualstudio.com 에서 VS Code를 내려받아 설치해요. (무료)
- VS Code 왼쪽의 확장(Extensions) 아이콘(네모 네 개 모양)을 누르고 Codex를 검색해요. 만든 곳이 OpenAI인지 확인하고 설치해요.
- Codex 창이 열리면 ChatGPT 계정으로 로그인해요.
- 파일 → 폴더 열기로
my-site폴더를 열어요. “이 폴더의 작성자를 신뢰하나요?”라고 물으면 내가 만든 폴더니까 신뢰해요.
3단계: 첫 대화
Codex 입력창에 첫 요청을 보내 보세요.
안녕! 나는 코딩을 처음 배우는 사람이야. 이 폴더에 hello.html 파일을 하나 만들어 줘. 큰 제목으로 "안녕하세요, 저는 ○○이에요"가 보이고, 배경은 연한 하늘색이면 좋겠어. 다 만들면 이 파일을 어떻게 열어 보는지도 알려 줘.
👉 ○○ 자리에 내 이름을 넣어요. 파일을 만들어도 되는지 물어보면 허락해요.
Codex가 파일을 만들면 my-site 폴더에서 hello.html을 더블클릭해 보세요. 브라우저에 내 이름이 크게 보이면 성공! 🎉
승인 방식: Codex가 얼마나 스스로 진행할까?
Codex는 **승인 방식(권한 모드)**에 따라 혼자 진행할지, 나에게 물어볼지 정해요. 이름은 화면마다 조금 다를 수 있지만 보통 이런 단계가 있어요.
| 방식 | Codex가 할 수 있는 일 | 추천 |
|---|---|---|
| 읽기 전용 · 대화 | 파일을 읽고 설명·계획만 해요. 고치지 않아요 | 계획을 먼저 보고 싶을 때 |
| 기본(에이전트) | 열어 둔 폴더 안에서는 고치고 실행해요. 폴더 밖이나 인터넷 사용 같은 중요한 일은 물어봐요 | ✅ 처음에는 이것 |
| 전체 접근 | 묻지 않고 거의 모든 일을 해요 | ❌ 초보 단계에서는 쓰지 않기 |
알아 두면 좋은 기능
| 기능 | 언제 쓸까 |
|---|---|
| 중지 | Codex가 엉뚱한 방향으로 가고 있을 때 바로 멈추고 다시 설명해요 |
| 계획 먼저 보기 | “코드는 아직 바꾸지 말고 계획만 보여 줘” 또는 읽기 전용 방식으로 요청해요 |
| 이미지 첨부 | 화면 캡처를 붙여 넣고 “여기가 이상해”라고 보여 줘요 |
| 새 대화 | 대화가 너무 길어지거나 꼬이면 새로 시작해요. 파일은 폴더에 그대로 남아 있어요 |
| AGENTS.md | 프로젝트 안내서 파일이에요. 다음 레슨에서 만들어요 |
퀴즈
코딩을 처음 배우는 단계에서 추천하는 Codex 승인 방식은?
📝 정리해 볼까요?
- Codex 앱 또는 VS Code + Codex 확장에서 작업 폴더를 열면, Codex가 그 폴더에서 일해요.
- 처음에는 내 컴퓨터 폴더에서 시작하고, GitHub를 연결한 뒤(Part 4)에는 Codex 클라우드에서도 코딩할 수 있어요.
- Codex가 얼마나 스스로 진행할지는 승인 방식으로 정해요. 처음에는 폴더 밖 작업이나 중요한 작업 전에 물어보는 방식을 써요.
📖 새로 나온 용어
- Codex
- OpenAI가 만든 AI 코딩 도구예요. ChatGPT 계정으로 쓰고, 앱·VS Code 확장·클라우드(ChatGPT 웹)에서 사용할 수 있어요. 비유: 내 컴퓨터에 와서 일하는 개발자 동료
- AGENTS.md
- Codex 같은 AI 코딩 도구가 작업할 때마다 읽는 프로젝트 안내 파일이에요. 프로젝트의 규칙을 적어 둬요. 비유: 새 동료에게 주는 업무 안내서
- 에디터 Editor
- 코드를 작성하는 프로그램이에요. VS Code가 가장 많이 쓰여요. 비유: 코드용 워드 프로그램
잘했어요! 완료 표시는 이 브라우저에 저장돼요.