Codex 커리큘럼

위에서부터 순서대로 따라오면 돼요. 총 10개 Part, 34개 레슨 · 지금 34개 공개

처음부터 학습 시작하기
  1. 0
    개념 2/2 공개 · 약 9분

    Part 0. 시작하기 바이브 코딩이 뭘까?

    AI에게 말로 설명해서 웹사이트를 만드는 방법, 그리고 그때 내가 해야 할 일을 알아봐요.

    학습하기
    1. 0-1 바이브 코딩이란? 5분
    2. 0-2 이 과정의 지도 4분
  2. 1
    브라우저 실습 3/3 공개 · 약 22분

    Part 1. 꼭 필요한 웹 기초 AI에게 일을 시키려면 이 정도만

    웹이 어떻게 보이는지, HTML·CSS·JavaScript가 각각 무슨 일을 하는지 딱 필요한 만큼만 배워요.

    학습하기
    1. 1-1 웹사이트는 어떻게 내 화면에 올까? 7분
    2. 1-2 HTML · CSS · JavaScript 3분 맛보기 7분
    3. 1-3 AI가 만든 코드, 어디를 보면 될까? 8분
  3. 2
    내 컴퓨터 실습 5/5 공개 · 약 44분

    Part 2. Codex 준비하기 나의 AI 개발 파트너

    Codex를 내 컴퓨터에서 시작하고, 일을 잘 시키는 법과 망가져도 되돌리는 법(Git)을 익혀요.

    학습하기
    1. 2-1 준비물: 무엇이 왜 필요할까? 5분
    2. 2-2 Codex 시작하기 10분
    3. 2-3 일 잘 시키는 법 (프롬프트) 9분
    4. 2-4 Git: 언제든 되돌릴 수 있는 저장 버튼 8분
    5. 2-5 GitHub: 내 코드의 인터넷 보관함 12분
  4. 3
    바이브 코딩 프로젝트 5/5 공개 · 약 44분 결과물: 나만의 소개 웹사이트

    Part 3. 첫 바이브 코딩: 나만의 웹사이트 프로젝트 1

    Codex와 대화하며 나만의 소개 웹사이트를 만들고, 직접 확인하고, 고쳐 나가요.

    학습하기
    1. 3-1 만들기 전에 한 장으로 정리하기 8분
    2. 3-2 Codex에게 첫 페이지 맡기기 12분
    3. 3-3 고쳐 달라고 말하는 법 8분
    4. 3-4 작은 건 직접 고치기 8분
    5. 3-5 막혔을 때 탈출하는 법 8분
  5. 4
    내 컴퓨터 실습 6/6 공개 · 약 59분 결과물: 누구나 접속할 수 있는 내 사이트 주소

    Part 4. 세상에 공개하기 호스팅과 도메인

    내 사이트를 인터넷에 올려서 누구나 접속할 수 있는 주소를 만들어요. Cloudflare를 추천하는 이유도 알아봐요.

    학습하기
    1. 4-1 호스팅과 도메인은 왜 필요할까? 6분
    2. 4-2 어디에 올릴까? 호스팅 비교와 Cloudflare 8분
    3. 4-3 Codex로 Cloudflare에 배포하기 12분
    4. 4-4 Cloudflare 자동 배포: 올리기만 하면 사이트가 바뀌어요 15분
    5. 4-5 나만의 도메인 연결하기 10분
    6. 4-6 클라우드에서 코딩하기: 어디서나 이어서 8분
  6. 5
    바이브 코딩 프로젝트 5/5 공개 · 약 55분 결과물: 로그인한 회원이 글을 남기는 방명록

    Part 5. 데이터 저장하기 서버와 데이터베이스

    방명록처럼 여러 사람의 데이터를 저장하려면 무엇이 필요한지 이해하고, Supabase로 데이터 저장과 로그인을 붙여요.

    학습하기
    1. 5-1 서버와 데이터베이스는 왜 필요할까? 8분
    2. 5-2 왜 Supabase로 시작할까? 커지면 무엇을 쓸까? 9분
    3. 5-3 Codex로 방명록 만들기 15분
    4. 5-4 로그인은 어떻게 동작할까? Supabase로 로그인 만들기 15분
    5. 5-5 AI가 만든 코드, 보안 검수 5가지 8분
  7. 6
    바이브 코딩 프로젝트 2/2 공개 · 약 27분 결과물: 내 사이트를 관리하는 관리자 페이지

    Part 6. 관리자 페이지 프로젝트 2

    Part 5에서 만든 로그인 위에, 관리자만 들어가서 글과 사진을 관리하는 페이지를 Codex로 만들어요.

    학습하기
    1. 6-1 Codex로 관리자 페이지 만들기 15분
    2. 6-2 사진 올리기: Supabase Storage 12분
  8. 7
    바이브 코딩 프로젝트 2/2 공개 · 약 30분 결과물: 여러 사람이 함께 쓰는 웹 서비스

    Part 7. 웹 애플리케이션 프로젝트 3

    회원가입과 데이터 저장이 되는 진짜 서비스를 기능 단위로 나눠 Codex와 함께 만들어요.

    학습하기
    1. 7-1 프레임워크는 왜 쓸까? 10분
    2. 7-2 기능 목록으로 웹앱 만들고 테스트하기 20분
  9. 8
    바이브 코딩 프로젝트 2/2 공개 · 약 27분 결과물: 스마트폰 앱과 PC 프로그램

    Part 8. 앱으로 만들기 모바일 앱 · 설치 프로그램

    같은 웹 코드로 스마트폰 앱과 PC 설치 프로그램을 만들어요.

    학습하기
    1. 8-1 웹을 모바일 앱으로 (PWA · Capacitor) 15분
    2. 8-2 웹을 설치 프로그램으로 (Electron · Tauri) 12분
  10. 9
    개념 2/2 공개 · 약 24분

    Part 9. 정식 서비스 런칭 연습에서 실전으로

    개인정보·약관·검색 등록 같은 공개 전 준비, 그리고 공개한 뒤 서비스를 지켜보며 키워 가는 법을 배워요.

    학습하기
    1. 9-1 정식 공개 전 체크리스트 12분
    2. 9-2 운영하며 키우기: 모니터링·백업·비용·확장 12분