코덱스 완벽 가이드 (인공지능 코딩, AI 에이전트, 프롬프트 엔지니어링, 컨텍스트 엔지니어링, AGENTS.md, PRD, 코덱스 클라우드, 수파베이스, Spec Kit 워크플로

윤재원(단테)

스타트업과대규모플랫폼에서제품을만들며‘팀이커져도무너지지않는개발’을고민해온개발자입니다.OTT스타트업에서사용자경험을개선하는개발을,네이버에서LLM기반애플리케이션개발을진행했습니다.현재는국내대형플랫폼기업에서스태프개발자로근무하며확장가능한개발을구현하는데집중하고있습니다.또한400명이상의멘토링으로검증된‘바이브코딩/에이전틱코딩’실전프레임을통해개발생산성과결과물의정합성을함께끌어올리는실무노하우를전합니다.

저서
-《다시깊게익히는인사이드리액트》

SNS
-YouTube_youtube.com/@danteDeveloper
-Blog_blog.quokkalabs.net
-GitHub_github.com/dante01yoon
Discord_discord.gg/uHvdGTjahA

[파트01]처음만나는코덱스와AI에이전트
_챕터01기존AI코딩도구의제약사항
__바이브코딩이전의AI어시스턴트,깃허브코파일럿의초기버전
__프로젝트전체맥락이해부족
_챕터02에이전틱AI와바이브코딩
__에이전틱AI란?
__개발자와AI에이전트의새로운소통방식,바이브코딩
__에이전틱AI가바이브코딩을실현하는방법
__바이브코딩의작업공간,터미널
_챕터03코덱스CLI기본사용법알아보기
__코덱스CLI설치하기
__코덱스CLI세션사용법살펴보기
__[바이브코딩01]세션매니저프로그램만들기
__API키로코덱스CLI사용해보기
__config.toml파일과코덱스CLI
__코덱스CLI에서웹검색허용하기
__사용하는모델변경하기
__[바이브코딩02]작업이끝나면알려주는나만의알림창만들기
__특정파일컨텍스트에추가하기
__권한부여하기
__VSCode사용하기
_챕터04코덱스에이전트사용요금알아보기
__내코딩스타일에맞는플랜선택하기
__사용량이부족할때를위한더욱유연한과금방식,API키
__한번의질문,저마다다른무게
_챕터05코덱스CLI고급사용법알아보기
__오픈라우터를사용해다른모델제공자의AI모델사용하기
__멀티프로필생성하기
__사용량조회하기
__논인터랙티브모드사용하기
__사용자정의형식으로응답출력하기
__[바이브코딩03]코드리뷰뷰어만들기
__[바이브코딩04]3D레이싱게임만들기
__컨텍스트요약하기
__세션자동요약기능
__verbosity설정하기
__history설정하기
__기본시스템프롬프트변경하기
_챕터06코덱스CLI에생산성과정확성더하기
__음성도구사용하기
__AGENTS.md알아보기
__[바이브코딩05]미니멀리즘감성일기장만들기
__AI와똑똑하게대화하는기술‘프롬프트엔지니어링’
__사용자정의프롬프트사용하기
__[바이브코딩06]마크다운HTML변환기
__모델이보는모든것을선별하고관리하는‘컨텍스트엔지니어링’
_챕터07MCP로수준높은바이브코딩하기
__LLM과외부데이터간의표준약속,MCP
__MCP사용준비하기
__추천할만한MCP리스트
__[바이브코딩07]깃허브MCP사용하여내작업사항저장하기
_챕터08코덱스스킬로코덱스CLI에게슈퍼파워제공하기
__스킬,AI를위한업무매뉴얼
__스킬크리에이터,스킬을만드는가장쉬운방법
__스킬의4가지특징및MCP와의차이점
_챕터09클라우드환경에서원격으로코덱스사용하기
__코덱스클라우드,왜배워야할까?
__코덱스클라우드와플랜모드사용하기
__코덱스클라우드작업흐름
__AI에이전트의인터넷접근,어떤위험이있을까?
__코드리뷰받기
[파트02]실전코덱스바이브코딩
_챕터10바이브코딩을위한기초개발지식다지기
__뼈대를세우는HTML
__디자인을입히는CSS
__동적인기능을구현하는자바스크립트
__프런트엔드와리액트
__[바이브코딩08]오델로게임만들기
_챕터11개인웹사이트만들기
__컴포넌트라이브러리란?
__[바이브코딩09]v0로블로그프로토타이핑하기
__스티치로반응형디자인뽑아내기
_챕터12내웹사이트인터넷에배포하기
__배포란?
__[바이브코딩10]깃허브페이지로블로그배포하기
__[바이브코딩11]버셀로블로그배포하기
_챕터13클라우드데이터베이스사용하기
__새로고침하면사라지는데이터,어떻게해야할까?
__클라우드데이터베이스와수파베이스의등장
__수파베이스MCP로코덱스와내코드연결하기
__MCP로쉽게데이터관리하기
__[바이브코딩12]수파베이스로실시간방명록웹사이트만들기
_챕터14수파베이스로인증과인가구현하기
__로그인은왜필요할까?
__데이터베이스에인증자물쇠걸기
__[바이브코딩13]방명록웹사이트에회원가입,로그인,로그아웃기능추가하기
__수파베이스는만능일까?
_챕터15기능명세서와바이브코딩
__왜바이브코딩하기전기획이중요할까?
__PRD란?
__PRD작성하기
_챕터16스펙킷,기억위에서움직이는워크플로우
__스펙킷이란?
__스펙킷설치하기
__스펙킷이너무어렵게느껴진다면?
[바이브코딩14]스펙킷으로프로필설정기능만들기
_챕터17오픈API와웹크롤링으로외부데이터활용하기
__데이터를얻는가장정중한방법:오픈API활용하기
__[바이브코딩15]스트림릿으로만드는영화대시보드
__API가없다면?웹크롤링사용하기
__웹크롤링의핵심원리:HTML과선택자
__잠깐!크롤링전필수체크:robot.txt
__코덱스의눈과손이될PlaywrightMCP
__[바이브코딩16]주식시장데이터크롤링&실시간대시보드

★초보자가놓칠수밖에없는프롬프트엔지니어링의기초부터하나씩!
★단순입력을넘어원하는결과물을이끌어내는실전테크닉을배운다!
★국내대형플랫폼기업현직개발자가알려주는에이전트활용완벽가이드!
지금까지단순히프롬프트를입력하기만하면서제대로된결과물이나오지않아실망하셨던적이있으신가요?프롬프트만입력해서는제대로된결과물을얻기어렵습니다.이책에서는프롬프트엔지니어링,컨텍스트엔지니어링과같은프롬프트와컨텍스트를제대로관리하는방법을기초부터하나씩다룹니다.국내대형플랫폼기업에서실제로에이전트를활용하는개발자에게직접배워보세요.400명이상의멘토링으로검증된'바이브코딩/에이전틱코딩'실전프레임워크를통해개발생산성과결과물의정합성을함께끌어올린저자의실무노하우를이책에모두담았습니다.

★개발을잘하는사람은어떻게에이전트를활용하고있을까?
★결과물의퀄리티를높이는AGENTS.md+효율적인작업을위한스킬활용!
★멀티프로필설정과MCP까지!에이전트에날개를달아보자!
코덱스는단순한코드생성도구를넘어,오픈AI기반의지능형모델을활용해개발의전과정을주도하는클라우드소프트웨어엔지니어링에이전트입니다.오픈라우터를통해최적의모델을호출하고,깃허브와버셀을제어하며개발의모든단계를조율합니다.코덱스가전체구조를설계하고AGENTS.md에따라자율적으로코드를짜며,수파베이스를연동해데이터베이스까지완성하는과정을통해개발생산성을극대화합니다.이책은코덱스의설치부터고급멀티프로필설정까지,AI에이전트를단순한챗봇이아닌실제일하는파트너로활용하는법을담았습니다.

★비개발자도따라할수있는친절한실습을통해기획을실제서비스로!
★수파베이스데이터베이스연동부터MCP+API외부데이터연동까지!
★v0와스티치로UI를설계하고,PRD와SpecKit워크플로로완성하는최적의개발과정을경험해보세요!
비개발자라고걱정할필요없습니다.v0를활용한UI설계부터수파베이스를이용한데이터베이스연동,MCP와API를통한외부데이터연동까지실무에서바로활용할수있는고급테크닉을친절한실습과함께배울수있도록준비했습니다.특히제품요구사항정의서인PRD와SpecKit워크플로를통해기획을코드로변환하고,이것이실제서비스로이어지는매끄러운경험을직접해보세요.이론부터구현까지빠르고탄탄하게,코덱스로완성하는실전바이브코딩을경험해보세요!

★이책의대상독자
● 챗GPT유료구독중이면서,AI에이전트코덱스를활용해실제서비스로구현하고싶은<예비창업가A씨>
● 기획명세서인PRD를바로코드로바꾸는SpecKit워크플로를익혀포트폴리오의완성도를압도적으로높이고싶은<취업준비생·대학생B군>
● AI에이전트와MCP를활용해개발생산성을비약적으로높이고싶은
● 프로그래밍경험이전혀없지만,자연어로8주만에나만의업무활용앱을완성하고싶은<직장인D씨>