강의 커리큘럼
AI 에이전트 실전 과정 (초·중급)
용어와 작동 원리부터 시작해, 직접 만든 결과물을 점점 정교하게 다듬고, 끝내 재사용 가능한 자동화 스킬까지 — 매 회차 손에 잡히는 결과물로 배우는 실습 중심 과정입니다.
총 시간
20시간 · 10회 (회당 2시간)
난이도
초급 → 중급
진행 방식
실습 위주 (매 회차 결과물 제작)
대상
컴퓨터에 친숙하지 않아도 OK
설치부터 함께
설치부터 함께
사용 도구
코덱스 (Codex)
준비물
노트북 · 계정
개인용 에이전트 작동 구조 및 데이터 흐름
에이전트 실전 과정 학습 로드맵
커리큘럼 한눈에 보기 요약 표
| 회차 | 주제 | 학습 내용 요약 | 최종 결과물 |
|---|---|---|---|
| 1회차 | AI 에이전트 입문 + 설치 | 에이전트 작동 원리와 구성 요소 이해, 코덱스(Codex) 및 작업환경 설치 | 에이전트 앱 설치 완료 |
| 2회차 | 작업환경 세팅 | AGENTS.md 설정법 학습, 지속 메모리 및 task.md를 통한 작업 맥락 유지 | 나만의 맞춤 작업환경 |
| 3회차 | 첫 웹페이지 만들기 | 선 설계 후 코딩 원칙 학습, LLM과 실질적 협업을 통한 웹 구현 기초 | 웹페이지 1개 완성 |
| 4회차 | 페이지 정교하게 다듬기 | 레이아웃 구조 시각화 및 수치화 요청 피드백, 디테일 디자인 수정 | 정교하게 교정된 페이지 |
| 5회차 | 스킬의 기초 | 스킬 유무에 따른 성능 및 지속성 차이점 이해, 스킬 정의 양식 학습 | 첫 자동화 스킬 초안 |
| 6회차 | 스킬 실전 — PPT 자동화 | 재사용 가능한 실전 자동화 스킬 생성 및 PPT 마크업 렌더 구축 실습 | 작동하는 PPT 자동화 스킬 |
| 7회차 | PDF → 문서 시각화 | PDF를 마크다운으로 변환 후 LLM 교정, 읽기 좋은 HTML 문서로 시각화 | PDF→HTML 변환 흐름 |
| 8회차 | 바이브 코딩 웹앱 ① 생성·실행 | 코덱스로 Next.js+FastAPI+SQLite 메모앱 통째 생성, 서버 실행 | 웹앱 뼈대 실행 |
| 9회차 | 바이브 코딩 웹앱 ② 완성·디버깅 | 메모 추가·삭제 완성, SQLite 저장 확인, 에러 디버깅 | 작동하는 메모앱 |
| 10회차 | 종합 · 수료 | 결과물 포트폴리오화, 운영·안전 점검, 다음 단계 안내 | 최종 포트폴리오 + 가이드 |
1회차
AI 에이전트 입문 + 설치
용어와 작동 원리를 이해하고, 내 에이전트 앱을 직접 설치한다.
개념 요약: 에이전트 핵심 4요소의 역할 분담
배우는 것
- 프롬프트 — 에이전트의 메모리 기능이 진화하면서 1회성 명령어 위주의 사용자 단발 입력 비중은 이전보다 감소하였으나, 에이전트의 정체성과 가이드 라인 뼈대를 제어하는 시스템 프롬프트(System Prompt) 형태로서 여전히 강력하고 핵심적인 위치를 차지하고 있음을 학습
- 컨텍스트(맥락) — 메모리 최적화와 슬롯 확장으로 LLM이 장기/단기 맥락을 매우 매끄럽게 파악하고 유지함. 대형 업무를 처리하기 위해 역할을 쪼개는 서브에이전트(Sub-agent) 구조 설계 및 토큰 최적화를 돕는 컨텍스트 압축(Context Compression) 등의 기술 요소 이해
- 하네스 — 에이전트가 터미널 쉘이나 로컬 PC에 접근하여 실제 실행을 주도하는 조율 환경. Claude Code(클로드 코드), Codex(코덱스) 같은 터미널 코딩 하우스나 Oh My OpenAgent, Oh-My-Pi (omp) 등 다양한 오픈소스 생태계를 탐구하며, 텍스트 강제 제어나 단계별 이벤트 가로채기 훅(Hook) 같은 기술적 제어 의미와 목적 습득
- 암묵지 — 에이전트를 적극 활용해 실제 상용 프로젝트 개발을 수행하기 시작하면서 비약적으로 중요도가 상승한 자산. 단순한 매뉴얼을 넘어 에이전트에게 전수되는 개발자 고유의 취향, 오답 노트, 작업 경험 노하우(Rules of thumb)를 자산화하는 기법
결과물 · 내 에이전트 앱 설치 완료
2회차
작업환경 세팅
에이전트가 나를 기억하도록 작업환경을 구성한다.
개념 요약: 3대 핵심 제어 문서 역할 비교
| 제어 파일 | 핵심 역할 | 갱신 주기 |
|---|---|---|
| AGENTS.md | 에이전트의 역할 정체성과 위배해서는 안 될 전역 원칙 명시 | 초기 설정 후 거의 변경 없음 |
| task.md | 현재 개발 목표와 다음 수행할 세부 체크리스트, 진행도 트래킹 | 태스크 진행 시마다 수시 업데이트 |
| memory.md | 여러 작업 세션이 지나도 잊지 않아야 할 주요 선택지와 의사결정 기록 | 주요 결정이나 완료 시 날짜와 함께 기록 |
배우는 것
- AGENTS.md 설정 — 에이전트의 존재 목적과 절대 룰 지정
- 메모리 관리 — 세션 교체 시에도 유지되는 지속 기억 장치 운용법
- 작업 메모리(task) 관리 — 현재 시각 기준 진행 상태를 명시적으로 파악하는 법
결과물 · 나만의 작업환경 + 지침·메모리 구성
3회차
첫 웹페이지 만들기
LLM과 계획을 세우고, 직접 웹페이지를 만들어본다.
개념 요약: 에이전트와 올바른 협업 개발 단계
배우는 것
- 선 계획 수립 설계 — 요구 사항 접수 후 바로 코딩하지 않고 구조 설계하기
- 간단한 HTML/CSS 단독 정적 웹페이지 마크업 개발
- 설계 계획에 부합하도록 에이전트에게 단계별로 협업을 요청하는 흐름 실습
결과물 · 내가 만든 웹페이지 1개
4회차
페이지 정교하게 다듬기
만든 페이지를 구체적으로 수정하는 법을 익힌다.
개념 요약: 에이전트 수정 요청 피드백 비교
❌ 모호한 감정적 피드백
"화면 구도가 전체적으로 어색하니까 대충 요즘 스타일로 예쁘게 고쳐줘."
이유: 에이전트가 정확한 목표 속성을 알 수 없어 자의적 해석에 빠지게 되며 관련 없는 코드 손상 우려가 발생합니다.
✅ 구체적인 수치 기반 피드백
"중앙 카드의 padding을 24px로 통일하고, 카드 사이의 gap을 16px로 좁혀줘."
이유: 정확한 목표 요소와 수치가 전달되므로 에이전트가 오버라이팅 범위를 좁혀 코드를 안전하고 정확하게 수정합니다.
배우는 것
- 전 단계에서 만들어진 페이지의 여백과 색상 수정 요청 기법
- 수치 기반 정교화 — 감정적 요청을 픽셀(px), HSL, 그리드 비율 등의 정량 데이터로 변환
- 에이전트가 HTML 문서의 감싸고 있는 바깥 상자(Parent)와 내부 상자(Children) 구조를 입체적으로 이해할 수 있게 명시하는 법
결과물 · 정교하게 다듬은 페이지
5회차
스킬의 기초
스킬 개념을 이해하고, 만드는 법을 배운다.
개념 요약: 스킬 적용에 따른 효율 차이
배우는 것
- 스킬(Skill) — 반복 작업을 모듈화해 에이전트의 작동 지침을 패키징해둔 스킬 폴더
- 스킬 유무에 따라 최종 산출물의 표준성과 성공 확률이 어떻게 갈리는지 확인
- 스킬 명세 정의 및 공통 템플릿 구조 제작
결과물 · 첫 스킬 초안
6회차
스킬 실전 — PPT 자동화
직접 스킬을 만들어 재사용 가능한 자동화를 구축한다.
개념 요약: HTML 기반 문서 생성 및 자동화 흐름
배우는 것
- 로컬 템플릿 렌더 스크립트와 연동 가능한 자동화 스킬의 실제 코딩
- A4 PPT 자동화 — HTML 요소를 구글 슬라이드 형식처럼 정량 배치 후 가로형 PDF로 변환하는 스킬
결과물 · 작동하는 PPT 자동화 스킬
7회차
PDF → 문서 시각화
PDF를 마크다운으로 바꾸고, 에이전트로 교정한 뒤 HTML로 보기 좋게 시각화한다.
개념 요약: 문서 변환·교정·시각화 흐름
배우는 것
- PDF → 마크다운 변환 — markitdown 같은 도구로 PDF의 글·표를 마크다운 텍스트로 추출
- LLM 교정 — 변환 과정에서 깨진 표·오타·끊긴 문장을 에이전트에게 다듬게 하기
- HTML 시각화 — 교정된 내용을 읽기 좋은 HTML 문서로 렌더링
결과물 · PDF를 깔끔한 HTML 문서로 바꾸는 흐름
8회차 · 바이브 코딩 4시간 (8–9 연속)
바이브 코딩으로 웹앱 만들기 ① — 생성과 실행
코덱스로 Next.js · FastAPI · SQLite를 써서 메모앱을 통째로 생성하고 실행한다.
개념 요약: 메모앱 3층 구조
배우는 것
- 웹앱 구조 맛보기 — 화면(프론트)·기능(백엔드)·저장(DB)이 어떻게 나뉘고 연결되는지 큰 그림
- 프로젝트 통째 생성 — 코덱스에게 "Next.js+FastAPI+SQLite 메모앱"을 한 번에 만들게 하는 바이브 코딩
- 프론트·백엔드 서버를 둘 다 실행해서 화면 띄우기
결과물 · 화면이 뜨고 서버가 도는 웹앱 뼈대
9회차 · 바이브 코딩 4시간 (8–9 연속)
바이브 코딩으로 웹앱 만들기 ② — 완성과 디버깅
메모 추가·삭제 기능을 완성하고, DB 저장을 확인하며, 에러를 잡는다.
배우는 것
- 메모 기능 완성 — 추가·조회·삭제(CRUD)가 실제로 동작하게 만들기
- DB 저장 확인 — SQLite에 저장되어 새로고침해도 메모가 남는지 검증
- 바이브 코딩 디버깅 — 에러 메시지를 그대로 코덱스에 붙여넣어 해결하는 반복 흐름
결과물 · 작동하는 메모앱
10회차
종합 · 수료
만든 결과물을 정리하고, 운영·안전을 점검하며 과정을 마무리한다.
배우는 것
- 결과물 정리 — 회차마다 만든 산출물을 모아 나만의 포트폴리오로
- 운영·안전 기초 — 검수·백업, 권한과 연습 폴더 원칙 등 안전하게 쓰는 습관
- 다음 단계(고급·실전 심화) 안내와 마무리 Q&A
결과물 · 최종 포트폴리오 + 활용 가이드