바이브 코딩 두 번째 시간입니다. 이번에는 AI 에이전트가 잘 모르는 영역(마이너 게임)을 직접 부딪히면서 한계를 체감해보고, 사과게임 만들기와 구글 뉴스 크롤링 실습을 통해 Codex와 Claude Code 두 도구를 같이 다뤄봅니다. 이미지 생성 스킬, Plan 모드, Playwright 자동 브라우징, F12 개발자 도구의 Copy Selector까지 실전에서 바로 쓰는 흐름으로 풀었습니다.
[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.kr/detail/S000219518985
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh
타임라인
0:00 두 번째 시간 시작과 사과게임을 고른 이유
0:38 에이전트는 학습하지 않은 정보는 만들지 못한다
1:07 VS Code + Codex 작업 폴더와 패널 셋업
3:12 사과게임 만들기 시작, 이미지 생성 스킬로 사과 이미지 만들기
4:54 Shift+Tab으로 Plan 모드 진입하기
5:24 Claude Code와 Codex 두 도구 동시 진행
8:10 컨텍스트 관리와 개발 자동 진행 흐름
9:51 Playwright로 자동 브라우징과 스크린샷 검증
10:46 완성된 사과게임 동작 확인
11:15 VS Code 내부 브라우저 vs 크롬, 설정으로 바꾸는 법
13:59 크롤링 실습 시작과 통합 브라우저 사용 안내
16:20 구글 뉴스 헤드라인을 Copy Selector로 지정해 크롤링
18:40 랜덤 클래스 값 회피와 크롤링 기본 원칙
21:46 마무리: 도구보다 활용 방식이 더 중요하다
#바이브코딩 #VibeCoding #클로드코드 #ClaudeCode #코덱스 #Codex #커서 #Cursor #AI에이전트 #AIAgent #사각게임 #이미지생성 #PlanMode #Playwright #VSCode #웹크롤링 #크롤링실습 #CopySelector #개발자도구 #구글뉴스크롤링 #프론트엔드 #자동화 #코딩강의 #개발공부
