Claude Code로 개발 시간 절약하기

채널 아이콘
williamsk 구독자 3,990명

요약

이 영상은 Claude 4 기반의 개발 도우미 도구인 Claude Code를 설치하고 활용하는 전체 워크플로우를 설명합니다. Node.js와 npm을 통해 @anthropic-ai/claude-code를 전역 설치한 뒤, 새로운 Laravel 프로젝트에 claude.md 파일로 컨텍스트를 정의하는 과정을 보여줍니다. IDE 통합과 플러그인 설정, 명령 모드 전환, Git을 활용한 버전 관리, 토큰 비용을 고려한 계획(Plan) 모드 등으로 개발 효율을 높이는 팁을 제공합니다.

주요 키워드

Claude Code Node.js npm Laravel Livewire Tailwind CSS markdown IDE 통합 버전 관리 토큰

하이라이트

  • 🚀 Claude Code를 도입해 약 한 달간 사용해본 결과, 개발 워크플로우에 충분히 가치를 더하는 도구임을 확인했습니다.
  • 🔧 설치 전 Node.js 설치 여부를 node -v 명령으로 확인하고 npm install -g @anthropic-ai/claude-code로 글로벌 설치를 진행해야 합니다.
  • 📁 Laravel 프로젝트를 생성한 뒤 cd로 이동해 claude init 명령을 실행하면 자동으로 프로젝트 환경을 분석하고 claude.md 파일을 생성합니다.
  • 🛠️ IDE 통합을 위해 PHPStorm 등 사용하는 에디터에 플러그인을 설치해야 하며, 플러그인 설치 후 init을 재실행하면 기술 스택을 정확히 파악합니다.
  • 📊 Claude Code 내 터미널은 clear와 help 같은 기본 명령을 지원하며, Git을 초기화해 변경 사항을 관리하는 것을 권장합니다.
  • ⚙️ Shift+Tab으로 auto accept edits, plan 모드 등 다양한 명령 모드를 전환할 수 있으며, Plan 모드로 스트리밍 서비스 설계 시나리오도 작성 가능합니다.
  • 💰 Plan 모드는 편리하지만 토큰 소모가 크므로 학습자나 실험 단계에서는 비용 이슈를 미리 고려해야 합니다.
  • 🔗 URL·이미지 드래그로 외부 컨텍스트를 제공할 수 있고, 모델이 2025년 3월까지 학습된 최신 정보도 활용합니다.
  • 🔍 마이그레이션 생성 시 기본 칼럼만 포함되므로, 원하는 칼럼을 추가하려면 구체적인 프롬프트로 지시해야 정확한 결과를 얻을 수 있습니다
  • 💡 마지막으로 iOS 16의 Swift Apple Intelligence 코딩 지원과 비교하며, 다양한 AI 워크플로우 선택지를 고민하도록 제안합니다.

용어 설명

Node.js

서버 사이드 자바스크립트 런타임 환경

npm

Node.js 패키지 관리자 및 실행 도구

Laravel

PHP 기반 웹 애플리케이션 프레임워크

Livewire

Laravel에서 동적인 UI를 구현하는 서버 사이드 라이브러리

Tailwind CSS

유틸리티 퍼스트(Utility-First) CSS 프레임워크

markdown(.md 파일)

클라우드 컨텍스트를 기술하는 문서 형식

IDE 통합

통합 개발 환경에서 Claude Code를 플러그인으로 연결하는 기능

버전 관리(Git)

코드 변경 사항을 추적하고 되돌리기 위한 시스템

토큰(token)

AI 모델 호출 시 소모되는 처리 단위

Plan 모드

Claude Code가 제안된 계획을 생성하는 명령 모드

[00:00:07] 도입 및 Claude Code 소개

화자는 Claude 4 사용 후기를 공유하며 워크플로우에 Claude Code를 도입할 때 얻을 수 있는 시간을 절약하는 이점을 강조합니다. 약 한 달 사용 경험을 통해 얻은 인사이트를 간단히 언급합니다.

Claude 4를 한 달간 사용한 경험을 바탕으로 개발 워크플로우에서 Claude Code 활용의 놀라운 결과를 소개하며, 설정 방법을 시연하겠다고 안내합니다.
[00:00:28] 환경 설정 및 패키지 설치

Node.js 설치 여부를 node -v 명령으로 확인하고, npm install -g @anthropic-ai/claude-code로 Claude Code 패키지를 전역 설치하는 과정을 안내합니다.

Claude Code 사용을 위한 사전 요구사항으로 Node.js 설치가 필요하며, 터미널에서 node -v 명령어로 설치 여부를 확인할 수 있다고 설명합니다.
npm을 사용하여 @anthropic-ai/claude-code를 전역으로 설치하는 과정을 보여주며, 설치 후 claude 명령어로 실행할 수 있다고 안내합니다.
[00:01:03] 프로젝트 초기화 및 claude 명령 실행

Laravel new 명령으로 새로운 프로젝트를 생성한 뒤 cd로 디렉터리 이동, claude init 명령으로 프로젝트 초기화를 진행하는 단계를 설명합니다.

새로운 Laravel 프로젝트를 생성하고 해당 디렉토리로 이동한 후 Claude를 초기화하는 워크플로우를 설명합니다.
Laravel new 명령어로 새 프로젝트를 생성하며, Livewire 키트, 내장 인증, Pest 테스팅 프레임워크 등의 옵션을 선택하는 과정을 시연합니다.
[00:01:36] 계정 등록 및 인증

claude.ai에서 계정을 생성한 뒤 콘솔 계정 또는 유료 구독 계정을 선택하고, 인증 코드 입력을 통해 CLI 로그인 과정을 마무리하는 방법을 안내합니다.

Claude 실행 시 테마 설정과 계정 등록 과정을 안내하며, claude.ai에서 계정을 만들어야 한다고 설명합니다.
로그인 후 Anthropic 콘솔 계정 또는 유료 구독 계정 중 선택하고, 브라우저를 통한 인증 코드 입력 과정을 설명합니다.
개발 환경 설정으로 에디터(Cursor, VS Code, PHPStorm 등) 선택과 claude.md 파일 초기화 과정을 설명하며, 이 파일이 Claude에게 지시사항을 제공하는 역할을 한다고 안내합니다.
[00:02:27] claude.md 파일 생성과 역할

init 명령으로 claude.md Markdown 파일을 생성해 프로젝트의 기술 스택, 데이터베이스, 라이브러리 정보를 제공하고 AI가 컨텍스트를 이해하도록 돕는 역할을 설명합니다.

멀티 모니터 환경에서의 이상적인 워크플로우를 설명하며, 한쪽에는 터미널, 다른쪽에는 IDE를 배치하는 방법을 제시합니다.
[00:02:48] IDE 통합 및 플러그인 설치

PHPStorm 등 통합 개발 환경에서 Claude Code를 연동하려면 전용 플러그인을 설치해야 하며, 설치 후 init을 재실행해 IDE 통합을 완료하는 과정을 안내합니다.

/IDE 명령어를 통해 현재 에디터와의 통합을 시도하지만, 사용 중인 에디터에 플러그인이 필요해서 연결이 바로 되지 않습니다.
마켓플레이스에서 Claude 베타 플러그인을 설치하는 과정을 보여주며, 다양한 IDE에서 사용 가능한 플러그인이 있다고 설명합니다.
플러그인 설치 후 init 명령어를 재실행하면 Claude가 프로젝트 환경을 매우 정확하게 분석한다고 설명합니다.
[00:03:51] 환경 분석 및 기술 스택 감지

init 명령 재실행 시 AI가 Laravel 버전, PHP 버전, Tailwind CSS, Flux 컴포넌트, SQLite 등 프로젝트 내 주요 기술을 자동으로 감지하는 과정을 확인합니다.

Claude가 Laravel, PHP 버전, Flux 컴포넌트, Tailwind, SQLite, Pest, Vite 등 프로젝트의 모든 주요 기술을 정확히 식별했다고 보고합니다.
선택하지 않았던 Volt 기술이 composer.json에 포함되어 있는 것을 확인하며, Claude가 프로젝트의 모든 기술을 정확히 파악한다고 평가합니다.
claude.md 파일의 중요성을 설명하며, 이 파일이 Claude에게 프로젝트 맥락과 작업 요청에 대한 가이드를 제공한다고 설명합니다.
Claude 코드의 .md 파일이 어떻게 프로젝트 컨텍스트를 제공하고 참조 자료로 활용되는지 설명합니다.
터미널에서 사용할 수 있는 다양한 명령어들(clear, help 등)과 초보자를 위한 도움말 기능을 소개합니다.
Claude의 한계점을 지적하며, 다른 AI 도구들과 달리 변경사항을 되돌릴 수 없다는 문제점을 언급합니다.
[00:05:55] 버전 관리(Git) 권장

Claude Code 자체에는 변경된 코드를 되돌리는 기능이 충분히 지원되지 않으므로 git init, 커밋 전략을 통해 변경 사항을 관리할 것을 권장합니다.

Git을 사용한 버전 관리의 필요성을 강조하며, git init 명령어를 통해 프로젝트 추적을 시작하는 방법을 보여줍니다.
ChatGPT와의 비교를 통해 Claude의 장단점을 분석하고, 정확성과 품질 면에서 Claude의 우수함을 설명합니다.
코드 검토의 중요성을 강조하며, AI가 제공한 답변을 무작정 적용하지 말고 신중하게 검토해야 한다고 조언합니다.
프로젝트에 맞는 커스텀 컨텍스트 추가 방법과 SQLite 대신 MySQL 사용 예시를 통해 설정 변경 방법을 설명합니다.
Shift+Tab을 통한 모드 전환 기능을 소개하고, 자동 편집 승인과 계획 모드의 활용법을 설명합니다.
[00:07:26] 명령 모드 전환 및 계획(Plan) 모드

Shift+Tab으로 auto accept edits, plan 모드를 전환하며, Plan 모드에서 스트리밍 서비스 설계 예시를 통해 AI가 필요한 모델과 컴포넌트를 리스트업하는 과정을 살펴봅니다.

계획 모드를 활용하여 스트리밍 서비스 애플리케이션 개발을 위한 도움을 받는 실제 사용 예시를 보여줍니다.
Claude Code를 사용하여 스트리밍 서비스 애플리케이션 계획을 수립하는 과정을 시연합니다. 토큰 소모량이 많아 초보자에게는 비용 부담이 될 수 있다고 경고합니다.
Claude가 생성한 데이터베이스 아키텍처와 백엔드 컴포넌트들을 검토합니다. 영화, TV 카테고리, 구독 계층 등의 모델과 큐 기반 비디오 인코딩 등의 기능을 제안합니다.
Laravel의 Livewire 컴포넌트뿐만 아니라 Vue, React 등 다양한 프레임워크와의 호환성을 설명합니다. Xcode 등 다른 개발 환경에서도 npm을 통해 통합 가능함을 언급합니다.
Claude Code의 다양한 기능들을 소개합니다. 이미지 분석, URL을 통한 웹 검색, 2025년 3월까지의 학습 데이터 한계 등을 설명합니다.
[00:09:32] 외부 컨텍스트 제공 기능

터미널뿐 아니라 이미지 드래그, URL 입력으로도 AI에 프로젝트 관련 외부 자료를 제공할 수 있으며, 2025년 3월 학습 모델을 활용해 웹 검색을 수행하는 방법을 설명합니다.

IDE 통합 기능을 시연하며 별도 터미널 없이 PHPStorm 내에서 직접 Claude 명령을 실행할 수 있음을 보여줍니다. 애플리케이션 개발을 위한 할 일 목록이 생성됩니다.
[00:10:05] 마이그레이션 생성 실습 및 프롬프트 구체화

movies와 genres 테이블 마이그레이션을 자동 생성했지만 기본 칼럼만 포함되어 프롬프트를 구체적으로 작성해 원하는 칼럼을 추가하는 방법을 시연합니다.

Claude가 작업 완료를 위한 할 일 목록을 제시하고, 장르와 영화 테이블 migration을 생성하지만 예상한 컬럼들이 누락되어 있음을 발견합니다.
토큰을 소모하면서도 원하는 결과를 얻지 못하는 상황에서, 더 구체적인 맥락과 명령이 필요함을 설명합니다.
Claude에게 movies 테이블 migration을 실용적인 표준 컬럼들로 업데이트하도록 구체적으로 지시한 결과를 보여줍니다.
AI 도구 사용 시 어느 정도의 안내와 구체적인 프롬프트 작성이 필요하며, git을 통한 버전 관리의 중요성을 강조합니다.
영상을 마무리하며 시청자들에게 AI 워크플로우에 대한 의견을 구하고, iOS 26의 내장 Swift Apple Intelligence 코딩 어시스턴트를 언급합니다.
[00:12:19] 결론 및 피드백 요청

AI 워크플로우 활용 경험을 공유하며 Cursor나 GPT와 비교할 의견을 요청하고, iOS 16 Swift AI 코딩 지원 언급 후 시청자 피드백을 유도합니다.

타임라인 정보가 없습니다.

안녕하세요 여러분! 모두 잘 지내고 계시길 바라며, 시작하기 전에
정말 말씀드리고 싶은 것은 Claude 4를 한 달 정도 사용해봤는데
결과가 정말 놀라웠습니다. 실제로 너무 놀라워서 여러분의 워크플로우나
AI 워크플로우의 일부로 활용할 만하다고 생각해서
Claude Code를 설정하는 방법을 보여드리려고 합니다.
몇 가지 요구사항이 있는데, 우선 Node가 필요합니다.
채널에 Node 설치 및 설정 방법에 대한 영상이 있으니 확인해보세요.
Node가 설치되어 있는지 확인하는 간단한 명령어는
터미널에서 node -v를 실행하면 됩니다. 저는 22.16을 사용하고 있네요. 이제 Claude를 설치하고 인증해봅시다.
npm 명령어를 사용해서 install을 입력하고
전역으로 설치하고 싶으니까 @anthropic-ai/claude-code라고 입력합니다.
이제 실행해봅시다. 터미널을 방금 정리했는데
Claude를 시작하는 명령어가 있습니다. 바로 claude입니다. 하지만 그 전에
새 프로젝트, 새 Laravel 프로젝트를 만들고 그 디렉토리로 이동한 다음
claude를 초기화하고 싶습니다. 지금 해보겠습니다.
새 Laravel 프로젝트를 만드는 명령어는 laravel new인데, 저는 별칭을 사용해서
new Claude라고 하고 Livewire 키트를 선택하겠습니다.
Laravel의 내장 인증을 사용하고, Volt는 사용하지 않고, Pest를 사용하겠습니다.
프로젝트를 구축하고, npm install과 npm build를 실행하겠습니다.
보시다시피 몇 가지 취약점이 있는 것 같네요. 다음으로 해당 디렉토리로 이동해서
cd claude 명령어로 Claude 폴더로 이동한 다음 claude 명령어를 실행하겠습니다.
여기서 첫 번째 옵션은 테마를 변경하는 것인데, 원하는 대로 설정하면 됩니다.
아직 계정을 만들지 않았다면 계정을 등록해야 합니다.
claude.ai로 가서 정보를 입력하고 계정을 설정하면 됩니다.
이 시점에서 로그인해야 합니다. 이제 계정 유형을 선택해야 하는데
Anthropic의 콘솔 계정을 사용할지 아니면 유료 구독 계정을 사용할지 선택합니다.
브라우저가 열리면 제공된 코드를 입력해야 하는데
자동으로 되지 않으면 이 URL을 복사해서
브라우저에 붙여넣으면 됩니다. 보안 안내 사항을 잘 읽어보시고
엔터를 누르세요. 지금은 권장 설정을 그대로 사용하겠습니다.
이제 이것을 조금 옮기고 에디터를 열어보겠습니다.
Cursor든 VS Code든 원하는 에디터를 선택할 수 있습니다. 저는 이번에 PHPStorm을 사용하고
이것을 최대화하겠습니다. claude.md 파일을 초기화하려고 하는데
init을 입력하면 Claude가 작업하는 데 필요한 마크다운 파일을 생성합니다.
이 파일은 여러분이 달성하려는 목표에 따라 Claude에게 지시사항을 제공하는 역할을 합니다.
이상적인 워크플로우라면 멀티 모니터를 사용해서 한쪽 모니터에는 터미널을 열어두고
다른 창에는 에디터나 IDE를 실행하는 거예요. 이 강의에서는 여기 옆쪽에 도킹해서 보여드릴게요
단일 화면을 사용하신다면 이런 식으로 설정하실 수 있어요
이 시점에서 작업하고 싶은 내용을 바로 입력하고 싶으시겠지만
그 전에 먼저 /IDE 명령어를 입력해보겠습니다
이 명령어를 통해 현재 에디터와 IDE 통합을 관리할 수 있어요
안타깝게도 바로 연결이 되지 않았는데, 제가 사용하는 에디터에는 플러그인이 필요하거든요
IDE가 이 환경과 통합되어 개발 기능들에 접근하려면
플러그인을 설치해야 해요. 마켓플레이스로 가서 플러그인을 검색하면 됩니다
이미 설치했지만 여기서 확인해볼 수 있고, Claude는 현재 베타 모드라서
베타 버전이 있어요. PHPStorm 2025 버전을 사용하고 있어서
이걸 설치하면 되고, Visual Studio Code나 Cursor 등 사용하시는 IDE에도 플러그인이 있을 거예요
전체 과정을 보여드릴게요. 다시 입력했는데 보시다시피 작동하지 않네요
이제 init을 한 번 더 실행해보겠습니다. 플러그인을 설치한 후에
init을 다시 실행하니까 프로젝트를 분석하는 능력이 정말 뛰어나더라고요
현재 사용 중인 프레임워크를 확인하는 거죠. 마크다운 파일을 실제로 생성하기 전에
제가 가진 환경을 분석해서 주요 기술들을 살펴봤어요
Laravel을 찾았고, 사용 중인 PHP 버전도 파악했어요
Laravel 스타터 키트에는 Flux 컴포넌트와 Tailwind가 설치되어 있어서 이 기술들도 인식했고
Laravel 프로젝트의 기본 데이터베이스인 SQLite도 정확히 파악했네요
제가 선택한 프레임워크인 Pest와 애셋 컴파일을 위한 Vite도 맞게 인식했어요
이 프로젝트를 설정할 때 Volt는 선택하지 않았는데 어떻게 Volt 컴포넌트가 여기 있는지
확인해보겠습니다. 보통 프로젝트를 생성할 때 제가 틀렸을 수도 있으니 알려주세요
여기쯤에서 Livewire 프로젝트용 Volt 서비스 프로바이더가 있어야 하는데
전역적으로 확인해보면 composer.json 파일에 Volt가 있는 걸 볼 수 있어요
프레임워크 16번 라인을 보면 Volt가 여기 있죠
보시다시피 틀린 게 아니라 프로젝트에 포함된 모든 기술을 정말 잘 파악하고 있어요
마지막 부분에서 claude.md 파일을 생성하는데, 이게 왜 중요한지 설명해드릴게요
예라고 답하고 프로젝트를 확인해서 .md 파일이나 마크다운 파일로 가보겠습니다
여기 코드 뷰를 클릭해보겠습니다
이 파일은 Claude에게 프로젝트의 맥락이 무엇인지
그리고 어떤 작업을 요청할 것인지에 대한 가이드를 제공합니다
Claude에게 어떤 종류의 참고 자료를 제공해서
이 파일을 기반으로 당신이 무엇을 달성하려고 하는지 파악하도록 돕는 거예요
Claude에게 어떤 종류의 참고 자료를 제공해서
참조 자료로 활용되며, 이 파일을 바탕으로 당신이 무엇을 달성하려고 하는지 파악하려고 합니다.
터미널 측면에서는 일반적인 터미널에서 사용할 수 있는 다양한 명령어들을 여전히 사용할 수 있습니다.
일반 터미널처럼 사용할 수 있지만 고유한 특색이 있어서
clear 같은 명령어나 사용 가능한 명령어 목록을 보여주는 help 명령어 같은 것들을 여전히 사용할 수 있습니다.
이것은 처음 사용하는 분들이 어떤 명령어를 사용할 수 있는지 알아보려고 할 때 매우 유용합니다.
제가 Claude에서 발견한 것 중 하나는 나쁘다는 게 아니라 단지
다른 AI 프로그래밍 도우미들에서 익숙했던 것과는 달라서 말인데, Claude가 프로젝트를 수정했을 때
예를 들어 이 프로젝트에서 뭔가를 수정하고 작업을 요청해서
적용하기로 선택했다면, 실제로는 되돌릴 수 없는 것 같습니다.
그래서 Git 같은 버전 관리 시스템을 사용해야 할 것 같습니다.
그래서 저는 프로젝트 내에서 터미널을 열고
git init을 실행하겠습니다. 이것을 지우고 제가 이렇게 한 이유는
git을 사용해서 커밋과 변경사항을 추적하면, 점진적으로 변경을 하고
그 변경사항을 커밋했는데, 뭔가 끔찍한 일이 일어나거나 예상과 다른 일이 일어났다면
git 브랜치를 롤백하고 다시 시도할 수 있기 때문입니다.
Claude 코드는 현재로서는 이런 기능을 잘 지원하지 않는 것 같습니다.
다른 구현 방법이나 다른 방식이 있다면 알려주세요. ChatGPT에서는
실제 IDE와 연결했을 때 적용하거나 되돌릴 수 있는 기능이 있는데
이는 좋은 기능이지만, Claude와 Claude 코드에서 제가 좋아하는 점은
정확성과 실제로 원하는 것에 얼마나 가까운지입니다.
실제로 코드를 확인하고 싶어하죠. 풀 리퀘스트를 하는 것과 거의 같습니다.
처음부터 답변을 그대로 받아들여서 코드에 바로 적용하지는 않을 것입니다.
그렇게 하고 싶은 유혹이 있을 수 있지만, 무엇을 달성하려고 하는지 알고 있어야 하고
제공된 코드를 적용할 때 그것이 합리적인지 확인해야 합니다.
이것이 프로젝트에서 Git을 사용하려는 이유 중 하나이고
Git Kraken이나 GitHub Desktop 같은 도구를 사용할 수 있습니다.
파일 변경사항이 무엇인지 확인하고 필요하다면 롤백해서 다음 작업으로 넘어갈 수 있습니다.
이 시점에서 작업 중인 프로젝트에 대해 더 많이 알고 있다면
자신만의 컨텍스트나 규칙을 추가할 수 있고, 여기에 나열된 것들 외에도
그런 것들을 따르는 데 도움이 될 것입니다. 여기가 컨텍스트를 가져오는 곳이므로
여기서 변경을 하고 싶을 수도 있습니다. 'SQLite를 사용하지 않고 MySQL을 사용하고 싶다'고 말이죠.
다시 터미널로 돌아가서 shift tab을 누르면 여러 모드를 순환할 수 있습니다.
여기에는 자동 편집 승인이 켜져 있고, 저기에는 계획 모드가 켜져 있습니다.
계획 모드로 들어가면 꽤 재미있는 기능입니다. 계획 모드가 켜진 상태에서
'스트리밍 서비스 생성을 도와줘'라고 말할 수 있습니다. 꽤 일반적으로 말하고 있는데, 이것을 통해 도움을 받을 수 있습니다.
스트리밍 서비스 애플리케이션을 만드는 데 필요한 것들을 계획해보겠습니다.
이 기능은 꽤 많은 토큰을 소모하고, 어떤 플랜을 사용하는지에 따라
한도에 꽤 빨리 도달할 수 있고, 리셋 주기도 플랜에 따라 다릅니다.
초보자이거나 프로그래밍을 막 배우는 분들에게는 꽤 비쌀 수 있어요.
일반적으로 이 도구를 활발히 사용하는 개발자들은 충분한 혜택을 보겠지만,
실험하거나 학습 목적으로 사용하려는 분들은
초기에는 비용 대비 효과가 그리 좋지 않을 수 있습니다.
길게 얘기해서 죄송합니다. 튜토리얼에서 주관적인 의견을 너무 많이 넣지 않으려 하는데,
이 점은 고려해보시면 좋을 것 같습니다.
그럼 Claude가 어떤 작업을 했는지 살펴보겠습니다. 여기에 데이터베이스 아키텍처를 제시해주고,
특정 모델들을 생성해야 한다고 알려줍니다.
영화, TV 카테고리 같은 것들, 구독 계층 등이죠. 그리고 흥미롭게도
생성해야 할 백엔드 컴포넌트들도 알려줍니다.
다양한 품질 레벨을 위한 큐 기반 비디오 인코딩 같은 것들 말이죠.
프론트엔드 기능들과 스타일링 방법도 제안해줍니다.
정말 흥미로운 내용이고, 전체적인 구조를 어떻게 설계할지에 대한 아이디어를 제공합니다.
프로젝트에 적합한 핵심 Livewire 컴포넌트들도 알려줍니다.
Vue나 React, 또는 Laravel에서 제공하는 다른 템플릿을 사용하는 경우에도
원하는 대로 생성한 커스텀 프로젝트에서도 활용할 수 있습니다.
저는 Xcode로 애플리케이션을 만들 때도 이 도구를 사용해봤는데요,
거의 모든 프로젝트에 통합할 수 있습니다. npm을 사용해서
작업 중인 프로젝트 코드베이스에 설치하면 최대한 도움을 주려고 합니다.
진행을 선택하면 이 애플리케이션을 구체화하는 데 도움을 주고,
아니면 계속 계획을 세우고 싶다고 할 수도 있습니다. 지금은 계속 계획을 세우겠다고 하고,
Shift+Tab을 다시 누르면 다른 질문을 할 수 있습니다. Claude 코드는
명령을 받아서 작업을 수행할 뿐만 아니라, 이미지를 드래그해서 분석하거나 파일을 분석할 수도 있고,
URL을 사용해서 만들고자 하는 것에 대한 맥락을 제공할 수도 있습니다.
흥미로운 점은 훈련 모델, 즉 학습 모델이
2025년 3월까지만 학습되어 있어서 여전히 꽤 최신 정보를 가지고 있지만, 3월 이후의 정보는
알지 못합니다. 하지만 여기서 URL을 제공하면
웹을 검색해서 그 정보를 찾아주는데, 이 기능이 정말 유용합니다.
별도의 터미널에서 실행하는 것 외에도
IDE에서 Claude라고 입력해서 실행할 수도 있어서, 두 개를 다 열어둘 필요가 없습니다.
PHPStorm 안에서 같은 명령들을 실행할 수 있습니다.
내부 IDE 터미널을 닫고 이 애플리케이션을 시작해보겠습니다.
흥미로운 할 일 목록을 제공해주네요. 수행해야 할 작업들이 여기 있다고 합니다.
이 작업을 완료하기 위해 해야 할 일들의 목록이 나옵니다. 미리 말씀드리면, 우리는 그냥 yes라고 답할 거예요.
작업이 끝나고 나서 migrations 디렉토리를 열어보니 장르(genres) 테이블이 생성되어 있었습니다.
ID 컬럼과 timestamp 컬럼이 만들어졌네요. 이제 movies 테이블을 생성하겠다고 하면
yes라고 답하겠습니다. create movies table migration을 확인해보면
스키마 안에 이런 내용이 있는 걸 볼 수 있습니다. 그런데 프로젝트 안의 migrations를 확인해보면
파일들은 있지만 컬럼들이 빠져있어요. 예상했던 컬럼들이 없습니다.
movies migration과 genres migration을 만들겠다고 했을 때 기대했던 컬럼들이 없고
토큰을 소모하면서도 실제로 원하는 결과를 주지 않는 상황입니다.
이럴 때 더 많은 맥락을 제공하거나 매우 구체적인 명령을 내려야 합니다.
원하는 결과를 얻으려면 정말 명확하게 지시해야 해요.
그래서 이 옵션을 선택하겠습니다. 여기서 no라고 하고 Claude에게
다르게 해야 할 일을 알려주겠습니다. 예를 들어, movies 테이블 migration을 업데이트해서
실용적인 표준 컬럼들을 추가해달라고 하겠습니다. 어떻게 되는지 보죠.
이제 완료됐습니다. 제가 지시한 대로 하고 실용적인 컬럼들을 만들어줬네요.
title, description, synopsis, poster path가 있고, 저라면 이름을 조금 다르게 짓겠지만
일단 Claude가 하는 대로 두겠습니다. backdrop path, trailer URL, video path 등등이 있네요.
결국 어느 정도 손을 잡아주거나 정말 구체적인 방식으로 프롬프트를 작성해야 합니다.
구체적인 제어를 해주지 않으면 일반적인 결과를 만들어내려고 하거든요.
이런 상황에서 git이 유용합니다. 지금 genres와 movies
두 개의 migration을 만들어줬네요. 보통이라면 다른 브랜치를 만들거나
다른 방식으로 하겠지만, 데모를 위해서는
아직 초기 커밋 상태에 있고 이것들이 새로 추가된 내용입니다.
Claude로 돌아가서 이걸 보고 '좋아, 이 수정사항들을
적용하자'라고 하겠습니다. 수정사항을 확인하고 movies migration으로 가서
수정사항을 확인해보면, 이제 migration에서 일반적으로 기대하는
컬럼들이 생겼습니다. 그런데 이 데이터 타입들이
가장 적절하거나 효율적이지 않을 수도 있으니 조정해야 할 거예요.
최선을 다해 도움을 주려고 하지만, 프롬프트가 충분히 구체적이지 않거나
원하는 맥락을 제공하지 않으면, 아마 예상하지 못한 결과를 줄 거예요.
여기서 더 자세히 들어가지는 않겠습니다. 간단히 알려드리고 싶었고
사실 이 영상이 제가 원했던 것보다 길어졌어요.
댓글로 알려주세요. 이런 AI 워크플로우가 Cursor나
GPT 사용과 비교해서 관심이 있으신지요. 저는 iOS 26을 사용하고 있는데
흥미롭게도 Swift Apple Intelligence 코딩 어시스턴트가 내장되어 있어서 정말 멋져요.
도움이 되었길 바랍니다. 저는 이런 영상을 많이 만들지 않아요.
다른 개발자들에게 특정 워크플로우를 강요하고 싶지 않거든요.
하지만 이런 도구가 있다는 걸 알려드리고 싶었고, 꽤 좋아요.
시간이 지나면서 변화할 것이고 훨씬 더 나아질 거라고 생각합니다.
여기서 마무리하겠습니다. 조심하시고 다음 영상에서 만나요.
시청해주셔서 감사합니다. 도움이 되었길 바라며 생각과 댓글을 남겨주세요.
아래 설명란에서 추가 자료를 확인하시고, 더 많은 콘텐츠를 원하신다면 다음 영상을 강력 추천합니다.