[6주 과정] 『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지 3주차

[6주 과정] 『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지 3주차

이번 주는 클로드 코드(Claude Code)의 설치부터 실제 AI 에이전트를 활용한 프로그램 개발, 그리고 프로젝트 관리 파일인 CLAUDE.md(또는 AGENTS.md)의 활용법을 중점적으로 다뤘습니다.

▶ 3주차 학습 요약

3-1. 환경 구축 및 도구 실행

• 개발 환경 준비: Node.js, Git 등 설치및 환경을 설정하고 CLI(명령형 인터페이스) 기반의 AI 코딩 도구를 설치했습니다.

• 핵심 개념: 터미널 환경에서 AI와 직접 대화하며 코드를 생성하고 수정하는 워크플로우를 익혔습니다.

3-2. 손글씨 인식 프로그램 실습

• 데이터 활용: 머신러닝의 기초인 MNIST 데이터세트를 활용하여 숫자를 인식하는 OCR 프로그램을 구현했습니다.

• 대안 도구 활용: Claude Code의 유료 정책에 대응하여 OpenCode를 설치, 파이썬 기반의 인식 로직을 성공적으로 빌드했습니다.

• 프롬프트 확장 실습: 교재의 안내에 따라, 파이썬 코드를 만든 후 “실행 파일인 .bat 파일도 만들어 달라”고 추가 요청하여 사용자가 더 편하게 프로그램을 실행할 수 있는 환경을 구성해 보았습니다.

3-3. 프로젝트 컨텍스트 관리

• 설정 파일의 이해: 프로젝트의 규칙, 환경 정보, 가이드라인을 담은 “CLAUDE.md“의 구조를 학습했습니다.

• 에이전트 최적화: /init 명령어를 통해 프로젝트 초기화 및 규칙 설정을 진행했으며, OpenCode에서는 “AGENTS.md“를 활용해 계층적 구조로 웹 버전 프로그램까지 확장해 보았습니다.

◈ 학습 후기

이번 주는 교재에서 제시한 단계별 프롬프트를 실제 도구에 적용해 보는 과정이 매우 유익했습니다. 특히 파이썬 코드를 생성하는 데 그치지 않고, 교재에 나온 대로 .bat 파일 생성을 추가 요청하여 실행 과정을 간소화해 본 경험이 기억에 남습니다.

또한, 유료 도구가 아니더라도 OpenCode와 AGENTS.md를 활용해 충분히 같은 학습 효과를 낼 수 있다는 점을 확인했습니다. AI에게 단순히 코드를 짜달라고 하는 것을 넘어, 설정 파일을 통해 프로젝트의 규칙을 부여하고 이를 기반으로 웹 버전까지 확장해 보면서 AI 에이전트 활용의 핵심을 맛볼 수 있었던 3주차였습니다.

🚶기본 미션 (필수 사항)

PROJECT 3. 손글씨 인식 프로그램 만들고 캡처하기

인프런 강의나 교재는 Claude CLI를 실행했지만, 저는 OpenCode를 이용해서 실습을 했습니다.

🏃추가 미션 (선택사항)

PROJECT 4. 손글씨 인식 프로그램 웹 버전으로 확장하고 캡처하기

파이썬 Flask앱까지 백그라운드로 실행시켜줘서 바로 https://127.0.0.1:5000접속해서 실행해 볼수 있었습니다.