[00:00]
안녕하세요 여러분.
[00:00]
Claude Code를 최대한 활용하는 방법에 대한 또 다른 에피소드에 오신 것을 환영합니다.
[00:05]
지난 영상을 올린지 겨우 일주일밖에 지나지 않았는데요.
[00:07]
그 사이에 Anthropic에서 Claude Code에 엄청나게 많은
[00:10]
새로운 기능들을 출시했습니다.
[00:12]
여러분은 어떤지 모르겠지만, 이런 릴리스들을 따라잡는 것만으로도
[00:15]
충분히 어려운데, 릴리스 노트를 보면 새로운 기능이 무엇인지는 나와있지만
[00:19]
그것을 제대로 어떻게 사용해야 하는지는 완전히 명확하지 않을 때가 있습니다.
[00:23]
그래서 오늘 영상에서는 출시된 모든 주요 새 기능들을
[00:26]
다루고, 제 직접적인 실험을 바탕으로 이를 최대한
[00:29]
활용하는 방법을 단계별로 보여드리겠습니다.
[00:31]
그건 그렇고, 열심히 작업한 건 Anthropic 팀만이 아닙니다.
[00:35]
Claude Code 커뮤니티 전체가 정말 멋진 새로운 도구들을 출시하고 있어요.
[00:39]
예를 들어, 다니엘 아빌라, 즉 트위터에서
[00:42]
다니엘 산으로 알려진 분의 작품을 보세요.
[00:43]
그는 실제로 Claude Code의 모바일 버전을 작동시키는데 성공했습니다.
[00:48]
핸드폰에서 바로 Claude Code에 접속할 수 있고, 서로 다른 세션에서
[00:51]
진행하고 있는 모든 대화와 실행 중인 작업들의
[00:54]
상태를 추적할 수 있습니다.
[00:56]
이것은 커뮤니티에서 매일매일
[00:59]
나오고 있는 많은 도구들 중 하나일 뿐입니다.
[01:01]
그래서 오늘 에피소드에서는 공식적인 Anthropic 기능들뿐만 아니라
[01:04]
커뮤니티에서 나오고 있는 정말 흥미로운
[01:07]
프로젝트들도 다루겠습니다. 그리고 끝까지 꼭 보세요. 왜냐하면 그 중 하나는
[01:10]
실제로 제가 직접 개발한 것이기도 하거든요.
[01:12]
이제 여러분이 궁금해할 수도 있는 건, 어떻게 모든 뉴스를 따라잡느냐는 것입니다.
[01:15]
물론 트위터에 있을 수도 있지만
[01:17]
필터링해야 할 정보가 너무 많아요.
[01:19]
그래서 최근에 N8N을 사용해서 텔레그램 봇을 만들었는데, 이 봇이 자동으로
[01:23]
Claude Code 패키지 사이트의 업데이트를 모니터링하고, 변경 로그를 확인하고
[01:27]
그것을 요약해서 제 텔레그램 메시지로 바로 전송해줍니다.
[01:31]
새로 나오는 것들을 놓치지 않고 계속
[01:34]
따라잡는 데 매우 유용했습니다.
[01:35]
그리고 이것은 제 AI 지향적인 인사이더 클럽에서
[01:38]
이용할 수 있고 완전히 무료로 가입할 수 있습니다.
[01:39]
여기서 제가 출시한 모든 영상에 대해 작성한
[01:42]
모든 노트들에 즉시 접근할 수 있고
[01:45]
또한 이 전체 N8N 워크플로우를 제 인사이더 클럽의
[01:49]
일부로 무료로 제공하고 있습니다.
[01:50]
그리고 만약 한 단계 더 나아가고 싶다면, 저는
[01:52]
올인원 Claude Code 빌더 팩을 만들었습니다.
[01:55]
이것은 소스 코드, 작성한 문서, 설정 파일 등 모든 것을 포함한 툴킷으로
[01:58]
이 시리즈의 모든 영상에서 나온 것들과 다른 곳에는 포함되지 않은
[02:02]
보너스 자료들까지 들어있습니다.
[02:04]
이것은 여러분의 Claude Code 경험을 훨씬 더 높은 수준으로 끌어올리는 데 도움이 될 것입니다.
[02:07]
그 빌더 팩의 링크도 아래 설명란에 있으니
[02:10]
꼭 확인해보세요.
[02:11]
이제 더 이상 말 없이 시작해보겠습니다.
[02:12]
좋습니다. 우리가 다룰 첫 번째 도구는
[02:15]
CC Usage라는 것입니다.
[02:17]
CC Usage는 Claude Code를 얼마나 사용하고 있는지에 대한
[02:21]
좋은 개요를 제공해주는 정말 유용한 도구입니다.
[02:24]
여기서 사용할 수 있는 다양한 명령어들이 있습니다.
[02:26]
CC Usage daily 같은 것이 있는데, 이것은 하루에 얼마나 사용하고 있는지 보여줍니다.
[02:31]
오늘 대략 85센트 정도 사용했고, 어제는 Opus와 Sonnet을 모두 사용해서 12달러 20센트 정도 썼네요.
[02:34]
어제 Opus와 Sonnet 둘 다 사용했습니다.
[02:37]
CCUsage monthly 같은 다른 기능들도 실제로 사용할 수 있어요.
[02:40]
월별 세부 내역을 볼 수 있고, 하루 내 다양한 세션별로도 확인할 수 있습니다.
[02:43]
하루 내 여러 세션별로요.
[02:44]
하지만 가장 유용한 건 CCUsage blocks라고 생각합니다.
[02:48]
현재 Claude Code는 사용량 제한을 위해 5시간 블록을 사용하고 있고,
[02:51]
이번 달 말부터는 주간 블록으로 변경될 예정입니다.
[02:55]
중요한 건 모든 것이 5시간 블록으로 진행되기 때문에,
[02:58]
각 블록 내에서 얼마나 사용하고 있는지 아는 것이 훨씬 더 유익하다는 점입니다.
[03:00]
각 블록별로 말이에요.
[03:02]
사용한 토큰 수, 비용, 남은 토큰 양을 실제로 확인할 수 있어요.
[03:05]
또는 블록 내 남은 시간도 볼 수 있습니다.
[03:08]
가장 유용한 도구는 CCUsage blocks에 live를 추가하는 것입니다.
[03:12]
이렇게 하면 토큰 사용량을 실시간으로 초 단위로 업데이트되는 화면을 볼 수 있어요.
[03:17]
세션이 언제 시작되었는지, 언제 끝날지 보여주고,
[03:20]
이 블록 세션 내에서 실제로 얼마나 사용했는지,
[03:23]
그리고 얼마나 남았는지 알려줍니다.
[03:24]
그리고 현재 사용 중인 컴퓨팅 양을 기반으로 예상 사용량을 계산해서,
[03:28]
제한에 도달할 수 있으니 조금 속도를 늦춰야 하는지
[03:32]
알려줍니다.
[03:34]
보통 여기 두 번째 창에서 열어두는 걸 좋아해요.
[03:37]
그다음 CCUsage blocks live를 실행합니다.
[03:40]
보시면 왼쪽에서 다른 작업을 계속 하면서도
[03:43]
이것이 계속 실행되는 것을 볼 수 있어요.
[03:45]
이는 사용량을 조절하고
[03:48]
Claude Code가 가장 필요할 때 예상치 못하게 제한에 걸리지 않도록 주의하는 데 매우 유용합니다.
[03:52]
Claude Code가 가장 필요할 때요.
[03:54]
좋습니다. 다음으로 다룰 것은 실제로
[03:56]
Anthropic에서 Claude Code 내에 출시한 새로운 기능 중 하나입니다.
[03:59]
이는 버전 1.0.71에서 출시되었습니다.
[04:03]
이제 이 커스텀 상태 라인이 있습니다.
[04:05]
제 기기에서는 이런 모습이에요.
[04:08]
다음과 같은 방식으로 커스터마이징했는데, 현재 작업 디렉토리,
[04:11]
어떤 브랜치에 있는지, 어떤 모델을 사용하는지 표시하고,
[04:14]
블록이 끝나기까지 얼마나 남았는지와 몇 시에 끝나는지
[04:17]
진행률 바로도 보여줍니다.
[04:20]
달러와 토큰 수 모두로 사용량을 보여주고,
[04:23]
실제로 얼마나 사용하고 있는지를 나타내는 소모율도 보여줍니다.
[04:27]
이것을 사용하는 방법을 보여드리겠습니다.
[04:29]
방법은 매우 간단합니다.
[04:31]
먼저 할 수 있는 것은 그냥 status line을 실행하면
[04:34]
매우 기본적인 상태 라인을 얻을 수 있어요.
[04:35]
여기 이 명령어만 실행하면 됩니다.
[04:37]
좋습니다. 방금 Claude의 새 인스턴스를 시작했어요.
[04:39]
여기 상태 라인이 없는 것을 볼 수 있죠.
[04:41]
그래서 status line을 입력할 건데, 이번에는 실제로
[04:44]
Claude의 내장 도구를 활용해서 기본 상태 라인을 만들어 줄 거예요.
[04:49]
작업할 기반이 생기므로 이는 매우 좋은 시작점입니다.
[04:52]
기존 설정들을 살펴보려고 할 거예요.
[04:55]
Bash나 터미널 내의 설정들을요.
[04:56]
.bashrc나 .zshrc 같은 것들 말이에요.
[04:59]
그다음 여러분 스타일에 맞는
[05:01]
기본 상태 라인을 만들어 줄 거예요.
[05:02]
상태 표시줄을 작동시키기 위해 처음으로 해야 할 일이 바로 이것이고,
[05:05]
그 다음에 직접 커스터마이징을 시작하면 됩니다.
[05:07]
좋습니다. 성공적으로 구성되었으며 디렉터리 이름과 모델 이름을 표시할 것이라고 나와 있네요.
[05:10]
그리고 터미널 테마와 일치하게 설정됩니다.
[05:14]
한번 실행해보죠.
[05:17]
컨트롤 + C를 누르고 다시 Claude를 실행해서 세션을 종료하겠습니다.
[05:18]
여기서 보시면 실제로 'Cloud code mastery'라는 제 워크스페이스 이름이 나타나고,
[05:21]
그 다음에 모델을 보여줍니다. settings.json 파일로 들어가보면,
[05:24]
상태 표시줄 구성이 추가되어 있는 것을 확인할 수 있습니다.
[05:27]
command라고 되어있고, 실행해야 하는 실제 명령어가 들어가 있습니다.
[05:32]
상태 표시줄 내에서요. 이제 이것을 조금 더 개선하는 두 가지 방법을 보여드리겠습니다.
[05:36]
여러분이 해야 할 일은 실제로 이것을 스크립트로 대체하는 것입니다.
[05:39]
그래서 이 JSON 파일 안에 코드를 넣지 않게 됩니다.
[05:42]
저는 보통 './statusline.sh'라고 이름을 짓습니다.
[05:45]
그리고 여기서 새 파일을 만들어서 statusline.sh라고 이름을 짓겠습니다.
[05:50]
statusline.sh 스크립트를 만든 후에,
[05:53]
헤더 맨 위에 이것을 추가해야 합니다.
[05:55]
제가 한 것은 이 전체 명령어를 가져다가 아래에 붙여넣은 것입니다.
[05:59]
그리고 단순히 '상태 표시줄의 형식을 수정해라'라고 말한 것뿐입니다.
[06:03]
그러면 실제로 올바르게 형식이 지정됩니다.
[06:10]
이제 다시 시작해보면, 이전처럼 보여지는 것을 확인할 수 있습니다.
[06:12]
문제는 이것이 실제로 그렇게 유익한 정보가 아니라는 점입니다.
[06:15]
이제 두 가지 방법을 보여드리겠습니다.
[06:18]
이것을 실제로 조금 더 개선할 수 있는 방법입니다.
[06:20]
첫 번째 방법은 CC usage를 사용한 경우입니다.
[06:21]
기억해보시면 우리는 CC usage를 사용해서 이 실시간 토큰 사용량 모니터를 보여줬습니다.
[06:25]
알아두면 도움이 되는 한 가지는 CC usage에 상태 표시줄 명령어라는 기능이 있다는 것입니다.
[06:29]
제가 할 일은 단순히 이것을 넣고
[06:32]
이것을 'cc usage statusline'으로 대체하는 것입니다.
[06:34]
좋습니다, 완료되었네요.
[06:39]
CC usage는 정말 멋지게 보이는 상태 표시줄을 제공합니다.
[06:40]
이미 어떤 모델을 사용하고 있는지, 그리고 세션에서 얼마나 사용했는지를 보여줍니다.
[06:43]
오늘 얼마나 사용했는지, 블록에서 얼마나 사용했는지, 얼마나 많은 시간이 남았는지,
[06:47]
그리고 여러분의 소모율까지 보여줍니다.
[06:50]
좋습니다.
[06:52]
만약 더 많은 정보가 담긴 제 것처럼 보이게 하고 싶다면,
[06:52]
실제로 제가 오픈소스 도구를 만들어서
[06:55]
여러분의 상태 표시줄이 이렇게 보이도록 할 수 있습니다.
[06:58]
GitHub에서 완전히 오픈소스로 공개되어 있습니다.
[07:00]
설치 방법은 단순히 한 줄의 명령어입니다.
[07:02]
복사를 클릭하고 새 터미널을 열어서 이렇게 붙여넣기 하면 됩니다.
[07:04]
그 후에 '상태 표시줄에 무엇을 표시하고 싶습니까?'라고 물어볼 것입니다.
[07:08]
실제로 A를 눌러서 모든 것을 토글할 수 있고, 다시 A를 눌러서
[07:11]
원하지 않는 것들을 비활성화할 수 있습니다.
[07:15]
그리고 원하는 것들을 선택할 수 있습니다.
[07:18]
저는 모든 것을 켜고 엔터를 누르겠습니다.
[07:21]
그리고 '네, 색상과 이모지를 원합니다'라고 하겠습니다.
[07:23]
상태 표시줄이 어떻게 보일지 미리보기를 제공해줄 것입니다.
[07:26]
그리고 실제로 여기에서 상태 표시줄을 생성해줄 것입니다.
[07:30]
좋습니다. 다시 Claude를 실행했는데, 이것이 완전한 상태 표시줄입니다.
[07:34]
더 멋지게 보이는 블록 표현, 진행률 표시줄,
[07:37]
그리고 다양한 소모율까지 포함되어 있습니다.
[07:38]
만약 문제나 버그를 발견하거나 기능 요청이 있으시면 언제든 알려주세요.
[07:41]
개선하도록 최선을 다하겠습니다.
[07:44]
하지만 이 기능이 Claude 코드 터미널을 훨씬 더 멋지게 만드는 데 도움이 되었기를 바랍니다.
[07:50]
자, 이제 소개할 Claude 코드 도구는 정말 놀라울 겁니다.
[07:54]
이것은 Claude 코드 템플릿이라고 불리는데, 이름에 속지 마세요.
[07:58]
단순한 Claude 템플릿 이상이며, 실제로는 완전한 툴킷입니다.
[08:01]
정말 많은 기능을 가지고 있습니다.
[08:02]
사용할 수 있는 에이전트 템플릿도 있고
[08:05]
다양한 명령어, 설정, 훅, MCP 서버 등 많은 다른 기능들도 있습니다.
[08:09]
완전히 오픈소스이며 실제로 다른 여러 멋진 기능들도 있습니다.
[08:14]
분석 대시보드와 제가 보여드릴 모바일 채팅 인터페이스도 있습니다.
[08:19]
네, 이것은 실제로 사용할 수 있다는 뜻입니다.
[08:21]
모바일 기기에서 Claude 코드를 모니터링할 수 있습니다.
[08:24]
몇 가지를 보여드리겠습니다.
[08:25]
보시다시피 여기에 많은 에이전트들이 있습니다.
[08:27]
사용할 수 있는 새로운 에이전트 하나를 설치해보겠습니다.
[08:31]
좋습니다, 예를 들어 이것을 선택해보겠습니다. 이것을 원합니다.
[08:34]
자, 이것을 실행하면 실제로 여기에 해커톤 에이전트가
[08:38]
설치된 것을 볼 수 있습니다.
[08:41]
여기 이 명령어들에도 동일하게 적용됩니다.
[08:43]
변경 로그 명령어를 가지고 싶다고 하면
[08:45]
명령어를 복사해서 붙여넣기만 하면 됩니다. 됐습니다.
[08:50]
이제 여기에 변경 로그 추가 명령어가 생긴 것을 볼 수 있고
[08:54]
Claude를 실행하면 이 프로젝트에 변경 로그를 추가하는 기능이 있는 것을 볼 수 있습니다.
[08:59]
실행해보면
[09:01]
프로젝트에 변경 로그를 추가해야 한다고 말합니다.
[09:03]
그리고 여기서 볼 수 있듯이
[09:04]
실제로 꽤 많은 작업을 수행합니다.
[09:06]
제 버전 관리 히스토리를 살펴보고
[09:07]
그것을 바탕으로 보기 좋은 변경 로그를 만들려고 합니다.
[09:11]
이것이 실행되는 동안
[09:12]
보여드리고 싶은 것은 다른 설정들에도
[09:15]
다른 훅들, 다른 MCP 서버들에도 동일하게 할 수 있다는 것입니다.
[09:18]
이것은 정말 쉬운 방법입니다.
[09:19]
다양한 도구들, 명령어들, 에이전트 설정과 훅들을
[09:24]
수동으로 설정할 필요 없이 프로젝트에 매우 쉽게
[09:27]
가져올 수 있는 방법입니다.
[09:29]
좋습니다, 여기서 실제로 변경 로그가 생성된 것을 볼 수 있습니다.
[09:33]
여기서 미리 보겠습니다.
[09:34]
정말 좋은 방식으로 만들어진 것을 볼 수 있습니다.
[09:36]
제 인사이더 랜딩 페이지에 대해 이야기하고 있는데, 실제로 인사이더 클럽을 개편하고 있습니다.
[09:39]
더 접근하기 쉽게 만들고 제가 더 많은 제어권을 갖도록 하고 있습니다.
[09:42]
그 출시 소식을 기대해 주세요. 모든 것을 정확히 파악했습니다.
[09:46]
제 커밋 히스토리와 워크스페이스를 바탕으로 한 것이며, 정말 훌륭합니다.
[09:49]
실제로 여기에 변경 로그 업데이트라는 커스텀 명령어도 생성했습니다.
[09:52]
이 레포지토리에 더 많은 변경사항을 만들 때마다 사용할 예정입니다.
[09:57]
하지만 기억하세요, 템플릿은 이 도구의 한 가지 측면일 뿐입니다.
[10:01]
먼저 보여드리고 싶은 것은 분석 대시보드입니다.
[10:05]
자, 이것이 실행되는 분석 대시보드입니다.
[10:07]
정말 멋진 기능인데 사용량을 보여줍니다.
[10:10]
이것은 대화 수와 같은 모든 것을 보여줍니다.
[10:13]
총 세션 수, 토큰 분석에 대한 정말 좋은 통계를 보여줍니다.
[10:17]
가장 많이 실행되는 도구들과 일일 생산성 트렌드를 포함해서 말이죠.
[10:21]
정말 재미있게 볼 수 있어요.
[10:23]
Claude 사용 현황을 매우 높은 수준에서 개괄적으로 볼 수 있게 해줍니다.
[10:27]
이제 두 번째로 보여드릴 것은 Chat User Interface라고 불리는 기능입니다.
[10:32]
이 기능은 모든 Claude Code 세션에서 가진
[10:35]
다양한 채팅들을 모바일 친화적인 인터페이스로 제공합니다.
[10:38]
여기 있는 이것을 열어보면, 우리가 앞서
[10:41]
change lock 명령어를 사용했던 것을 볼 수 있어요.
[10:43]
이것이 여기 채팅 창에서 반영되고 있는 것을 확인할 수 있습니다.
[10:46]
모바일 친화적인 디바이스를 가지고 있다면, 이것을
[10:50]
휴대폰에서 실행할 수 있다면 얼마나 좋을까요?
[10:51]
그렇게 하려면 CloudFlare Tunnel이라는 것을 설치해야 하고,
[10:55]
여러분이 사용하는 모든 운영체제에 대한
[10:58]
설치 방법에 대한 지침이 있습니다.
[10:59]
저는 이미 설치했어요.
[11:01]
설치하고 나면, 끝에 tunnel을 입력하기만 하면 됩니다.
[11:03]
그러면 실행 중인 인스턴스에 대한 터널을 생성할 것입니다.
[11:07]
브라우저에서 실행되죠.
[11:09]
이것은 실제로 공개 URL에서 실행되고 있습니다.
[11:12]
Claude Code로 다시 돌아가겠습니다. 지금
[11:14]
제 휴대폰에서 이것을 실행하고 있으니까, 여기서 보여드릴게요.
[11:17]
제가 받은 마지막 메시지는 이 change lock 설정이 완료되었다는 것이었고,
[11:21]
포괄적인 change lock 시스템을 성공적으로 설정했습니다.
[11:24]
제 휴대폰에 있는 모든 것을 볼 수 있어요.
[11:28]
화면과 정확히 똑같은 것입니다.
[11:29]
이것은 Claude Code 실행을 모니터링할 수 있는 유용한 방법을 제공합니다.
[11:34]
휴대폰을 사용하는 동안 말이죠. 미래에
[11:37]
실제로 명령어도 보낼 수 있게 될지 정말 궁금해요.
[11:41]
그렇게 되면 책상에 없을 때
[11:44]
정말 매우 유용할 것 같아요.
[11:45]
자, 이것이 Claude Code Templates입니다.
[11:47]
이 저장소에 별표를 주시고 Daniel을 팔로우하셔야 합니다.
[11:50]
그는 Claude Code Templates와 관련된 것뿐만 아니라
[11:53]
Claude Code 사용과 관련된 많은 멋진 팁과 트릭도 게시하거든요.
[11:56]
좋습니다.
[11:56]
이 다른 기능은 background commands라고 불립니다.
[11:59]
Ctrl+B를 사용해서 백그라운드에서 배치 명령어를 실행하면
[12:02]
Claude가 계속 작업할 수 있다고 나와 있어요.
[12:04]
하지만 여기서 문제는 실제로 이것을
[12:07]
어떻게 사용하는지가 직관적이지 않다는 것입니다.
[12:08]
그래서 지금 사용법을 보여드리겠습니다.
[12:11]
웹 프로젝트에서 npm run dev를 실행하면, 보통
[12:14]
웹사이트에 문제를 일으킬 수 있는 오류나 이슈들이
[12:17]
여기에 출력됩니다.
[12:19]
그냥 여기서 제 웹사이트를 열어보겠습니다.
[12:21]
보시다시피, 이것은 제가 작업 중인 Insiders Club의 개편 버전이고,
[12:26]
Claude에서 이것을 하는 방법은 npm run dev를 실행한다고 말하는 것입니다.
[12:30]
그러면 백그라운드에서 실행할지 물어볼 것입니다.
[12:33]
이제 Ctrl+B를 누르면 백그라운드에서
[12:35]
모니터링하고 있다고 알려줄 것입니다.
[12:37]
여기서 뭔가 고장을 내보겠습니다.
[12:38]
React T라고 입력하면 여기서 오류가 발생할 것입니다.
[12:43]
좋아요.
[12:43]
이제 터미널에서 오류를 확인하고 수정하라고 해보겠습니다.
[12:49]
좋아요, 실제로 이 셸 출력을 읽고 있는 것을 볼 수 있습니다.
[12:52]
자동으로 에러를 감지해 줍니다.
[12:55]
오타가 있다는 걸 알고, 바로 수정해 줍니다.
[12:57]
그러면 다시 정상으로 돌아갑니다.
[12:59]
그리고 이것도 잘 드러나지 않는 기능입니다.
[13:01]
프로세스를 종료하고 싶다고 해봅시다.
[13:03]
프롬프트 하단에 '배치 1개 실행 중'이라고 표시된 게 보이시죠?
[13:07]
여기를 누르고 엔터를 치면, 실행 중인 셸을 볼 수 있습니다.
[13:11]
여기서 실행된 시간, 명령어, 실제 출력 등의
[13:13]
상세한 정보를 확인할 수 있습니다.
[13:16]
엔터를 눌러서 다시 나가거나,
[13:18]
종료하고 싶으면 K를 눌러서
[13:21]
실행 중인 프로세스를 종료할 수 있습니다.
[13:22]
그러면 이 페이지는 더 이상 로드되지 않습니다.
[13:24]
이렇게 백그라운드 배시 작업을
[13:27]
활용하는 방법입니다. 사실 직관적이지 않거든요.
[13:29]
처음엔 배시 모드에서 Ctrl+B를 누르면
[13:31]
될 줄 알았는데, 실제로는 그게 아니었습니다.
[13:34]
이 튜토리얼을 통해 새로운 백그라운드
[13:37]
작업 명령어를 어떻게 사용하는지
[13:38]
보여드렸기를 바랍니다. 이제 추가된 또 다른 변화는
[13:42]
다중 설정이 가능한 MCP입니다.
[13:44]
어떻게 사용하는지 바로 와닿지 않을 수 있지만
[13:46]
저는 이 기능이 매우 유용하다고 생각합니다.
[13:48]
어떻게 쓰는지 보여드릴게요.
[13:50]
클로드는 아니고, MCP 서비스를 보여드리겠습니다. Contact 7과
[13:53]
Fire Crawl이 있는 걸 볼 수 있는데, 이 mcp.json에
[13:58]
둘 다 포함되어 있고, 프로젝트에 저장되어 있습니다.
[14:00]
제가 느낀 건, 때로는 더 많은 MCP 서버를
[14:03]
사용하고 싶지만, 모든 클로드 세션에서
[14:06]
로드되는 건 원하지 않을 때가 있다는 겁니다.
[14:08]
정말 필요할 때만 로드하고 싶거든요.
[14:11]
예를 들어, 여기에 Supabase MCP가 있습니다.
[14:15]
클로드 --mcp-config을 실행하고, 해당 JSON을
[14:17]
전달하면 됩니다. 그러면 이 명령어를 실행한
[14:20]
세션에서 실행 중인 MCP 서버 목록에
[14:23]
추가되는 걸 볼 수 있습니다. 최근 변경사항은
[14:26]
예전에는 여러 개를 사용하려면 모두 하나의
[14:31]
MCP JSON에 저장해야 했다는 점입니다. 예를 들어, 브라우저 자동화로 Playwright와
[14:35]
Browser Base MCP 서버 두 개가 있으면
[14:39]
브라우저 자동화로 묶어서 둘 다 사용할 수 있었습니다.
[14:41]
하지만 최근 변경으로 모든 MCP 서버를
[14:44]
별도의 설정으로 분리할 수 있게 되었고, 훨씬 더 깔끔하다고 생각합니다.
[14:48]
이제 마지막에 다른 MCP 서버를 추가하면
[14:52]
모두 연결해서 함께 사용할 수 있습니다.
[14:54]
이 기능이 정말 유용한 이유는
[14:57]
MCP 서버의 다양한 설정을 파일별로
[15:01]
나누어 JSON으로 관리하는 게 하나의 MCP JSON 파일에 모든 걸 집어넣는 것보다
[15:06]
훨씬 깔끔하기 때문입니다. 이 패턴이 실제로 유용한 이유는
[15:09]
아시는 분들은 알겠지만, Supabase MCP는 읽기 전용인데
[15:13]
별도의 쓰기 버전도 있습니다.
[15:16]
실제로 이 Supabase 쓰기 버전을 실행할 수 있고,
[15:19]
여기서 보시면 데이터베이스 항목을 만들 때마다 Supabase의 쓰기 버전을 사용하고 있다는 걸 명확히 확인할 수 있습니다.
[15:23]
이것은 상당히 작은 변화지만, MCP 서버 관리에 더 많은 가능성을 열어준다고 생각합니다.
[15:28]
MCP 서버를 어떻게 관리할지에 대한 더 많은 가능성을 말이죠.
[15:30]
MCP 서버로 작업해본 적이 있다면 얼마나 골치 아픈 일인지 알 것입니다.
[15:33]
그래서 이것은 올바른 방향으로의 한 걸음이라고 생각합니다.
[15:35]
좋습니다.
[15:36]
그리고 이 다른 팁은 Ian Nuttal의 공로입니다. 왜냐하면 이것은 실제로 문서화되지 않은 것인데, 그가 알아낸 것이거든요.
[15:40]
실제로 문서화되지 않았지만 그가 찾아낸 것입니다.
[15:43]
agent output style setup이라는 새로운 명령어가 있습니다.
[15:47]
이것은 Claude 코드에 대한 커스텀 스타일을 만들 수 있게 해줍니다.
[15:50]
이것이 전혀 문서화되어 있지 않기 때문에 어떻게 하는지 보여드리겠습니다.
[15:53]
정말 주의 깊게 보셔야 합니다.
[15:54]
좋겠죠?
[15:55]
이것이 작동하는 방식은 평상시처럼 Claude를 실행하면 됩니다.
[15:58]
어디에도 표시되지 않는 agent output style setup이라는 숨겨진 에이전트가 있는 것을 볼 수 있습니다.
[16:01]
실제로 어디에도 표시되지 않습니다.
[16:04]
출력 스타일을 만들 수 있는 내장된 커스텀 서브 에이전트가 있습니다.
[16:09]
여기서 출력 스타일이 구성되었다고 볼 수 있습니다.
[16:12]
여기서 실제로 출력 스타일이 있고 내 Claude 구성 파일에 이것을 추가했다는 것을 볼 수 있습니다.
[16:15]
그리고 응답을 어떻게 제공하고 싶은지를 실제로 배치합니다.
[16:18]
어떤 경우에는 실제로 원하는 스타일을 묻지만,
[16:21]
그렇지 않고 사용 패턴에 따라 기본값을 만드는 경우,
[16:24]
해적 같은 응답 스타일을 원한다고 말할 수 있습니다.
[16:27]
그러면 계속해서 이 해적 테마 출력 스타일을 만들 것입니다.
[16:32]
그리고 이미 이 해적 스타일 응답을 만든 것을 볼 수 있습니다.
[16:35]
해적 테마 출력 스타일입니다.
[16:37]
그리고 이미 이 해적 스타일 응답을 만든 것을 볼 수 있죠?
[16:40]
해적 테마 출력 스타일입니다.
[16:42]
전투 준비 완료, 선장님.
[16:43]
이것은 실제로 이제 해적 개발자에 저장됩니다.
[16:46]
명백히 이것은 재미있는 것이지만, 계획 모드에 적합한 스타일을 만드는 것을 상상할 수 있습니다.
[16:49]
매우 높은 수준이길 원하고, 실제로 더 많은 세부사항을 다루는 구현 모드를 원할 수도 있습니다.
[16:52]
그리고 실제로 훨씬 더 자세하게 다루는 구현 모드를 원할 수도 있죠.
[16:55]
그리고 여기 다른 비밀스러운 것이 있습니다.
[16:57]
style을 하고 workflow expert를 하면
[16:59]
스타일을 workflow expert로 다시 전환할 것입니다.
[17:01]
여기서 워크플로우 전문가 스타일을 우리 대화에 적용했다고 말하는 것을 볼 수 있습니다.
[17:04]
우리 대화에 워크플로우 전문가 스타일을 적용했습니다.
[17:06]
그다음 style과 Pirate dev를 하면
[17:09]
이제 hello를 하면 다시 'Ahoy there, captain'으로 전환되는 것을 볼 수 있습니다.
[17:13]
이 프로 팁에 대해 다시 Ian Nuttal에게 공로를 돌립니다. 그리고 그를 팔로우해야 합니다.
[17:17]
Claude Code와 AI 코딩 일반에 관련된 매우 좋은 팁들을 많이 올리기 때문입니다.
[17:22]
그리고 이것이 제가 이 숨겨진 기능에 대해서도 알게 된 방법입니다.
[17:25]
숨겨진 기능에 대해서도 알게 된 방법이었죠.
[17:27]
그리고 제가 비디오의 이전 부분을 녹화하고 있을 때, 그들이 실제로
[17:31]
이 새로운 출력 스타일 기능이 무엇에 관한 것인지 설명했습니다.
[17:36]
그래서 Anthropic이 출력 스타일을 제대로 사용하는 방법에 대해 게시했습니다.
[17:40]
아이디어는 Claude가 당신에게 응답하는 방식을 바꾸는 다양한 모드 간에 전환할 수 있게 해준다는 것입니다.
[17:45]
설명적 스타일이나 학습 스타일과 같은 스타일을 만들 수 있습니다.
[17:49]
설명적 스타일을 사용하면, 하고 있는 일에 대해 훨씬 더 많이 설명할 것입니다.
[17:52]
하지만 정말 멋진 것은 이 학습 스타일입니다. 여기서는
[17:56]
때때로 일시정지하고 당신에게 인용하도록 요청할 것이라고 합니다.
[18:00]
때때로 일시정지하고 당신에게 인용하도록 요청할 것입니다.
[18:02]
할 일 작업들 중 일부는 마치 페어 프로그래밍을 하는 것과 같습니다. 이걸 사용하는 방법은
[18:06]
Claude에 로드한 다음, 조금 전에 말씀드렸던
[18:10]
에이전트 출력 스타일을 사용하는 것인데, 이렇게 해서 이 기능을 발견하게 되었습니다.
[18:15]
버전 81부터는 실제로 출력 스타일이라는 기능을 사용할 수 있게 되었습니다.
[18:19]
이 기능을 통해 가지고 있는 출력 스타일들 간에 전환할 수 있고,
[18:22]
조금 전에 만들었던 해적 개발자 출력 스타일을
[18:26]
이미 감지한 것을 보실 수 있습니다.
[18:28]
이제 이 스타일을 학습 모드로 바꾸면, 아주 간단한 작업을 해보겠습니다.
[18:31]
CLO.md 업데이트를 위한 모범 사례를 제안해보겠습니다. 이건 정말 간단한 작업인데,
[18:38]
이 기능을 어떻게 사용할 수 있는지 보여드리기 위한 것입니다.
[18:50]
좋습니다.
[18:50]
자, 이걸 보세요.
[18:51]
이제 Cloud MD 구조를 분석하겠다고 하면서 통찰을 제공합니다.
[18:55]
이것이 바로 이 스타일의 특징인데, 실제로
[18:58]
이 작업을 어떻게 수행하는지 학습하는 데 도움을 준다는 것이죠.
[19:02]
실제로 이를 어떻게 할 수 있는지에 대한 훨씬 더 깊은 통찰을 제공했습니다.
[19:06]
그리고 실제로 '업데이트를 페어로 작업해보자'라고 하면, 이제
[19:10]
페어 프로그래밍 모드로 전환됩니다.
[19:11]
여기서 보시면 '이제 업데이트에서 협업해보겠습니다'라고 나옵니다.
[19:15]
'당신이 기여할 수 있는 섹션을 준비해드리겠습니다.'
[19:17]
그리고 이제 실습을 통한 학습 모드로 전환된 것을 볼 수 있습니다.
[19:20]
이 모드에서는 함께 작업하도록 유도하여
[19:23]
수동으로 하려고 할 때 이 파일을 훨씬 더 나은 방식으로
[19:27]
업데이트하는 방법을 배울 수 있게 합니다.
[19:28]
시간이 지나면서 변경 사항의 명확한 기록을 유지하기 위해
[19:31]
버전 히스토리 섹션을 추가했다고 합니다.
[19:33]
당신의 작업은 버전 히스토리 섹션을
[19:36]
2-3개의 버전 히스토리로 채우는 것입니다.
[19:38]
'할 일 인간'을 찾아보세요.
[19:39]
그럼 지금 바로 해보겠습니다.
[19:41]
이걸 열어서 할 일을 찾아보겠습니다.
[19:43]
실제로 여기 나와있고, 바로 여기에서
[19:46]
이 형식으로 추가하고 주요 변경사항을 포함하라고 되어 있습니다.
[19:50]
새로운 기능과 호환성이 깨지는 변경사항들도요.
[19:52]
심지어 시맨틱 버전 관리를 사용하고 플롯이 코드베이스와
[19:55]
상호작용하는 방식에 영향을 미치는 변경사항에 집중하라는 가이드까지 제공합니다.
[19:58]
이것이 실제로 Claude Code를 단순히 지시사항을 듣는 것에서
[20:02]
더욱 상호작용적인 주고받기로 바꾸는
[20:06]
매우 흥미로운 방법이 될 수 있다는 걸 상상할 수 있습니다.
[20:08]
그리고 이 출력 스타일 새로 만들기 명령어를 사용해서 새로운 스타일을 만들 수도 있습니다.
[20:12]
문서에서 제안하는 대로 '매우 간결하고 핵심적이며
[20:18]
요점만 전달하는, 군더더기 없는 스타일을 원한다'고 말하는 거죠.
[20:22]
좋죠?
[20:23]
조금 전에 봤던 에이전트 설정 모드를 사용하는 대신
[20:27]
이것이 실제로 새로운 스타일을 만드는 공식적인 방법입니다.
[20:29]
그러니 이것을 사용하시는 게 좋을 것 같은데, 이전에
[20:32]
에이전트 자체를 실제로 사용했던 방법도 있었고, 이것은
[20:36]
Anthropic 자체도 자신들의 새로운 기능을 개발할 때 서브 에이전트 기능을
[20:40]
사용하기 시작했다는 매우 흥미로운 관찰입니다.
[20:42]
여기서 새로운 TURS 출력 스타일을 만들었다고 나옵니다.
[20:46]
출력 스타일을 실행한 다음 tur로 전환할 수 있습니다.
[20:50]
여기 로컬 설정에 이것이 팝업으로 나타나는 것을 볼 수 있고, 여기서
[20:54]
출력 스타일이 테스트로 되어 있는 걸 볼 수 있습니다. '최근 변경사항을 알려줘'라고 해보겠습니다.
[20:59]
좋습니다.
[21:00]
최근 변경사항에 대해서만 알려주고
[21:02]
목록으로만 나열해줍니다.
[21:03]
군더더기가 전혀 없네요.
[21:04]
이것이 실제로 이 동영상을 녹화하는 당일에
[21:07]
출시된 새로운 기능을 활용하는 방법입니다.
[21:10]
이것에 대한 매우 흥미로운 활용 사례들을 많이 보게 될 것 같습니다.
[21:13]
이렇게 짧은 시간 내에 또 다른 멋진 기능을 출시한 Anthropic에게 박수를 보냅니다.
[21:16]
좋습니다, 여러분.
[21:18]
오늘 튜토리얼은 여기까지입니다.
[21:18]
도움이 되셨기를 바랍니다.
[21:19]
보시는 바와 같이, Claude Code를 위한
[21:21]
생태계는 정말 빠르게 움직이고 있습니다.
[21:26]
일주일에 여러 번 업데이트를 출시합니다.
[21:28]
때로는 단순한 업데이트이지만, 때로는
[21:31]
주의 깊게 보지 않으면 놓칠 수 있는 정말 멋진 기능들을 포함시킵니다.
[21:35]
이 콘텐츠가 유용하셨기를 바랍니다.
[21:37]
더 많은 Claude Code 팁을 계속 받아보고 싶으시다면, 이 동영상에
[21:40]
좋아요를 누르고 구독 버튼을 눌러주시고 알림을 켜주세요.
[21:43]
그러면 새로운 콘텐츠가 올라올 때마다 항상 가장 먼저 알 수 있습니다.
[21:46]
그리고, 우리가 많은 코딩 관련 작업에
[21:49]
Claude Code를 사용해왔지만, 실제로는
[21:52]
동영상 제작이나 동영상 편집과 같은 다른 용도로도 사용할 수 있다는 걸 아셨나요?
[21:56]
더 자세히 알아보고 싶으시다면,
[21:56]
텍스트 프롬프트만으로 Claude Code를 사용해서 애니메이션 동영상을
[22:00]
만드는 방법을 설명하는 동영상을 만들었습니다.
[22:03]
그래서 그 방법을 배우는 데 관심이 있으시다면,
[22:05]
Claude Code를 사용해서 애니메이션 동영상을 만드는 방법을 가르쳐주는
[22:08]
제가 만든 다른 동영상을 확인해보세요.
[22:11]
좋습니다, 다음 시간까지.
[22:12]
안녕히 가세요.