[00:00]
새로운 Claude 4 모델로 구동되는 Claude Code는
[00:02]
제가 지금까지 본 AI 코드 중 최고의 성능을 보여주지만,
[00:04]
터미널에서 실행되기 때문에
[00:06]
처음에는 다소 부담스러울 수 있습니다.
[00:07]
또한 몇 가지 특이한 점들도 있어요.
[00:09]
그래서 이 영상에서는
[00:11]
Claude Code를 최대한 활용하기 위해
[00:13]
꼭 알아야 할 필수 팁 10가지를
[00:15]
보여드리겠습니다. 시작해보죠.
[00:18]
Claude Code에 로그인한 상태인데,
[00:20]
소프트웨어 개발을 해보신 분이라면
[00:21]
아시겠지만
[00:23]
조금의 계획이 큰 도움이 됩니다.
[00:25]
그리고 Claude에는 이를 위한 비밀스러운 방법이 있어요.
[00:27]
Shift+Tab을 누르면 하단에
[00:30]
자동 편집으로 전환되는 것을 볼 수 있습니다.
[00:31]
편집이 켜진 상태죠. 한 번 더 해보세요.
[00:34]
이제 계획 모드가 켜집니다.
[00:35]
이 모드의 특징은
[00:38]
코드를 전혀 업데이트하지 않는다는 것입니다.
[00:39]
오직 계획만 세우죠.
[00:41]
여기서 입력해보겠습니다:
[00:43]
AI로 상인의 제품 설명을 향상시키는
[00:44]
Shopify 애플리케이션을 구축하는 계획을 세워줘.
[00:46]
계획 모드에서는
[00:48]
보통 웹 검색을 시작하는데,
[00:50]
이건 정말 좋은 기능입니다. 왜냐하면
[00:52]
구축하려는 것에 대한
[00:53]
최신 정보를 얻을 수 있거든요.
[00:55]
계획 모드에서는 일반 모드보다
[00:57]
훨씬 더 많은 작업을 한다는 걸 알았어요.
[00:59]
그래서 사용할 만한 좋은 이유가 되죠.
[01:02]
그리고 마지막에는 계획 모드에 있을 때
[01:03]
보고서를 제공합니다.
[01:04]
프로젝트 구조와 기술 스택,
[01:06]
사용할 것을 추천해주고,
[01:08]
이 애플리케이션의 핵심 기능,
[01:10]
구현 단계 등
[01:12]
모든 좋은 정보들을 알려줍니다.
[01:13]
그리고 마지막에는 진행하고 싶은지 물어봅니다.
[01:15]
실제로 구축을 시작하거나
[01:17]
아니라고 하면서 계속 계획을 세울 수 있고,
[01:19]
바로 거기서 계획 모드를 유지하면서
[01:21]
계속할 수 있습니다.
[01:23]
이것은 애플리케이션에 새로운 기능을
[01:25]
추가할 때도 정말 좋습니다.
[01:26]
그리고 나갈 준비가 되면 Shift+Tab을 다시 누르면
[01:29]
일반 모드로 돌아갑니다.
[01:32]
실제로 Claude Code에
[01:33]
이미지를 직접 추가할 수 있습니다.
[01:36]
정말 강력한 기능이지만
[01:37]
약간의 요령이 있어요.
[01:39]
여기 제가 만든 애플리케이션이 있는데
[01:40]
Claude Code가 이를 분석하고
[01:42]
기능을 추가하도록 하고 싶다고 해보죠.
[01:44]
스크린샷을 찍으면
[01:46]
클립보드에 복사되고
[01:48]
Claude Code에서는
[01:50]
Mac에서는 일반적인 Command+V를 쓸 것 같지만
[01:52]
그걸 클릭해도 아무 일도 일어나지 않습니다.
[01:55]
요령은 실제로는 Ctrl+V를 해야 한다는 것입니다.
[01:58]
직관적이지 않죠.
[02:01]
그렇게 하면 이미지 1이 나타납니다.
[02:03]
미리보기는 제공하지 않지만
[02:04]
이미지 1과 같은 표시가 보이면
[02:05]
그게 방금 클립보드에서 복사한 이미지입니다.
[02:07]
윈도우에서는 아직 시도해보지 않았는데
[02:09]
비슷한 요령일 수 있어요.
[02:10]
윈도우 키나 다른 키를 써야 할지도 모르지만
[02:12]
이 점을 주의하세요.
[02:14]
하지만 일단 이미지를 넣으면
[02:15]
정말 강력합니다.
[02:17]
이 애플리케이션의 UI를 분석하고
[02:19]
어떤 개선사항을 추천하는지
[02:20]
물어보겠습니다.
[02:22]
UI의 버그를 찾거나 기능 추가,
[02:25]
버튼 추가 등에 매우 유용하다고 생각합니다.
[02:26]
어디선가 추가하는 거죠. 실제로 이미지를 읽는 성능이 매우 뛰어납니다.
[02:29]
그리고 여기 보세요. 몇 가지 기능
[02:30]
개선사항을 제안해주네요.
[02:31]
이것들은 실제로 애플리케이션에
[02:33]
추가를 고려해볼 만한 것들입니다.
[02:34]
그래서 길찾기 통합과 같은 것들을 선택하는 게 좋았네요.
[02:36]
그리고 운영시간, 그런 것들 말이죠.
[02:38]
Claude Code가 이미지를 읽는 방법을 꼭 확인해보세요.
[02:42]
정말 훌륭한 성능을 보여줍니다.
[02:47]
제가 생각하기에 잘못 이해되고 간과되는
[02:48]
매우 강력한 명령어 중 하나가 바로
[02:50]
init 명령어입니다. 프로젝트에서
[02:53]
init을 실행하면, 이 명령어가 하는 일은
[02:55]
해당 프로젝트의 모든 파일을 살펴보고
[02:57]
claw.md 파일이나 마크다운 파일을 작성하는 것입니다.
[02:59]
그리고 전체 프로젝트에 대한 포괄적인 개요를 제공합니다.
[03:02]
코딩 표준, 사용된 기술 등을 알려줍니다.
[03:04]
그리고 여기서 이 디렉토리에 claw.md 파일이 생성된 것을 볼 수 있습니다.
[03:09]
그리고 말씀드린 것처럼 핵심 구성요소와
[03:11]
데이터 흐름, 그런 좋은 정보들을 제공합니다.
[03:13]
저는 소프트웨어 개발을 오랫동안 해왔는데
[03:14]
이것은 최고의 경량 문서화 중 하나입니다.
[03:16]
특히 작은 코드베이스에 대해서는
[03:17]
얻을 수 있는 최고의 문서화 방법이죠.
[03:19]
하지만 정말 흥미로운 점은
[03:22]
이 claw.md 파일을 가져와서
[03:24]
Claude Code로 새로운 채팅을 시작하거나 새 세션을 시작할 때마다
[03:27]
이것을 컨텍스트에 포함시킨다는 것입니다.
[03:30]
그래서 만약 이 프로젝트를 6개월 정도
[03:32]
옆에 두었다가 나중에 Claude Code로 돌아와도
[03:34]
실제로 이 모든 정보를 가져와서
[03:36]
모든 것을 컨텍스트로 기억하게 됩니다.
[03:38]
이는 좋은 시작점이 되지만 또한
[03:40]
여러분이 직접 추가할 수도 있습니다.
[03:42]
Claude Code가 이 프로젝트를 위해 시작할 때
[03:44]
알아야 할 것들이 있다면
[03:46]
이곳이 바로 그것을 추가하는 장소입니다.
[03:48]
이것은 기본적으로 cursor rules와 같은 것입니다.
[03:50]
cursor rules와 기본적으로 같다고 보면 됩니다.
[03:55]
만약 코드 에디터에서 코딩하는 것에 익숙하다면
[03:56]
정말 도움이 될 한 가지는 코드 에디터를
[03:58]
Claude Code와 통합하는 것입니다. 그러면 항상
[04:00]
터미널에만 있을 필요가 없어집니다.
[04:02]
Claude Code를 설치하고 나면 매우 쉽게 할 수 있고
[04:04]
IDE가 있다는 것을 감지하면
[04:05]
실제로 자동으로 설치됩니다.
[04:07]
실행할 수 있는 ID 명령어도 있고
[04:08]
그것은 어떤 ID를 가지고 있는지 알려주고
[04:11]
거기서부터 연결할 수 있게 해줍니다.
[04:13]
연결이 되면 현재 어떤 파일에 있는지
[04:14]
알려주고 양방향 통신을 제공합니다.
[04:16]
그래서 코드를 하이라이트하면
[04:18]
12줄이 선택되었다고 표시됩니다.
[04:19]
그래서 해당 코드만 타겟팅해서
[04:22]
변경사항을 적용하는 것입니다.
[04:23]
또한 여러분이 만드는 코드 변경사항 간의 차이점을
[04:25]
시각적으로 볼 수 있게 해줍니다.
[04:31]
Claude Code를 IDE와 연결한 후에는
[04:33]
이 경우에는 Cursor를 사용하고 있는데
[04:34]
다음 팁은 실제로 Claude Code와
[04:37]
Cursor나 VS Code, 또는 여러분이 IDE로
[04:40]
사용하는 것을 별도의 창에 유지하는 것입니다.
[04:42]
이렇게 하면 코딩할 때 정말 좋은 경험을
[04:43]
할 수 있습니다. 이렇게 하려면
[04:45]
Claude Code가 실행된 상태에서
[04:46]
해당 터미널을 우클릭하고
[04:48]
'새 창으로 이동'을 선택하면 됩니다.
[04:49]
그리고 이제 그것을 두 번째 모니터로 옮기고
[04:51]
정말 멋진 코딩을 할 수 있습니다.
[04:56]
클라우드 코드의 내장 명령어를 사용하는 것 외에도,
[04:58]
실제로 자신만의 명령어를 만들 수 있고
[05:00]
원하는 무엇이든 할 수 있어서 매우 유용합니다.
[05:01]
그렇게 하려면 새 디렉토리를 만들어보죠.
[05:03]
doclaude 아래에 make directory를 하고
[05:04]
commands라고 부르세요. 그런 다음
[05:07]
마크다운 파일을 생성하기만 하면
[05:09]
명령어를 만들 수 있습니다.
[05:11]
이 파일은 doc.md라고 부르겠습니다.
[05:12]
그리고 그 안에 인수를 넣을 수 있습니다.
[05:14]
저는 '인수에 대한 명확하고
[05:16]
철저한 문서 작성'이라고 하겠습니다.
[05:18]
그게 우리가 전달할 파일들이고
[05:20]
설명, 사용 예시,
[05:21]
개발자를 위한 중요한 노트를 포함하세요.
[05:23]
그것이 생성되면, 단순히 /project:
[05:26]
명령어 이름을 입력하면 됩니다.
[05:27]
이 경우에는 doc이고 인수를 전달합니다.
[05:30]
storelocator.html을 전달하겠습니다.
[05:31]
이제 입력 매개변수를 읽고 있습니다.
[05:33]
그래서 유용하다고 생각하는
[05:34]
명령어를 위해 많은 인수를 만들 수 있습니다.
[05:36]
이제 그것을 읽어서
[05:38]
기본적으로 프롬프트에서
[05:39]
요청한 것을 제공합니다.
[05:41]
이 경우에는 이 특정 파일을
[05:42]
설명하는 정말 멋진 문서입니다.
[05:44]
이러한 사용자 정의 명령어로
[05:47]
할 수 있는 것은 무한합니다.
[05:49]
그리고 많은 시간을 절약해줄 겁니다.
[05:51]
클라우드 코드에는 실제로
[05:53]
얼마나 많이 생각할지 알려주는
[05:54]
키워드들이 있는데
[05:56]
모두 'think'라는 단어가 들어갑니다.
[05:57]
클라우드 코드에는 생각하는 정도를 알려주는 키워드들이 있고
[06:00]
모두 'think'라는 단어가 포함되어 있습니다.
[06:02]
'think'라고 하면 실제로
[06:04]
더 많이 추론하고, 더 많은 시간을 들이고,
[06:06]
더 많은 토큰을 사용합니다.
[06:08]
'ultra think'까지 올라가면
[06:11]
그 단어를 보면 정말로
[06:14]
열심히 노력해서
[06:15]
최고의 답변을 주려고 합니다.
[06:17]
한번 시도해보죠.
[06:19]
'Ultra think. 상인들이 배포할 수 있는
[06:21]
이 Shopify 애플리케이션을 패키징하는 최선의 방법.'
[06:23]
그리고 답변이 돌아왔습니다.
[06:24]
하지만 이 경우 회색 텍스트는
[06:26]
과정에서 사용한 모든 사고 토큰입니다.
[06:28]
특정 상황에서 알아두면 확실히 유용합니다.
[06:30]
저처럼 AI 소프트웨어 개발에 관심이 있으시면
[06:32]
제 뉴스레터 'AI Unleash News'를
[06:33]
구독해주세요.
[06:35]
설명란의 첫 번째 링크이고
[06:37]
거기서 뵙기를 희망합니다.
[06:39]
클라우드가 잘못된 방향으로 가고 있을 때,
[06:43]
프롬프트를 제대로 따르지 않거나
[06:45]
바로 잘못된 일을 하고 있다는 것을
[06:47]
알 수 있을 때,
[06:49]
언제든지 Escape 키를 누르면
[06:50]
중단할 수 있다는 것을 대부분 알고 있습니다.
[06:52]
하지만 매우 유용한 것은
[06:54]
Escape 키를 두 번 누르면
[06:57]
이전의 모든 메시지를 보여준다는 것입니다.
[06:58]
그리고 중단했던 메시지로
[07:01]
돌아갈 수 있고
[07:02]
기록을 지우고 그 프롬프트로 돌아갑니다.
[07:05]
이는 기본적으로 대화를 분기하고
[07:08]
실제로 원하는 방향으로
[07:09]
다시 궤도에 올리는 깔끔한 방법입니다.
[07:11]
하지만 한 가지 염두에 둘 점은
[07:13]
자동 편집을 하고
[07:14]
이미 수락되었고
[07:16]
그리고 그것들이 이미 수락되었다면
[07:18]
주의해야 할 점이 있다는 것입니다.
[07:20]
그리고 ESC 키를 누르고
[07:22]
다시 돌아가면 이전 작업들을
[07:24]
취소하고 중단점으로 돌아가지는 않지만
[07:26]
대화를 이 지점으로
[07:28]
되돌려 줄 것입니다.
[07:31]
Claude Code는 웹사이트를 살펴보고
[07:33]
웹 검색을 할 수 있습니다. 다만
[07:35]
자주 사용하지는 않는 것 같습니다. 예외적으로
[07:37]
플래닝 모드에서는 사용하지만
[07:38]
일반적인 코딩 작업에서도
[07:40]
URL을 입력하기만 하면
[07:42]
자동으로 확인해 줍니다. 지금
[07:43]
이 애플리케이션을 이 스타일 가이드에
[07:45]
맞게 만들어달라고 요청하겠습니다.
[07:47]
Shopify 애플리케이션 디자인
[07:48]
가이드라인을 붙여넣었습니다. 이제
[07:50]
실제로 해당 웹사이트의 모든 콘텐츠를
[07:52]
가져올 것입니다. 이는 문서나
[07:54]
최신 문서를
[07:55]
Claude Code로 가져오는
[07:57]
훌륭한 방법입니다. 지금 보시면
[07:59]
해당 웹사이트를 확인하고 돌아와서
[08:01]
스타일 가이드라인에 맞추기 위한
[08:03]
구체적인 작업들을 제시했습니다. 예를 들어
[08:05]
Shopify 관리자 인터페이스에 맞게
[08:07]
타이포그래피를 업데이트하는 것입니다.
[08:09]
정말 우리가 필요한
[08:10]
모든 정보를 잘 가져왔습니다. 이제
[08:12]
코드를 업데이트할 것입니다.
[08:15]
좋습니다. 마지막 팁이군요.
[08:17]
이 기능이 정말 유용해서
[08:19]
항상 사용하고 있습니다. 실제로
[08:20]
Claude Code를 헤드리스 모드로 실행할 수 있는데
[08:23]
이는 UI나 다른 것들을
[08:24]
로드하지 않는다는 뜻입니다.
[08:26]
어떤 터미널에서든 claude라고
[08:28]
입력하면 됩니다. claude-p는
[08:30]
헤드리스 모드 스위치입니다.
[08:32]
질문해보겠습니다. 슬로바키아의
[08:33]
수도가 무엇인지 물어보면
[08:35]
명령줄에서 답변을 받을 수 있습니다.
[08:38]
이것이 의미하는 바는 다양한 곳에서
[08:39]
사용할 수 있다는 것입니다. 파이프로
[08:41]
다른 파일로 보내거나, 이미지를 확인하거나
[08:43]
다양한 유용한 기능들을
[08:45]
claude-p 명령어만으로 사용할 수 있습니다.
[08:47]
더 유용한 예제를 확인해보겠습니다.
[08:49]
npm audit을 실행하면
[08:51]
모든 패키지의
[08:52]
취약점을 알려주는데
[08:54]
그 결과를 Claude에게 전달하면
[08:56]
헤드리스 모드용 claude 명령어로
[08:59]
보안 취약점을 우선순위화하고
[09:01]
중요한 수정사항이 무엇인지 설명해달라고
[09:03]
요청한 후
[09:04]
모든 결과를 vulnerabilities.md라는
[09:07]
마크다운 파일로 보낼 수 있습니다.
[09:09]
모든 정보가 담긴
[09:10]
마크다운 파일이 생성되었습니다. 이제
[09:12]
취약점 파일이 생성되어
[09:14]
즉시 해야 할 중요한 작업들을
[09:16]
알려줍니다. 예를 들어 이것은
[09:18]
Next.js 권한 우회
[09:19]
취약점입니다. 즉시
[09:21]
해결해야 하며, 고위험과
[09:23]
저위험 항목들도 나열되어 있습니다.
[09:24]
헤드리스 모드로 Claude Code를
[09:26]
사용할 수 있는 다양한 방법들을
[09:27]
생각하면 머리가 복잡해질 정도입니다.
[09:29]
어떤 스크립트나 워크플로우에도 추가할 수 있는
[09:32]
정말 강력한 도구입니다.
[09:33]
뭔가 배우셨기를 바랍니다. Claude Code는
[09:35]
정말 훌륭하고 앞으로도
[09:36]
관련 영상들을 많이 만들 예정입니다.
[09:38]
AI 소프트웨어 개발에 관한 다른 내용들도
[09:40]
다룰 예정이니 관심 있으시면
[09:41]
채널을 구독해주시고
[09:42]
멋진 하루 되시기 바랍니다.
[09:44]
다음 영상에서 만나요.