본문 바로가기

Claude Code agent5

Claude Code 바이브 코딩, 실제로 어떤 일이 벌어지는가 Claude Code 바이브 코딩, 실제로 어떤 일이 벌어지는가바이브 코딩(vibe coding)은 결과물의 세부 코드를 직접 작성하지 않고, AI에게 원하는 결과를 말로 설명하여 코드를 생성하는 방식입니다. 개념 자체는 단순하지만, "실제로 AI가 어떤 순서로 무엇을 하는지"를 본 적 있는 분은 많지 않습니다. 이 글에서는 Claude Code에 요청 한 줄을 입력했을 때, 화면에 나타나는 작업 로그를 한 줄씩 따라가며 해설하겠습니다. 실제 시나리오는 "채널 그룹 UI를 좌측 사이드바와 우측 채널 목록 레이아웃으로 바꿔달라"는 요청이었고, Claude Code가 HTML 템플릿 3개, 백엔드 라우터 1개, CSS 스타일과 모바일 반응형까지 자동으로 완성한 과정입니다.바이브 코딩을 할때 자주보는 장면 .. 2026. 4. 13.
Claude Code로 5분 만에 로그인 페이지 만들기 VS Code에서 Claude Code 대화창을 준비하는 방법코딩을 한 줄도 모르는 상태에서 웹페이지를 만든다는 게 가능할까요. Claude Code를 쓰면 실제로 가능합니다. 이른바 바이브 코딩(vibe coding)이라고 부르는 방식인데, 원하는 결과물을 말로 설명하면 AI가 코드를 대신 작성해 주는 것입니다. 이 글에서는 로그인 페이지 하나를 처음부터 끝까지 만들어 보면서, 바이브 코딩이 실제로 어떻게 동작하는지 체험해 보겠습니다.먼저 VS Code를 열고, 왼쪽 사이드바에서 Claude Code 아이콘을 클릭합니다. 대화창이 나타나면 준비가 된 것입니다. 아직 확장 프로그램(extension)을 설치하지 않았다면, 확장 탭에서 "Claude Code"를 검색해 설치하면 됩니다. API 키 설정도 .. 2026. 4. 12.
Claude Code로 Git 커밋 메시지 자동 작성하는 법 Git 커밋 메시지를 자동으로 써야 하는 이유코드를 수정한 뒤 Git에 저장하려면 커밋 메시지(commit message)를 작성해야 합니다. 이 메시지는 "무엇을 왜 바꿨는지" 기록하는 짧은 메모입니다. 문제는, 이 메모를 매번 쓰는 게 생각보다 귀찮다는 점입니다.특히 초보자일수록 커밋 메시지를 어떻게 써야 할지 고민하는 시간이 깁니다. "fix bug"라고만 쓰자니 나중에 뭘 고쳤는지 알 수 없구요, 너무 길게 쓰자니 매번 부담이 됩니다. 결국 "update", "수정" 같은 의미 없는 메시지가 쌓이게 되네요.Claude Code를 사용하면 이 과정을 자동화할 수 있습니다. 코드 변경 사항을 분석해서 적절한 커밋 메시지를 자동으로 생성해 줍니다. 직접 고민하지 않아도 일관된 품질의 메시지가 만들어지니.. 2026. 4. 12.
Claude Code로 Git 커밋 메시지 자동 작성하는 법 Git 커밋 메시지를 자동으로 써야 하는 이유코드를 수정한 뒤 Git에 저장하려면 커밋 메시지(commit message)를 작성해야 합니다. 이 메시지는 "무엇을 왜 바꿨는지" 기록하는 짧은 메모입니다. 문제는, 이 메모를 매번 쓰는 게 생각보다 귀찮다는 점입니다.특히 초보자일수록 커밋 메시지를 어떻게 써야 할지 고민하는 시간이 깁니다. "fix bug"라고만 쓰자니 나중에 뭘 고쳤는지 알 수 없구요, 너무 길게 쓰자니 매번 부담이 됩니다. 결국 "update", "수정" 같은 의미 없는 메시지가 쌓이게 되네요.Claude Code를 사용하면 이 과정을 자동화할 수 있습니다. 코드 변경 사항을 분석해서 적절한 커밋 메시지를 자동으로 생성해 줍니다. 직접 고민하지 않아도 일관된 품질의 메시지가 만들어지니.. 2026. 4. 10.
클로드 코드로 에이전트 실행할 때 토큰 아끼는 방법 Claude Code에서 토큰이 빨리 늘어나는 가장 흔한 이유는 긴 컨텍스트다클로드 코드에서 토큰을 아끼는 첫 번째 방법은 “더 짧게 말하기”가 아니라 “불필요한 문맥을 오래 끌고 가지 않기”다. 공식 문서도 비용은 코드베이스 크기, 질의 복잡도, 대화 길이에 따라 달라지며, 특히 컨텍스트가 커질수록 메시지당 토큰 비용이 커진다고 설명한다. 그래서 전혀 다른 작업으로 넘어갈 때는 같은 세션을 질질 끌기보다 /clear로 문맥을 비우고, 나중에 다시 돌아올 일은 /rename과 /resume으로 관리하는 편이 낫다. 자동 요약과 프롬프트 캐싱이 어느 정도 비용을 줄여주긴 하지만, 결국 가장 큰 절약은 “지금 작업과 상관없는 과거 대화를 계속 먹이지 않는 것”에서 나온다. 스크립트성 실행이라면 --bare를.. 2026. 4. 9.