← 전체 커리큘럼

WEEK 04

Agent · API 활용 · Claude 앱 🤖

세 가지를 다룹니다. ① Agent 개념 익히기 — NaverBlogWriter로 Agent 활용법을 확인하고, ② API 활용하기 — NaverAPI를 활용한 크롬 익스텐션을 만들어 보고, ③ Claude 앱 사용하기 — Chat과 Claude Code를 상황에 맞게 쓰는 법을 정리합니다.

날짜2026-06-10 (수)

시간21:00~ (기본 2h)

난이도초급~중급

선수 학습Week 3

제공 자료NaverAPI 크롬 확장 + 소스

학습 목표

Agent 개념을 이해하고 NaverBlogWriter로 활용법을 직접 확인
Skill과 Agent의 차이를 한 문장으로 설명
NaverAPI를 활용해 크롬 익스텐션을 만들어 API 연동을 경험
Claude 앱(Chat · Claude Code)을 상황에 맞게 골라 쓰기
강의 이후 학습 경로 인지 (MCP, SDK, 커뮤니티)

Skill vs Agent

Skill — 정해진 절차(매뉴얼). 부르면 그대로 실행. 비유: 엑셀 매크로
Agent — 목표를 받고 어떤 Skill·도구를 쓸지 스스로 결정. 비유: 비서에게 일 맡기기
Agent 사용 시 장점: 컨텍스트 절약, 자동 분기, 병렬 작업

커리큘럼 구성 — 3가지 주제

1ST · Agent

Agent 개념 익히기 — NaverBlogWriter

Skill vs Agent 한 장 정리 — "절차" vs "스스로 판단"
Subagent 종류: Explore / Plan / general-purpose
NaverBlogWriter로 Agent 활용법 라이브 확인 — 주제만 던지면 수집·작성까지
라이브 비교: (a) Skill만 호출 vs (b) Agent + Skill
좋은 Agent 체크리스트 5개

2ND · API ⭐

API 활용하기 — NaverAPI 크롬 익스텐션

외부 NaverAPI를 코드에서 호출하는 흐름 이해
크롬 확장 구조: manifest · background · content/search · options
API 키 관리와 호출, 결과를 화면에 렌더링
chrome://extensions 개발자 모드로 로드·디버깅
오늘 자료(extension + 소스 원본)로 PRD ↔ 결과물 비교

3RD · Claude 앱

Claude 앱 사용하기 — Chat · Claude Code

Chat(claude.ai) — 대화·기획·문서 작업에 강함
Claude Code — 코드·파일·터미널 실작업에 강함
언제 무엇을 쓸지: 상황별 선택 기준
두 앱을 오가며 일하는 실전 흐름
4주 회고 + 수료, 이후 학습 경로(MCP · SDK)

강의 자료 다운로드

🤖 Agent 개념 — NaverBlogWriter

📦 4주차 실습 자료 — NaverBlogWriter (Agent 버전)

3주차 NaverBlogWriter에 Agent(blog-writer)와 마이그레이션 스킬(migrate)이 추가된 버전입니다.
여러 Skill을 하나의 Agent로 묶어 활용하는 법을 확인하는 자료 — .claude/agents/와 .claude/skills/를 함께 보세요.
내려받아 압축을 풀고, 그 폴더를 VS Code로 열어 따라오세요.

⬇ NaverBlogWriter_public_w4.zip 다운로드

🟢 NaverAPI 버전

📦 4주차 실습 자료 — 크롬 확장 프로그램 (extension)

NaverAPI를 활용해 만든 크롬 확장 프로그램 전체가 들어 있는 압축 파일입니다.
내려받아 압축을 풀고, chrome://extensions → 개발자 모드 → "압축해제된 확장 프로그램을 로드"로 폴더를 불러와 동작을 확인하세요.

⬇ NaverAPI-extension.zip 다운로드

📦 4주차 실습 자료 — 소스 원본 (PRD · API 요약)

확장 프로그램을 빌드한 PRD와 NaverAPI 요약 문서 원본입니다.
내려받아 압축을 풀고, VS Code로 열어 PRD ↔ 결과물(extension)을 비교하며 따라오세요.

⬇ NaverAPI_public.zip 다운로드

🔴 YouTube API 버전

📦 4주차 실습 자료 — 크롬 확장 프로그램 (extension)

YouTube Data API를 활용해 만든 크롬 확장 프로그램 전체가 들어 있는 압축 파일입니다.
내려받아 압축을 풀고, chrome://extensions → 개발자 모드 → "압축해제된 확장 프로그램을 로드"로 폴더를 불러와 동작을 확인하세요.

⬇ YoutubeAPI-extension.zip 다운로드

📦 4주차 실습 자료 — 소스 원본 (PRD · API 요약 · 키 제한 가이드)

확장 프로그램을 빌드한 PRD와 YouTube API 요약·키 제한 가이드 원본입니다.
내려받아 압축을 풀고, VS Code로 열어 PRD ↔ 결과물(extension)을 비교하며 따라오세요.

⬇ YoutubeAPI_public.zip 다운로드

참고자료

실습 가이드

Agent 샘플 모음

Agent 샘플 3종(전체 정의 포함)과 미니 Agent 만들기 실습 절차·체크리스트 — Agent 개념 익히기에 함께 보세요.

API 발급 가이드 🟢

네이버 검색 API 발급받기

하나도 모르는 사람도 따라 하는 단계별 가이드 — Client ID·Secret 발급부터 호출 테스트까지. (2026년 최신 확인)

API 발급 가이드 🔴

YouTube Data API 발급받기

Google Cloud Console에서 프로젝트 생성 → API 켜기 → 키 발급 → 할당량까지 단계별. (2026년 최신 확인)

4주 동안 한 일

✅ 환경 구축 + 첫 응용 프로그램 (자기소개 페이지)
✅ PRD로 Skill 빌드 (YouTube 탐색·분석)
✅ 스킬 제작을 위한 PRD 직접 작성
✅ Agent 활용 (NaverBlogWriter) + NaverAPI 크롬 확장
✅ Claude 앱 활용 (Chat · Claude Code)

강의 이후 — 다음 1개월 권장

🚀 챌린지

1주차: 만든 Skill 매일 사용
2주차: 부족한 부분 description·절차 개선
3주차: 새 시나리오 1개 추가
4주차: 동기들과 Agent 1개씩 교환·리뷰

수료를 축하합니다 🎉

여러분만의 Skill과 Agent를 가지고 다음 단계로.