2-2 내 컴퓨터 실습 ⏱ 약 10분 Codex 전용 레슨

Codex 앱(또는 VS Code)으로 Codex 시작하기

Codex 앱이나 VS Code의 Codex 확장에서 작업할 폴더를 열면 바로 바이브 코딩을 시작할 수 있어요. 터미널은 쓰지 않아요.

🎯 이번 레슨을 마치면
  • Codex 앱 또는 VS Code의 Codex 확장을 준비할 수 있다
  • 작업할 폴더를 열고 첫 요청을 보낼 수 있다
  • 승인 방식(얼마나 스스로 진행할지)을 이해하고 고를 수 있다

두 가지 작업 장소

💻 내 컴퓨터 폴더☁️ Codex 클라우드
어디서 일하나요?내 컴퓨터의 폴더 (예: 바탕화면의 my-site)OpenAI의 클라우드 컴퓨터. 코드는 GitHub 저장소에 있어요
좋은 점결과를 바로 내 컴퓨터에서 열어 볼 수 있어요내 컴퓨터를 꺼도 작업이 계속돼요. 여러 작업을 동시에 맡길 수도 있어요
이 과정에서지금 여기서 시작GitHub를 연결한 뒤 레슨 4-6에서

1단계: 작업할 폴더 만들기

평소처럼 파일 탐색기(맥은 Finder)에서 만들면 돼요.

  1. 바탕화면에서 마우스 오른쪽 클릭 → 새로 만들기 → 폴더
  2. 이름을 my-site로 정해요. (영어 소문자와 하이픈(-)으로!)

2단계: Codex 준비하기 (둘 중 하나)

방법 A: Codex 앱

  1. OpenAI의 Codex 안내 페이지에서 Codex 앱을 내려받아 설치해요.
  2. ChatGPT 계정으로 로그인해요.
  3. 작업할 폴더(프로젝트)로 my-site를 선택해요.

방법 B: VS Code + Codex 확장

  1. code.visualstudio.com 에서 VS Code를 내려받아 설치해요. (무료)
  2. VS Code 왼쪽의 확장(Extensions) 아이콘(네모 네 개 모양)을 누르고 Codex를 검색해요. 만든 곳이 OpenAI인지 확인하고 설치해요.
  3. Codex 창이 열리면 ChatGPT 계정으로 로그인해요.
  4. 파일 → 폴더 열기로 my-site 폴더를 열어요. “이 폴더의 작성자를 신뢰하나요?”라고 물으면 내가 만든 폴더니까 신뢰해요.

3단계: 첫 대화

Codex 입력창에 첫 요청을 보내 보세요.

AI 코딩 도구에게 이렇게 말해 보세요
안녕! 나는 코딩을 처음 배우는 사람이야.
이 폴더에 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가 가장 많이 쓰여요. 비유: 코드용 워드 프로그램
용어 사전 전체 보기 →