[00:00]
오늘은 클라우드 코드의
[00:01]
몇 가지 새로운 기능들을 살펴보려고 합니다.
[00:03]
이건 상태 줄 설정 기능이고요.
[00:05]
출력 스타일도 정말 멋진 기능이라
[00:07]
함께 살펴볼 예정입니다.
[00:09]
먼저 상태 줄부터 시작해보겠는데,
[00:11]
여기서 너무 많은 시간은 소비하지 않겠습니다.
[00:13]
제가 만들어본 것은
[00:15]
컨텍스트 창을
[00:17]
제어할 수 있는 상태 줄입니다.
[00:21]
이게 꽤 유용할 것 같다고 생각했어요.
[00:22]
여기 아래쪽을 보시면
[00:24]
모델, 디렉토리,
[00:27]
컨텍스트, 작은 진행률 표시줄,
[00:30]
그리고 채워진 비율이 보입니다.
[00:33]
완벽한지는 아직 확실하지 않아요.
[00:35]
여기 모델 부분을 보시면,
[00:37]
계획 모드로 전환하면
[00:39]
Opus 4.1로 바뀌는 걸 볼 수 있죠.
[00:42]
제대로 작동하고 있습니다.
[00:44]
하지만 이 컨텍스트 기능에서
[00:47]
한 가지 눈에 띈 점은
[00:49]
클라우드 코드가 느려진다는 거예요.
[00:52]
적어도 그렇게 느껴집니다.
[00:54]
그래서 사용할지는 확실하지 않아요.
[00:56]
그래서 여러분께 직접
[00:58]
커스텀 상태 줄을 만드는 방법을 보여드릴게요.
[01:00]
제가 만든 버전을 사용해보고 싶으시다면
[01:03]
제 GitHub 리포지토리의
[01:06]
status command 섹션에 추가해뒀습니다.
[01:08]
제가 만든 버전을 사용해보고 싶으시다면요.
[01:11]
하지만 일단 이것부터 바꿔보겠습니다.
[01:13]
이걸 제거하고 새로 만들어보죠.
[01:15]
일단 이것부터 지워보겠습니다. 컨텍스트를 제거해주세요.
[01:18]
이제 0으로 돌아가는지 봅시다.
[01:20]
네, 완벽합니다.
[01:23]
보시다시피 리셋되었고
[01:25]
상태 줄을 변경하고 싶습니다.
[01:27]
여기 상태 줄 설정을 보시면
[01:29]
꽤 간단할 겁니다.
[01:31]
슬래시 상태 줄을 입력하면 됩니다.
[01:33]
슬래시 상태 줄이요.
[01:37]
좀 바꿔보고 싶어요.
[01:39]
그냥 클릭해보겠습니다. 이제
[01:43]
이것을 만드는 데 도움이 되는 도구들을 얻을 수 있습니다.
[01:45]
보시다시피 컨텍스트가 바뀌었어요.
[01:47]
이제 23,000개가 되었네요.
[01:50]
아까는 100k 정도였죠.
[01:52]
이제 이걸 설정해보고 싶어요.
[01:55]
클라우드 코드에게 지시해보겠습니다.
[01:57]
조금 바꿔보려고 하니까요.
[02:01]
그냥
[02:02]
상태 줄을 바꿔보겠습니다.
[02:04]
컨텍스트 카운터를 완전히 제거하고
[02:07]
밝은 노란색으로 시간과 날짜를 추가하겠습니다.
[02:09]
이렇게 하면 성능 문제를 해결할 수 있을 거예요.
[02:12]
좀 느려지고 있거든요.
[02:14]
하지만 작동하고 있는 게 보입니다.
[02:16]
보시다시피 이제 상태 줄을 수정하고 있습니다.
[02:18]
밝은 노란색으로
[02:19]
시간과 날짜를 추가하고 있어요.
[02:21]
상태 줄 설정 에이전트 같은 게 있네요.
[02:23]
이게 지금 실행되고 있는 거예요.
[02:25]
에이전트가 우리를 위해 이걸 고쳐줄 거예요.
[02:27]
우리는 원하는 지시사항만 제공하면 됩니다.
[02:29]
에이전트가 고쳐줄 거예요, 맞죠?
[02:31]
보시다시피 컨텍스트 카운터를 제거했습니다.
[02:33]
이제 시간과 날짜가 나타날 거예요.
[02:36]
완벽합니다.
[02:38]
이제 끝났어요.
[02:40]
이게 성능 문제를
[02:42]
해결해주길 바랍니다.
[02:45]
시간과 날짜가 완벽하게 보이네요.
[02:47]
이제 클라우드 코드를 재시작해서
[02:49]
새로 시작해보겠습니다.
[02:51]
이제 잘 작동하길 바랍니다.
[02:53]
네, 완벽해 보이죠? 이제
[02:55]
훨씬 더 반응이 빠른 것 같습니다. 그래서
[02:57]
이제 Output Style을 살펴보고 싶은데
[02:58]
이게 훨씬 더 흥미로운 기능이라고 생각해요.
[03:00]
이것과 관련해서 꽤 멋진 것들을
[03:03]
준비해 두었습니다.
[03:05]
이것이 어떻게 작동하는지 보시게 될 겁니다.
[03:08]
Claude Code의 기본 출력 스타일은
[03:11]
기존 시스템 프롬프트로서
[03:14]
소프트웨어 엔지니어링 작업을
[03:16]
효율적으로 완료하도록 도와주도록 설계되어 있습니다.
[03:18]
제가 꽤 흥미롭다고 생각한 부분이 있어요.
[03:20]
아래쪽을 보면
[03:22]
관련 기능들과의 비교를 볼 수 있습니다.
[03:25]
Output Style 대 Claude MD
[03:27]
대 시스템 프롬프트 추가 방식이죠.
[03:30]
첫 번째 항목인 Output Style은
[03:32]
Claude Code의 기본 시스템 프롬프트 중
[03:35]
소프트웨어 엔지니어링과 관련된 부분을
[03:38]
완전히 비활성화합니다. Claude MD나
[03:40]
시스템 프롬프트 추가 방식은
[03:43]
Claude Code의 기본 시스템 프롬프트를
[03:46]
편집하지 않습니다. 이게 꽤 강력한 기능이고
[03:48]
보시겠지만 Claude Code가 어떻게 변하는지에
[03:52]
큰 영향을 미칩니다. 보시면
[03:54]
Output Style을 저장된 시스템 프롬프트로
[03:57]
그리고 Custom Command를 저장된 프롬프트로 생각하면 됩니다.
[04:00]
이게 얼마나 강력한 기능인지
[04:02]
보시게 될 겁니다. 특히 특정한 방식으로
[04:04]
Claude Code의 출력을 원하는 경우에 말이죠.
[04:07]
YouTube에서 Indie Dev Dan의 비디오를 봤는데
[04:12]
그분이 HTML 출력 스타일을 하고 싶어하더라고요.
[04:15]
꽤 멋있다고 생각해서
[04:18]
따라해보고 싶었습니다.
[04:20]
보시면 이것은 우리 로컬에 있는 것이고
[04:22]
적어도 이것은 전역이 아니라
[04:25]
로컬 Output Style입니다.
[04:28]
HTML 터미널이죠. 이제 이것을 사용하는 방법은
[04:31]
여기 들어가면 사용할 수 있습니다.
[04:36]
여기 레트로 터미널 HTML 포맷이 있습니다.
[04:38]
좀 확대해볼게요.
[04:40]
이걸 닫고... 설명을 보면
[04:43]
단순하고 읽기 쉬운 흑백 레트로 터미널
[04:45]
HTML 출력으로 다크 그레이 화이트 테마를 사용해서
[04:48]
최적의 정보 소비를 위해 설계되었다고 하고
[04:50]
여기에 이것을 어떻게 출력할지에 대한
[04:52]
지침이 있습니다.
[04:54]
그리고 마지막에 파일 저장 요구사항을 추가했습니다.
[04:57]
각 작업의 마지막에 write 툴을 사용해서
[05:00]
이런 작업들의 마지막에
[05:02]
output HTML 파일로 저장할 겁니다.
[05:05]
이게 거의
[05:07]
우리를 위한 UI나 인터페이스를 만들어주는 거죠.
[05:11]
실행할 때마다 말이에요. 이것을 사용하는 방법은
[05:14]
꽤 멋집니다. 여기에 MCP 서버를 설정해 두었어요.
[05:17]
YouTube 서버, 트랜스크립트 서버
[05:20]
그리고 Reddit 서버가 있습니다.
[05:23]
이것은 우리가 연구를 할 수 있다는 뜻이죠.
[05:25]
보시면 지금
[05:27]
Output Style에서 기본값으로 되어 있지만
[05:31]
레트로 터미널 출력 스타일로 바꾸고 싶습니다.
[05:36]
맞죠.
[05:38]
그렇게 하면 이제
[05:40]
연구를 좀 해볼 수 있습니다.
[05:43]
여기서 프롬프트를 만들어보겠습니다.
[05:46]
지금 여기서 할 수 있는 것은
[05:50]
Claude Code Output Style 사용법을 배우기 위한
[05:52]
간단한 가이드를 만들고 싶다고 말하는 것입니다.
[05:54]
YouTube에서 동영상을 검색하고
[05:56]
결과를 트랜스크립트로 만들어서
[05:58]
맥락을 간단한 가이드로 컴파일하여
[06:00]
Output Style을 사용하는 방법을 설명하세요.
[06:02]
적합하다면 일부 임베딩도 포함해주세요. 이것을 실행하면
[06:06]
이제 실행해보겠습니다. 출력 스타일을
[06:08]
HTML 형식으로 설정했습니다. 물론
[06:11]
연구를 위해 MCP 서버를 사용할 겁니다.
[06:14]
좋습니다. 자, 이제 여기서
[06:16]
동영상을 찾은 걸 볼 수 있습니다.
[06:19]
이것은 데브 댄스의 클라우드 코드 출력 스타일
[06:24]
영상입니다. 좋네요.
[06:25]
제가 원했던 바로 그것입니다.
[06:27]
여기서 그의 대본을 가져와서
[06:30]
그 스크립트를
[06:32]
핵심 정보로 바꿔서
[06:34]
이 내용을 바탕으로
[06:37]
가이드를 만들 예정입니다. 완벽합니다.
[06:39]
그리고 이것을 HTML 파일로 저장할 거예요.
[06:42]
실제로 저장할 필요는 없습니다.
[06:44]
왜냐하면 이미 출력 스타일에
[06:46]
그런 지시사항이 있거든요.
[06:49]
이제 이 에이전트가 작성하는 모든 것이
[06:51]
HTML 파일로 출력되고
[06:53]
저장될 겁니다. 하지만
[06:57]
클라우드 코드가
[06:58]
이것을 할 일 목록에
[07:01]
어쨌든 포함시킬 것 같습니다.
[07:04]
이제 실행해보고 HTML 형식의
[07:07]
가이드가 어떻게 나올지 봅시다.
[07:09]
좋습니다, 완성되었습니다.
[07:11]
이제 저장할 수 있습니다.
[07:13]
이것이 터미널 출력 클라우드포트 스타일
[07:17]
HTML 파일이 될 겁니다.
[07:19]
출력 스타일 정의와 동일합니다.
[07:21]
다시 돌아가보면
[07:23]
여기 HTML 파일이 있네요.
[07:26]
파인더에서 열어보겠습니다.
[07:29]
완벽합니다. 데브 댄스
[07:31]
클라우드 코드 출력 스타일 마스터리에
[07:33]
소스 비디오가 임베드되어 있습니다.
[07:36]
조금 더 아래로 내려가면
[07:38]
확대할 수 있습니다.
[07:40]
이런 식으로 하면 되겠네요.
[07:42]
여기에 몇 가지 정보가 있습니다.
[07:45]
그의 인용문들이 있죠.
[07:48]
그가 좋아하는 6가지 출력 형식들: 기본값, 테이블, YAML,
[07:53]
텍스트 투 스피치, HTML.
[07:55]
이것을 일종의 개요서로 만들었고
[07:57]
우리가 원했던 모든 것이 들어있습니다.
[07:59]
정말 멋지네요. 실용적인 구현 방법들도
[08:02]
모든 것이 다 있습니다.
[08:05]
정말 잘 만든 것 같습니다.
[08:08]
이 비디오도 꼭 확인해보시기 바랍니다.
[08:10]
정말 좋은 비디오입니다.
[08:12]
이것이 제게 아이디어를 준 영상이에요.
[08:14]
설명란에 링크를
[08:15]
남겨두겠습니다.
[08:18]
이것이 출력 스타일 형식을 사용할 수 있는
[08:21]
한 가지 방법입니다. 하지만
[08:23]
좀 더 개방적이고 구체적이지 않은 것을 하나 더 해보고 싶습니다.
[08:28]
이것을 지울 필요는 없겠네요.
[08:29]
새로운 지시사항을 해보겠습니다.
[08:32]
이제 완전히 다른 것을 시도해봅시다.
[08:35]
다른 것으로 넘어가겠습니다.
[08:36]
패스 오브 엑자일 2
[08:38]
0.3 패치, 즉 시즌 3이 곧 출시됩니다.
[08:42]
0.3에 대한 소문과 리크
[08:44]
업데이트를 원합니다. YouTube MCP와
[08:47]
Reddit MCP를 사용해서 정보를 찾고
[08:48]
좋은 개요를 만들어 주세요.
[08:50]
다시 기본 에이전트를
[08:52]
보내서 연구를 하고 희망적으로
[08:55]
다시 압축된
[08:57]
버전으로 받을 수 있을 것입니다.
[09:00]
새로운 패스 오브 엑자일 2
[09:03]
패치에 대한 소문들을 살펴볼 수 있도록
[09:06]
몇 주 후에 나올 예정입니다.
[09:09]
YouTube에서 검색을 시작할 것이고
[09:10]
Reddit으로 가서 모든 정보를 수집하고 압축할 예정입니다.
[09:15]
여기서 여러 동영상을 검색하고 있는 것을 볼 수 있어요.
[09:18]
네, 그냥 실행되도록 두겠습니다.
[09:20]
무엇을 하는지 보고 싶어요.
[09:21]
Reddit에서 어떻게 되는지 보죠. PoE2 서브레딧으로 가나요?
[09:25]
Path of Exile로 갔네요.
[09:28]
네, 그냥 실행시켜두겠습니다.
[09:30]
무슨 결과가 나오는지 봅시다.
[09:32]
네, Path of Exile 2로 갔네요.
[09:34]
그냥 실행되도록 두겠습니다.
[09:37]
무엇이 나오는지 봅시다.
[09:39]
모든 연구를 완료했을 때,
[09:41]
이것을 HTML 출력 스타일로 컴파일하고,
[09:44]
새로운 패치에서 무엇을 배울 수 있는지 봅시다.
[09:47]
좋아요, HTML 파일을 받았네요.
[09:49]
그냥 저장하겠습니다.
[09:52]
28줄이네요. 확인해봅시다.
[09:56]
이거요, 맞나요? Finder HTML.
[10:01]
여기서 한번 보죠. Path of Exile.
[10:03]
조금 확대해볼게요. 2, 세 번째
[10:06]
중독자 업데이트군요. 많은
[10:09]
정보가 있네요. 볼 수 있듯이
[10:11]
8월 29일이 될 예정입니다. 부족 팀이
[10:15]
확정되었네요. 음악과 분위기. 우리는
[10:18]
티저 트레일러를 받았습니다. 두 개의 티저
[10:21]
트레일러가 있네요. 가능성이 높은 콘텐츠. 액트
[10:24]
4. 좋아요. 네, 이거 정말 좋네요.
[10:27]
드루이드 클래스 리그 메카닉.
[10:31]
네, 이거 정말 좋아요.
[10:34]
이렇게 쉽게 할 수 있다니 믿을 수 없네요.
[10:36]
이제 저는 더 이상
[10:39]
모든 비디오들과 모든
[10:40]
Reddit 게시물들을 일일이 확인할 필요가 없어요. 이 출력
[10:43]
스타일을 사용해서 모든 것을 여기에 컴파일하고
[10:46]
이 upcoming 공개 정보를 읽기만 하면 됩니다.
[10:49]
공식 발표 라이브
[10:51]
스트림이 8월 22일에 있네요. 멋지네요.
[10:53]
데일리 티저들. Twitch 드롭
[10:56]
발표도 있어서 바로 여기서 비디오들을
[10:59]
시청할 수 있어요.
[11:03]
이거 정말 좋아요. 네, 정말로
[11:05]
이런 변화가 Claude 코드로
[11:08]
할 수 있는 일들을 많이 바꿔놓는다고
[11:10]
말할 수밖에 없어요. 왜냐하면 제가 말했듯이,
[11:12]
정보를 생성하고 실시간으로
[11:14]
매우 깔끔한 포맷으로 출력할 수 있거든요.
[11:17]
저는 더 이상 다른 작업을 할 필요가 없어요.
[11:19]
왜냐하면 우리가 이미 Claude에게
[11:23]
미리 이걸 어떻게 하는지 지시를
[11:26]
주었거든요. 그리고 보시다시피 저는
[11:29]
여기에 나만의 터치를 추가했어요.
[11:31]
이걸 레트로 포맷으로
[11:34]
만들고 싶었어요. 높은 대비로, 읽기 쉽게요.
[11:37]
맞죠? 그래서 정말 만족스러워요.
[11:40]
네, 그래서요. 더 무슨 말을 할 수 있을까요?
[11:43]
꼭 직접 시도해보고
[11:46]
이걸로 놀아보세요. 하지만
[11:48]
이 비디오를 끝내기 전에 하나의
[11:49]
출력 스타일을 더 해볼 수 있을 것 같은데
[11:51]
어떻게 이걸 바꿀 수 있는지
[11:53]
볼 수 있도록요. 그럼 간단한 걸로 해봅시다.
[11:56]
그리고 이게 우리의 MCP 서버들을
[11:58]
추가할 때 얼마나 강력해지는지도 볼 수 있어요.
[12:01]
이 모든 연구를 할 수 있는, 맞죠?
[12:03]
더 많은 연구를 할 수 있는 에이전트들을
[12:05]
추가하기 시작할 수 있어요. 하지만
[12:09]
여기서 별도의 출력 스타일을 해봅시다.
[12:12]
이걸 복사해서 읽어볼 수 있어요.
[12:16]
그리고 이것을 읽어보겠습니다.
[12:21]
이제 우리가 할 수 있는 것은 간단하게 유지하는 거예요.
[12:24]
그럼 markdown이라는
[12:27]
새로운 스타일을 만들어봅시다. 이
[12:28]
출력 스타일 포맷은 깔끔하게
[12:30]
구조화된 마크다운 포맷을 가져야 해요. 광범위한
[12:32]
글머리 기호를 광범위하게 사용하고,
[12:34]
모든 정보를 최소한으로 압축하여 제공합니다.
[12:36]
bash 도구를 사용해서 출력을 MD 파일로 저장하는 방식이죠.
[12:39]
그래서 우리가 이걸 해볼 예정입니다.
[12:41]
이 출력 스타일을 만들어보겠습니다.
[12:43]
Claude Code가 이제 이것이 출력 스타일에 포함된다는 걸 이해할 겁니다.
[12:46]
Claude Code가 우리를 위해 이 스타일을 생성하도록 하겠습니다.
[12:49]
빠르게 한번 살펴보고
[12:51]
Claude Code를 재시작하고, 재개한 다음에
[12:52]
동일한 Path of Exile 2 가이드를
[12:55]
우리의 새로운 마크다운 출력 스타일을 사용해서 해보겠습니다.
[13:00]
보시다시피 우리의 마크다운 MD 출력 스타일을 만들었습니다.
[13:03]
완벽하네요.
[13:05]
여기서 확인해볼 수 있습니다.
[13:08]
이것은 깔끔하고 구조화된
[13:11]
마크다운 출력으로
[13:13]
광범위한 글머리 기호와 압축된 정보,
[13:15]
자동 MD 파일 저장 기능을 제공해서
[13:18]
최대한의 가독성과 이식성을 제공합니다.
[13:21]
모든 지침이 여기 있네요.
[13:24]
자세한 내용은 다루지 않겠습니다.
[13:25]
하지만 괜찮다는 걸 보실 수 있습니다.
[13:28]
이제 재시작해보겠습니다.
[13:34]
종료하고
[13:37]
cloud
[13:40]
슬래시
[13:42]
resume을 실행합니다.
[13:44]
다시 여기로 돌아가보겠습니다.
[13:48]
이제 출력 스타일을 설정해보겠습니다.
[13:52]
마크다운 스타일로 전환하고
[13:55]
POE 2 0.3 가이드를
[14:01]
새로운 출력 스타일로 다시 해보겠습니다.
[14:05]
이제 어떻게 되는지 봅시다.
[14:07]
우리가 이미 맥락을 가지고 있을 거예요.
[14:09]
다시 조사할 필요는 없을 겁니다.
[14:10]
우리의 새로운 스타일에서 어떻게 보일지만 확인하고 싶습니다.
[14:12]
완료되었네요.
[14:14]
이제 확인해봅시다.
[14:16]
여기서 보면, 네, 마크다운 출력이 있습니다.
[14:18]
꽤 좋아 보이네요.
[14:21]
미리보기해보겠습니다.
[14:24]
미리보기를 열어서 이것을 제거해보겠습니다.
[14:27]
네, 이제 마크다운 형태로 되어 있는 걸 보실 수 있습니다.
[14:30]
완벽하네요.
[14:32]
이것은 우리가 할 수 있는 또 다른 방법이고
[14:35]
꽤 쉬우면서 매우 압축적으로 보입니다.
[14:37]
타임라인, 트위치 드롭스가 있네요.
[14:38]
여기에는 비디오가 없습니다.
[14:41]
필요하지 않다고 했으니까요.
[14:43]
완벽합니다.
[14:46]
마크다운 스타일을 얼마나 쉽게 변경할 수 있는지 보실 수 있습니다.
[14:48]
원한다면 말이죠.
[14:50]
네, 출력 스타일을 꼭 확인해보세요.
[14:53]
여기에 제 출력 스타일을 넣어보겠습니다.
[14:56]
HTML 터미널 출력 스타일 말이에요.
[14:58]
HTML 터미널을 가져올 수 있겠네요.
[15:02]
이것을 저장소로 옮길 수 있습니다.
[15:05]
사용해보고 싶으시다면요.
[15:10]
네, 이건 정말 멋지고
[15:14]
이걸로 더 많이 놀아볼 예정입니다.
[15:18]
Claude Code를 사용하신다면 출력 스타일을 꼭 확인해보세요.
[15:20]
매우 도움이 될 거라고 생각합니다.
[15:22]
여기 저장소로 가서
[15:24]
마크다운 HTML 마크다운 스타일을 넣어두겠습니다.
[15:26]
사용해보고 싶으시다면요.
[15:28]
이것을 커밋해보겠습니다.
[15:30]
설명란에 이 저장소 링크를 남겨두겠습니다.
[15:33]
원하신다면 여기서 상태 표시줄 명령어 bash를 찾을 수 있습니다.
[15:35]
토큰을 세는 것과
[15:37]
이 HTML 터미널 출력 스타일을
[15:40]
원한다면 사용해볼 수 있습니다.
[15:42]
네, 설명란에 링크를 남겨두겠습니다.
[15:43]
정말 멋지고 흥미진진하네요.
[15:46]
탐구할 게 더 많지만
[15:48]
지금까지는 정말 재미있었습니다.
[15:51]
하지만 발견해야 할 것들이 더 있습니다.
[15:54]
네, 이것이 여러분에게 영감을 주고
[15:56]
직접 시도해보시길 바랍니다.
[15:58]
시청해주셔서 감사합니다.
[16:00]
좋은 하루 보내시고
[16:02]
다시 뵙겠습니다.
[16:04]