<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>리하의 Devlog</title>
    <link>https://riha6615.tistory.com/</link>
    <description> ,  ,  ,  
          
 ️      </description>
    <language>ko</language>
    <pubDate>Fri, 19 Jun 2026 10:49:01 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>리하RIHA</managingEditor>
    <image>
      <title>리하의 Devlog</title>
      <url>https://tistory1.daumcdn.net/tistory/2946835/attach/ca446e46f0c440d4a538616a9f9bd59b</url>
      <link>https://riha6615.tistory.com</link>
    </image>
    <item>
      <title>Claude Code 상태를 한눈에 보여주는 claude-hud를 소개 합니다.</title>
      <link>https://riha6615.tistory.com/64</link>
      <description>&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; letter-spacing: 0px;&quot;&gt;클로드 코드를 사용하면서 제일 궁금했던 게 바로 현재 내 토큰이 얼마나 남았는지가 궁금합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-07b64360-7e4e-4e7b-a118-4a40f2d0db17&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;그래서 저는 항상 클로드 사이트의 사용량 페이지를 항시 띄워두고 자주 새로고침을 하며 확인을 했어요.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-ee977273-28c1-42f1-af07-66e13d1c81a3&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-509fb2bb-06af-45de-90ab-6fe07320c7df&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;클로드 사이트에서 확인을 하는 것도 점점 귀찮아지면서 상단 바에 표시할 수 있는 코덱스 바 같은 위젯도 알아보며 많은 걸 사용해 봤어요. &lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-2a6fd38e-f9b8-461b-b214-d5953cc1b71d&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;하지만 그것도 역시 계속 클릭해서 확인해야 했고 단순 현재 세션의 사용량만을 계산하여 실제 남은 토큰 양과 다르게 나오는 경우가 많았습니다. (위젯 중에는 개인적으로 코덱스바가 정확하고 좋았어요!)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;그리고 컨텍스트 사용량이 표시되기는 하지만 이미 많이 차버린 경우에 표시해주기 때문에 미리 관리하기가 힘들었어요.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;컨텍스트 사용량 표시가 없다가 큰 작업 들어가기 초반에 갑자기 떠버리면 왠지 토큰 낭비하는 기분도 들고요.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;그러다 알게 된 클로드의 /statusline 명령어.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;클로드 하단에 각종 상태를 표시할 수 있는 기능인데 그냥 해보려니 어렵고 복잡하고...&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 statusline 기능을 위주로 찾아보다가 알게 된 claude-hud!!&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;&lt;span&gt; &lt;/span&gt;&lt;a href=&quot;https://github.com/jarrodwatts/claude-hud&quot;&gt;https://github.com/jarrodwatts/claude-hud&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780986193929&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;object&quot; data-og-title=&quot;GitHub - jarrodwatts/claude-hud: A Claude Code plugin that shows what's happening - context usage, active tools, running agents,&quot; data-og-description=&quot;A Claude Code plugin that shows what's happening - context usage, active tools, running agents, and todo progress - jarrodwatts/claude-hud&quot; data-og-host=&quot;github.com&quot; data-og-source-url=&quot;https://github.com/jarrodwatts/claude-hud&quot; data-og-url=&quot;https://github.com/jarrodwatts/claude-hud&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/ihC2B/dJMb9jOuTtd/Yn6vqoPqDFrEhS6Iib3kt0/img.png?width=1500&amp;amp;height=600&amp;amp;face=0_0_1500_600&quot;&gt;&lt;a href=&quot;https://github.com/jarrodwatts/claude-hud&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://github.com/jarrodwatts/claude-hud&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/ihC2B/dJMb9jOuTtd/Yn6vqoPqDFrEhS6Iib3kt0/img.png?width=1500&amp;amp;height=600&amp;amp;face=0_0_1500_600');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;GitHub - jarrodwatts/claude-hud: A Claude Code plugin that shows what's happening - context usage, active tools, running agents,&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;A Claude Code plugin that shows what's happening - context usage, active tools, running agents, and todo progress - jarrodwatts/claude-hud&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;github.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;claude-hud란?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Code 입력창 아래에 실시간 상태를 표시해주는 플러그인 입니다. 표시해 주는 정보가 상당히 많습니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;모델/프로젝트 경로/git 브랜치&lt;/b&gt; : 현재 어떤 모델 사용하는지 표시해주고, 특히나 좋았던 프로젝트 경로 표시! 창을 여러개 띄우다 보면 어느 창이 어떤 프로젝트 였는지 가끔 헷갈릴 때가 있었는데 이걸 표시해주니 편했어요.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;컨텍스트 사용량&lt;/b&gt; : 컨텍스트 사용량을 확인할 수 있어 어느 정도 사용하게 되면 미리 정리할 수 있어요.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;사용량 한도&lt;/b&gt; : 구독 플랜의 현재 사용량과 reset되는 남은 시간을 표시해줘요.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Tool&lt;/b&gt; : 클로드가 지금 읽고 수정하고 검색하는 파일을 표시해줘요.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Todo 진행률&lt;/b&gt; : Task가 여러개 일 때 현재 몇 번째 진행 중인지 표시해줘요.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설치하고 기본으로 설정하는 경우 아래와 같이 보여주고 여기에 옵션을 추가해주면 더욱 많은 정보가 표시 됩니다.&lt;/p&gt;
&lt;pre id=&quot;code_1780986882906&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;[Opus] │ my-project git:(main*)
Context █████░░░░░ 45% │ Usage ██░░░░░░░░ 25% (1h 30m / 5h)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;마음에 든 점&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제일 마음에 드는건 별도의 다른 창을 띄우지 않아도 된다는 거에요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이전에 코덱스바 사용했을 때는 상단 위젝으로 있기 때문에 자세히 보고 싶을때는 눌러봐야 하고 별도 프로그램이다 보니 가끔 먹통이 되기도 했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;claude-hud는 Claude Code에서 원래 제공하는 statusline API를 그대로 사용하기 때문에 별도 창도 띄울 필요없고 입력창 밑에 계속 표시가 됩니다. 그리고 표시되는 정보도 추정치가 아닌 실제 네이티브 데이터라 거의 정확한거 같아요. 완전 실시간은 아니지만 그래도 약 0.3 ~ 0.5초 정도마다 갱신되서 사용하는데 지장은 없는거 같아요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;설치도 간단&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;명령어 몇개만 치면 끝이기 때문에 설치도 너무 간단해요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1) 마켓플레이스 추가&lt;/p&gt;
&lt;pre id=&quot;code_1780987536149&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/plugin marketplace add jarrodwatts/claude-hud&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2) 플러그인 설치 후 리로드&lt;/p&gt;
&lt;pre id=&quot;code_1780987556834&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/plugin install claude-hud
/reload-plugins&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3) 상태줄 설정&lt;/p&gt;
&lt;pre id=&quot;code_1780987583252&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/claude-hud:setup&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;setup 명령을 치면 어떤 내용을 표시할 건지 선택하는게 나오는데 저는 전부 체크하고 설치했어요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Mac에서 설치 했었는데 오류가 나거나 하진 않은거 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;setup까지 했는데 표시가 안된다면 Claude Code를 재시작 해주세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아래 이미지는 실제 제가 사용하는 화면 이에요. 컬러풀하게 한 눈에 보기 좋게 나오죠?&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-27 오후 3.09.23.png&quot; data-origin-width=&quot;710&quot; data-origin-height=&quot;148&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/me4eK/dJMcaci3oFA/EXNRhRA4Gs79XBhuYOP7sk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/me4eK/dJMcaci3oFA/EXNRhRA4Gs79XBhuYOP7sk/img.png&quot; data-alt=&quot;claude-hud 화면&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/me4eK/dJMcaci3oFA/EXNRhRA4Gs79XBhuYOP7sk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fme4eK%2FdJMcaci3oFA%2FEXNRhRA4Gs79XBhuYOP7sk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;710&quot; height=&quot;148&quot; data-filename=&quot;스크린샷 2026-05-27 오후 3.09.23.png&quot; data-origin-width=&quot;710&quot; data-origin-height=&quot;148&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;claude-hud 화면&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;HUD 화면 구성&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설치하고 나서 보면 처음에는 이게 뭔가 싶어요. 하나씩 설명 드릴께요.&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;1번째 줄 - 기본 정보&lt;/h4&gt;
&lt;pre id=&quot;code_1780988058881&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;[Opus] │ my-project git:(main*)&lt;/code&gt;&lt;/pre&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;[Opus] : 현재 사용중인 모델을 표시해 줍니다.&lt;/li&gt;
&lt;li&gt;my-project : 현재 프로젝트 경로를 표시해 줍니다.&lt;/li&gt;
&lt;li&gt;git:(main*) : git 브랜치, 끝에 *이 붙으면 커밋 안한 변경사항이 있다는 뜻이에요.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;git 기호는 옵션을 켜면 더 자세히 표시됩니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;main &amp;uarr;2 &amp;darr;1 : 리모트보다 2개 앞서고(push 안함) 1개 뒤처짐&lt;/li&gt;
&lt;li&gt;main* !3 +1 ?2 : 파일 통계&amp;nbsp; ! 수정, + 추가/스테이징, x 삭제, ? untracked (0인 건 생략)&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;2번째 줄 - 컨텍스트 &amp;amp; 사용량&lt;/h4&gt;
&lt;pre id=&quot;code_1780988254636&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;Context █████░░░░░ 45% │ Usage ██░░░░░░░░ 25% (1h 30m / 5h) | ██░░░░░░░░ 25% (1d 16h / 7d)&lt;/code&gt;&lt;/pre&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;Context 막대 : 컨텍스트가 얼마나 찼는지 초록 &amp;gt; 노랑 &amp;gt; 빨강으로 색을 바꿔주면서 표시해줘요. 저는 노랑일 때 정리해요.ㅎㅎ&lt;/li&gt;
&lt;li&gt;Usage 막대 : 5시간 Limit, 주간 Limit를 표시해 줍니다. 남은 시간도 같이 표시해줘서 편해요.&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;그외 옵션 줄들&lt;/h4&gt;
&lt;pre id=&quot;code_1780988434865&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;◐ Edit: auth.ts | ✓ Read &amp;times;3 | ✓ Grep &amp;times;2        &amp;larr; 툴 활동
◐ explore [haiku]: Finding auth code (2m 15s)    &amp;larr; 에이전트 상태
▸ Fix authentication bug (2/5)                   &amp;larr; todo 진행률&lt;/code&gt;&lt;/pre&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;◐ = 지금 진행 중, ✓ = 완료 (&amp;times;3은 3번 호출했다는 뜻)&lt;/li&gt;
&lt;li&gt;에이전트 줄은 어떤 서브에이전트가 어떤 모델로 뭘 하는지 + 경과 시간을 보여준다&lt;/li&gt;
&lt;li&gt;todo 줄의 (2/5)는 5개 중 2개 완료&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 3줄은 할일이 있을 때만 표시되었다가 사라집니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;알아두면 편한 명령어&lt;/h4&gt;
&lt;table style=&quot;border-collapse: collapse; width: 49.3023%; height: 149px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style12&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 49.3303%;&quot;&gt;&lt;b&gt;명령어&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 50.6697%;&quot;&gt;&lt;b&gt;용도&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 49.3303%;&quot;&gt;/claude-hud:setup&lt;/td&gt;
&lt;td style=&quot;width: 50.6697%;&quot;&gt;상태줄 초기 설정&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 49.3303%;&quot;&gt;/claude-hud:configure&lt;/td&gt;
&lt;td style=&quot;width: 50.6697%;&quot;&gt;프리셋, 언어, 표시 항목 변경&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 49.3303%;&quot;&gt;/reload-plugins&lt;/td&gt;
&lt;td style=&quot;width: 50.6697%;&quot;&gt;플러그인 다시 불러오기&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;/claude-hud:configure는 탭메뉴를 따라가면서 켜고 끄는 방식이라 config 파일을 안 건드려도 왠만한건 다 할수 있어요. 저장 전에는 미리보기로 어떻게 보일지 확인할 수 있는것도 편해요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;컨텍스트 표시 방식도 취향대로 바꿀 수가 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;45%만 볼지, 45k/200k 토큰으로 볼지, 남은 양으로 볼지(remaining), 둘 다 볼지(both)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;아쉬운 점&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;한국어가 안되요. 하지만 간단한 영어들이라 큰 불편은 아니에요.&lt;/li&gt;
&lt;li&gt;사용량 한도는 구독 계정 전용이에요. 추가 사용량으로 사용하는 API 사용량은 확인 할 수 없어요.&lt;/li&gt;
&lt;li&gt;클로드 코드 사용중일 때만 갱신되요. 작업이 완료되거나 미사용 중일 때는 자동으로 갱신이 안되고 모델이 응답할 때 갱신이 되어요.&lt;/li&gt;
&lt;li&gt;자리 차지를 많이 해요. 단순히 패널을 1~2개만 사용할때는 괜찮지만 상하 분할로 4개 사용하면 항상 입력창 하단에 고정되어 있어서 자리 차지를 많이 하게 됩니다.ㅠ&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;결론&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설치 쉽고, 따로 안열어도 되고, 실시간으로 보여주기 때문에 설치해두면 편한거 같아요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 컨텍스트 관리가 중요한 긴 작업을 자주 돌리시는 분이나 토큰 사용량을 자주 확인해보시는 분들은 필수로 쓰시는게 좋을거 같아요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;만약 사용하다 맘에 안들면 지워버리면 그만. 그리고 무료라는 점이 너무 좋네요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;개인적으로는 클로드 코드를 많이 사용하신다면 무조건 사용하는게 좋다는 생각 입니다.ㅎㅎ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>  AI</category>
      <category>claude-hud</category>
      <category>클로드</category>
      <category>클로드 코드</category>
      <author>리하RIHA</author>
      <guid isPermaLink="true">https://riha6615.tistory.com/64</guid>
      <comments>https://riha6615.tistory.com/64#entry64comment</comments>
      <pubDate>Tue, 9 Jun 2026 17:31:27 +0900</pubDate>
    </item>
    <item>
      <title>클로드(Claude) 토큰 사용량 확인하는 방법 총정리</title>
      <link>https://riha6615.tistory.com/61</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div id=&quot;SE-F3830AA5-FADF-46D1-9BBB-4D5DE8E7DD26&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-F3830AA5-FADF-46D1-9BBB-4D5DE8E7DD26&quot;&gt;
&lt;div&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-F3830AA5-FADF-46D1-9BBB-4D5DE8E7DD26&quot; data-unitid=&quot;&quot;&gt;
&lt;div&gt;
&lt;div id=&quot;SE-602bbf1d-2e81-4b89-8c56-26ccbbc088d3&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;bernd-dittrich-XIpm0bnYOQE-unsplash.jpg&quot; data-origin-width=&quot;6189&quot; data-origin-height=&quot;4006&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/btNxWb/dJMcadoBjQD/MNpg5SYPMNeI7yiUqH0Ip0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/btNxWb/dJMcadoBjQD/MNpg5SYPMNeI7yiUqH0Ip0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/btNxWb/dJMcadoBjQD/MNpg5SYPMNeI7yiUqH0Ip0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbtNxWb%2FdJMcadoBjQD%2FMNpg5SYPMNeI7yiUqH0Ip0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;6189&quot; height=&quot;4006&quot; data-filename=&quot;bernd-dittrich-XIpm0bnYOQE-unsplash.jpg&quot; data-origin-width=&quot;6189&quot; data-origin-height=&quot;4006&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-A4B4B531-A2BC-467B-9F61-42D0E41AD37A&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;클로드를 매일 쓰다 보면 한 번쯤 궁금해지는 게 있다. &amp;ldquo;내가 지금 토큰을 얼마나 쓰고 있지?&amp;rdquo;, &amp;ldquo;이러다 사용 제한에 걸려서 하던거 마무리 안되는거 아니야?&amp;rdquo; 특히 Claude Code로 작업하다 보면 5시간 안에 토큰이 훅훅 줄어드는 게 체감됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-003F97E3-5F74-401A-89BF-8B634643988B&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-17B92F14-2E9D-4C08-935E-A79A1565262B&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;사용 환경에 따라 확인 방법이 다르기 때문에, API 사용자, Claude Code 사용자, claude.ai 웹/앱 사용자 세 가지로 나눠서 정리했습니다.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; letter-spacing: 0px;&quot;&gt;1. API 사용자&lt;/span&gt;&lt;/h3&gt;
&lt;div id=&quot;SE-988F802F-75B3-495A-A328-8922BF644876&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-988F802F-75B3-495A-A328-8922BF644876&quot;&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-988F802F-75B3-495A-A328-8922BF644876&quot; data-unitid=&quot;&quot;&gt;
&lt;div id=&quot;SE-01c647be-7d2d-4d83-a80d-d56a6287fa3a&quot;&gt;
&lt;p id=&quot;SE-2944D9AF-2494-431A-938D-CEFE657F7672&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Anthropic API로 직접 호출하거나 &amp;ldquo;종량제(pay-as-you-go)&amp;rdquo;로 사용하는 경우, Claude Console의 Usage 페이지가 가장 정확합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-5AF32CBE-D6B2-495B-8CC3-F4F4913FBCDA&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 바로가기 : &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot; data-href=&quot;https://console.anthropic.com/settings/usage&quot;&gt;&lt;a href=&quot;https://console.anthropic.com/settings/usage&quot;&gt;https://console.anthropic.com/settings/usage&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-7E2564EC-F0FB-49FA-B6A7-6AD673F554DC&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-16927842-A8A6-4DF6-B2F7-BCB29AA428E2&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt; Console 왼쪽 내비게이션 메뉴의 Usage 페이지에서 모델별, API 키별 사용량을 상세하게 볼 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.17.28.png&quot; data-origin-width=&quot;2342&quot; data-origin-height=&quot;1540&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bMv1DN/dJMcaicuTqP/JveApdGoNtIclIBk1noP10/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bMv1DN/dJMcaicuTqP/JveApdGoNtIclIBk1noP10/img.png&quot; data-alt=&quot;Claude Console Usage&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bMv1DN/dJMcaicuTqP/JveApdGoNtIclIBk1noP10/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbMv1DN%2FdJMcaicuTqP%2FJveApdGoNtIclIBk1noP10%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2342&quot; height=&quot;1540&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.17.28.png&quot; data-origin-width=&quot;2342&quot; data-origin-height=&quot;1540&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Claude Console Usage&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-C5A29A23-734A-4A2E-AA77-161C7AC2AC40&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;주요기능&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-28698BF9-308B-4D01-BB6A-83317E0576EB&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;상세 분석 : 모델, 날짜/시간, API키 단위로 사용량 확인 ( 막대 차트를 클릭하면 시,분 단위까지 들어갈 수 있습니다. )&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-52C0D644-92F1-4589-AF36-1F6F1723A063&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;필터링 : 특정 모델, 월별, API 키 선택 가능&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-A965E060-EEB1-4091-825B-D1281F9B81AA&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;토큰 통계 : 선택한 조건의 입력/출력 토큰 총합 표시&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-1FEB5B3D-F435-4172-B071-5B900D03805C&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Rate Limit 확인 : 제한에 걸려 차단된 요청과 분당 토큰 (ITPM/OTPM) 대비 사용량 시각화&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-9437D0FD-7C39-4A53-AA76-263A0ED40F98&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;CSV 내보내기 : 데이터를 다운로드해 자체 분석/리포트에 활용&lt;/span&gt;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; letter-spacing: 0px;&quot;&gt;2. Claude Code 사용자&lt;/span&gt;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; font-size: 16px; letter-spacing: 0px;&quot;&gt;Claude Code를 Pro/Max 구독으로 쓴다면 콘솔의 비용 데이터는 의미가 없습니다. (구독제는 토큰당 과금이 되지 않는다.) 대신 내장 슬래시 커맨드 두 개를 기억하자. 의외로 모르는 사람이 많은데, 가장 빠르고 정확합니다.&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;SE-C1484CE3-B06B-4AE4-99B8-65B706E3E482&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-C1484CE3-B06B-4AE4-99B8-65B706E3E482&quot;&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-C1484CE3-B06B-4AE4-99B8-65B706E3E482&quot; data-unitid=&quot;&quot;&gt;
&lt;div id=&quot;SE-69819e0c-6a1e-497a-9490-92ff930647f1&quot;&gt;
&lt;p id=&quot;SE-EAEF981C-605C-4CCD-BD3E-154255124CA5&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-08251016-7FF5-48F5-8146-C4138FB533E1&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;/usage&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-3E656C1B-AADE-4DD9-BEB3-601F1E45DC2A&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;현재 플랜의 한도와 Rate Limit 상태를 보여줍니다. 지금 한도를 얼마나 썼는지를 빠르게 확인할 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.21.50.png&quot; data-origin-width=&quot;1196&quot; data-origin-height=&quot;534&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cp2LyY/dJMcaipYY0w/tZvcau6ghkME9HlqDmzG41/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cp2LyY/dJMcaipYY0w/tZvcau6ghkME9HlqDmzG41/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cp2LyY/dJMcaipYY0w/tZvcau6ghkME9HlqDmzG41/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcp2LyY%2FdJMcaipYY0w%2FtZvcau6ghkME9HlqDmzG41%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1196&quot; height=&quot;534&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.21.50.png&quot; data-origin-width=&quot;1196&quot; data-origin-height=&quot;534&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p id=&quot;SE-DE515FD4-E4DB-425F-849A-54A60705F980&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-DE987997-C584-4F1C-8BD5-723DD8887AE9&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;/stats&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-35478930-0C26-43C1-B90A-BD3379319D41&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;세션 수, 토큰 총량, 모델별 분석, 히트맵, 연속 사용 기록(streak)까지 보여주는 대시보드가 열립니다.&lt;/span&gt;&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.21.16.png&quot; data-origin-width=&quot;1088&quot; data-origin-height=&quot;1082&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bKaA5x/dJMcajvECav/HwtRmFouf4VXfIxRdsHCjk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bKaA5x/dJMcajvECav/HwtRmFouf4VXfIxRdsHCjk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bKaA5x/dJMcajvECav/HwtRmFouf4VXfIxRdsHCjk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbKaA5x%2FdJMcajvECav%2FHwtRmFouf4VXfIxRdsHCjk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1088&quot; height=&quot;1082&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.21.16.png&quot; data-origin-width=&quot;1088&quot; data-origin-height=&quot;1082&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p id=&quot;SE-2335FA48-001E-48E2-AD48-ADD0FC2D4EF6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-2027F34A-D034-44E4-8F03-4885438EA7CC&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;참고로 Claude Code는 플랜과 무관하게 토근 수, 모델, 세션, 프로젝트 정보를 로컬에 상세히 기록합니다. 그래서 다양한 서드파티가 존재하며, 이 로그를 읽어서 동작을 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-4960F53C-49F5-4185-83C3-4034CD61BD41&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p id=&quot;SE-4AD81703-EDEF-47B0-B5B0-95B391B26013&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;세션/한도 구조 알아두기&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;세션은 첫 메시지를 보내는 순간 시작되며, 5시간동안 지속됩니다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;5시간 한도 외에 주간 한도가 별도로 존재합니다. 두 한도는 독립적으로 리셋되므로 5시간 한도가 남아 있더라도 주간 한도를 먼저 소진할 수 있습니다.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;효율을 위해서는 작업별로 세션을 분리해서 시작하는게 좋습니다. &lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;SE-989EE9E8-900D-4E9C-A281-18792CCEF6E2&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-989EE9E8-900D-4E9C-A281-18792CCEF6E2&quot;&gt;
&lt;div&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-989EE9E8-900D-4E9C-A281-18792CCEF6E2&quot; data-unitid=&quot;&quot;&gt;
&lt;div&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;SE-B9F90D12-5EF6-467A-A305-E11569B168A2&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-B9F90D12-5EF6-467A-A305-E11569B168A2&quot;&gt;
&lt;div&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-B9F90D12-5EF6-467A-A305-E11569B168A2&quot; data-unitid=&quot;&quot;&gt;
&lt;div&gt;
&lt;div id=&quot;SE-f8d26198-4b64-4e3e-a461-0fa7b8419065&quot;&gt;
&lt;h3 id=&quot;SE-1E1EF4AB-AC70-42AE-AFF3-BDC4C3DAA3A1&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;3. claude.ai 웹/데스크톱 앱 사용자&lt;/span&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; letter-spacing: 0px;&quot;&gt;Pro, Max, Team, Enterprise 플랜을 쓴다면 설정 &amp;gt; 사용량(Settings &amp;gt; Usage)에서 진행률 막대를 직접 확인할 수 있습니다. 별도 도구 없이 공식적으로 제공되는 가장 간편한 방법입니다. 저도 한동안 이 방법을 통해 확인했습니다.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div id=&quot;SE-D29DB91A-98AB-4D01-A642-DFDBE790AEFC&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-D29DB91A-98AB-4D01-A642-DFDBE790AEFC&quot;&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-D29DB91A-98AB-4D01-A642-DFDBE790AEFC&quot; data-unitid=&quot;&quot;&gt;
&lt;div id=&quot;SE-a2e852ab-52e2-4260-b973-77b036d4705e&quot;&gt;
&lt;p id=&quot;SE-D7995366-3B52-4719-B200-923444D3AB3D&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 바로가기 : &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot; data-href=&quot;https://claude.ai/settings/usage&quot;&gt;&lt;a href=&quot;https://claude.ai/settings/usage&quot;&gt;https://claude.ai/settings/usage&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-31 오후 5.53.58.png&quot; data-origin-width=&quot;1458&quot; data-origin-height=&quot;938&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cVYkXa/dJMcaijdfjA/jU5CjKjB2ljCY1hcWTmaYK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cVYkXa/dJMcaijdfjA/jU5CjKjB2ljCY1hcWTmaYK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cVYkXa/dJMcaijdfjA/jU5CjKjB2ljCY1hcWTmaYK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcVYkXa%2FdJMcaijdfjA%2FjU5CjKjB2ljCY1hcWTmaYK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1458&quot; height=&quot;938&quot; data-filename=&quot;스크린샷 2026-05-31 오후 5.53.58.png&quot; data-origin-width=&quot;1458&quot; data-origin-height=&quot;938&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;SE-5efeccfc-b49d-4d17-ba49-902c341e35a7&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-5efeccfc-b49d-4d17-ba49-902c341e35a7&quot;&gt;
&lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-5efeccfc-b49d-4d17-ba49-902c341e35a7&quot; data-unitid=&quot;&quot;&gt;
&lt;div id=&quot;SE-6722d9f8-50a7-4087-b38e-de292ae82613&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;페이지 상단의 플랜 사용량 한도 섹션과 주간 한도 섹션에서 세 가지 한도에 대한 진행률을 보여 줍니다.&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;현재 세션 : 현재 세션에서 얼마나 소비 했는지.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;모든 모델 : 현재 주간 세션에서 모든 모델 사용량을 얼마나 소비 했는지.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Sonnet만 : 현재 주간 세션에서 Sonnet 모델 사용량을 얼마나 소비 했는지.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;여기서 알아둘 점 하나! claude.ai, Claude Code, Claude Desktop의 사용량은&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;모두 같은 한도 풀(pool)&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;을 고유 합니다. 즉 데스크톱 앱에서 쓴 것도, Claude Code에서 쓴 것도 한 곳에 합산됩니다.&lt;/span&gt;&lt;/p&gt;
&lt;p id=&quot;SE-FD8B677C-0692-45F8-8FC3-99B0C9B064F6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;만약 한도를 넘겨도 계속 작업하고 싶다면, 같은 페이지에서 사용 크레딧 섹션에서 활성화 할 수 있습니다. 활성화 후 한도를 넘기면 이후 사용분은 표준 API 요금으로 과금 됩니다. (플랜 구독료와는 별도 청구)&lt;/span&gt;&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.07.44.png&quot; data-origin-width=&quot;1430&quot; data-origin-height=&quot;594&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/mNyRA/dJMcadoBjkS/QuAqii7iR1In6CfjbNbwl0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/mNyRA/dJMcadoBjkS/QuAqii7iR1In6CfjbNbwl0/img.png&quot; data-alt=&quot;claude.ai 설정 &amp;amp;gt; 사용량&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mNyRA/dJMcadoBjkS/QuAqii7iR1In6CfjbNbwl0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmNyRA%2FdJMcadoBjkS%2FQuAqii7iR1In6CfjbNbwl0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1430&quot; height=&quot;594&quot; data-filename=&quot;스크린샷 2026-05-31 오후 6.07.44.png&quot; data-origin-width=&quot;1430&quot; data-origin-height=&quot;594&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;claude.ai 설정 &amp;gt; 사용량&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;h3 id=&quot;SE-01022BEB-7F69-436D-B416-A804D682D6D1&quot; data-ke-size=&quot;size23&quot;&gt;정리&lt;/h3&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 29.1473%;&quot;&gt;&lt;b&gt;사용 환경&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 44.2635%;&quot;&gt;&lt;b&gt;확인 방법&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%;&quot;&gt;&lt;b&gt;정확도&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 29.1473%;&quot;&gt;API / 종량제&lt;/td&gt;
&lt;td style=&quot;width: 44.2635%;&quot;&gt;Claude Console &amp;gt; Usage&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%;&quot;&gt;공식 / 정확&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 29.1473%;&quot;&gt;Claude Code&lt;/td&gt;
&lt;td style=&quot;width: 44.2635%;&quot;&gt;/usage, /stats 슬래시 커맨드&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%;&quot;&gt;공식 / 정확&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 29.1473%;&quot;&gt;claude.ai 웹, 데스크톱 앱&lt;/td&gt;
&lt;td style=&quot;width: 44.2635%;&quot;&gt;설정 &amp;gt; 사용량&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%;&quot;&gt;공식 / 정확&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>  AI</category>
      <category>사용량</category>
      <category>클로드</category>
      <category>클로드코드</category>
      <author>리하RIHA</author>
      <guid isPermaLink="true">https://riha6615.tistory.com/61</guid>
      <comments>https://riha6615.tistory.com/61#entry61comment</comments>
      <pubDate>Sun, 31 May 2026 18:48:55 +0900</pubDate>
    </item>
    <item>
      <title>클로드 코드(Claude Code) 완전 분석 - 20년 차 개발자가 6개월간 주력으로 사용해 본 후기</title>
      <link>https://riha6615.tistory.com/58</link>
      <description>&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;6000&quot; data-origin-height=&quot;4000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/d5B4h3/dJMcagMthfl/QJzVHkqnzUnZ1vkjfTRhR0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/d5B4h3/dJMcagMthfl/QJzVHkqnzUnZ1vkjfTRhR0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/d5B4h3/dJMcagMthfl/QJzVHkqnzUnZ1vkjfTRhR0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd5B4h3%2FdJMcagMthfl%2FQJzVHkqnzUnZ1vkjfTRhR0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;6000&quot; height=&quot;4000&quot; data-origin-width=&quot;6000&quot; data-origin-height=&quot;4000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;div id=&quot;SE-71f21074-1508-4bf4-866d-e1f78f19bc77&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-71f21074-1508-4bf4-866d-e1f78f19bc77&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-71f21074-1508-4bf4-866d-e1f78f19bc77&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-95fb39f9-f0d9-4c75-920d-d8b90f70f3fc&quot;&gt; 
     &lt;p id=&quot;SE-af98ba3d-e21a-4f97-8aba-04710884a3aa&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;터미널에 익숙한 개발자분들이라면 한 번쯤은 생각해 봤을 거예요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-b0ea7fdb-473c-47ef-be40-486f2a1e6148&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&quot;VS Code 안에 있는 AI 말고 터미널에서 바로 실행할 수 있는 건 없나?&quot;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-db4178b7-1791-4113-9bba-377ccb0d13c8&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;저는 처음에 Chat GPT를 이용해서 오류를 복붙하며 사용하기 시작했어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-0f9264ee-2792-47c0-ae90-1d383e0c8d99&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;물론 그것도 너무 잘했는데 코드 조각만 보고 답변을 주는 거라 가끔 헤매는 경우도 있어서 프로젝트를 잘 이해해서 해줄 수는 없을까 생각했어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-cc4935b2-7b3b-47e4-8cd9-75d81a744b97&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;그러던 중 터미널에서 사용할 수 있는 클로드 코드를 알게 되었고 사용하기 전부터 너무 기대감에 설레었던 거 같네요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-15907908-4d1a-4eee-9655-7ec095d874b8&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;그렇게 지난 6개월간 거의 모든 프로젝트의 주력 도구로 사용해왔습니다.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-4b06f7cd-ce05-4b2d-87bb-72ab504f1d7f&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;물론 초기에는 내가 짠 코드를 망가트리지 않을까 하는 걱정에 소극적으로 사용했지만 지금은 많을 영역에 사용을 하고 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-4956649d-5cd3-41d8-b727-e90b7a5b0548&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Spring Boot + React 기반의 커머스 플랫폼, WMS, 커뮤니티 서비스, 그리고 React Native 변환 작업까지 해보면서 솔직히 도구 하나에 이렇게 깊이 의존하게 될 줄은 몰랐어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-38aea137-f377-472c-8a34-e3ee2b0edb3a&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;오늘은 그 경험을 정리해 보려고 해요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-d0caf64d-7256-4773-bd3c-1fc006cec465&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-d0caf64d-7256-4773-bd3c-1fc006cec465&quot;&gt; 
 &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-d0caf64d-7256-4773-bd3c-1fc006cec465&quot; data-unitid=&quot;&quot;&gt; 
  &lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-02eca529-c4cd-43e4-bb20-6817888c9564&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-02eca529-c4cd-43e4-bb20-6817888c9564&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-02eca529-c4cd-43e4-bb20-6817888c9564&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-d25f94ad-75e0-47e8-8b51-cb4fd8e5ed87&quot;&gt; 
     &lt;h3 id=&quot;SE-bbc2172d-01ae-44df-a6ec-f435ef9d98ff&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;3줄 요약&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-5651e661-250f-4c4a-8a5b-c0171312f9f0&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-5651e661-250f-4c4a-8a5b-c0171312f9f0&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-5651e661-250f-4c4a-8a5b-c0171312f9f0&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-d0eae649-ad96-45a3-bef2-0a39899424ab&quot;&gt; 
     &lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Claude Code는 AI 자동완성이 아니라 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;프로그래머블한 코딩 플랫폼&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이에요. 챗봇처럼 사용하면 80%를 놓쳐요.&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;CLAUDE.md, Hooks, Subagents, Skills, MCP 이 다섯 가지를 이해해야 진짜 가치가 나와요.&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;다중 리팩토링, 운영 코드 수정, 한국어 문서화에 현존 제일 좋아요.(개인적인 생각)&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;비용이 좀 들어요. 하지만 일주일만 진지하게 써보면 본전을 뽑을 거예요.&lt;/span&gt;&lt;/li&gt; 
     &lt;/ul&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-9efef422-4e17-46e7-86b2-39619e9070f7&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-9efef422-4e17-46e7-86b2-39619e9070f7&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-9efef422-4e17-46e7-86b2-39619e9070f7&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-0df3dcb9-cc95-42f0-90cf-3eec857b2cef&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-0df3dcb9-cc95-42f0-90cf-3eec857b2cef&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-0df3dcb9-cc95-42f0-90cf-3eec857b2cef&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-81a64e73-2424-4587-8bec-c2d25d7267aa&quot;&gt; 
     &lt;h3 id=&quot;SE-42ec25c8-429c-4cfc-be33-2b510e38ba14&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;1. Claude Code가 뭐지?&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-370f2b78-896f-48d6-91ff-836634160e06&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-370f2b78-896f-48d6-91ff-836634160e06&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-370f2b78-896f-48d6-91ff-836634160e06&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-72fb06da-2297-42dd-bc9e-10b321988907&quot;&gt; 
     &lt;p id=&quot;SE-92fc0357-7810-4251-9846-e19b221bab0c&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;간단히 말하면, 터미널에서 동작하는 Anthropic의 코딩 에이전트에요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-55add99b-a117-4f16-abf2-1c6d91da58df&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Cursor나 Windsurf 같은 IDE 통합형 도구와는 달리, 터미널에서 독립적으로 동작해요. 그래서 어떤 IDE를 쓰더라도 상관없이 사용할 수 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-286cd8d4-6160-484e-932f-7a4fa873062a&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Vim, VS Code, Intelli J 어떠한 걸 쓰더라도, 터미널에 Claude Code를 띄워두기만 하면 돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-01d995c2-5f17-46cf-a2ba-4bc5b518833d&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-cae6a1b1-7716-4d06-afec-6d093085e237&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;설치는 간단&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-971c12a4-8b92-46ea-b677-512552fecd88&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-971c12a4-8b92-46ea-b677-512552fecd88&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-971c12a4-8b92-46ea-b677-512552fecd88&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;nginx&quot;&gt;&lt;code&gt;# 네이티브 인스톨 (권장)
curl -fsSL https://claude.ai/install.sh | bash

# 또는 npm
npm install -g @anthropic-ai/claude-code&lt;/code&gt;&lt;/pre&gt; 
     &lt;/div&gt; 
     &lt;div&gt;
       &amp;nbsp; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-d79b60e3-c470-43a0-98da-5e2308f196e7&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-d79b60e3-c470-43a0-98da-5e2308f196e7&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-d79b60e3-c470-43a0-98da-5e2308f196e7&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-c35c8576-ab91-49bc-bd16-57cfc8a4328f&quot;&gt; 
     &lt;p id=&quot;SE-d877967f-9b4e-4ede-b649-3c55d761d816&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;처음 시작할 때&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-e2114e79-f697-4023-8357-2196f7910130&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-e2114e79-f697-4023-8357-2196f7910130&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-e2114e79-f697-4023-8357-2196f7910130&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;applescript&quot;&gt;&lt;code&gt;cd my-project
claude&lt;/code&gt;&lt;/pre&gt; 
     &lt;/div&gt; 
     &lt;div&gt;
       &amp;nbsp; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-f0186f33-6638-43ab-9e02-4edfacffe5c3&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-f0186f33-6638-43ab-9e02-4edfacffe5c3&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-f0186f33-6638-43ab-9e02-4edfacffe5c3&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-379aa4e2-a5ad-4cc2-898d-50defd2dbce5&quot;&gt; 
     &lt;p id=&quot;SE-1fb43657-cfc9-47bf-b786-851e3e5bc297&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;프로젝트 디렉터리로 이동한 후 &lt;/span&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;&lt;b&gt;claude&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 명령어를 치면 세션이 시작돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-5b7ffd55-6483-4da6-9701-88f0453e0bfc&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;처음에는 &quot;이 코드 리팩토링해줘&quot;, &quot;여기 버그 수정해 줘&quot;처럼 챗봇처럼 써보세요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-4711dd74-dbd4-4444-82ec-fd0ae17b47a6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;그런데 계속 그렇게 사용하는 건 Claude Code의 20%만 사용하는 셈이에요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-363c7c12-51cb-4ced-9f01-b84789de6934&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-363c7c12-51cb-4ced-9f01-b84789de6934&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-363c7c12-51cb-4ced-9f01-b84789de6934&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-f5cf5f70-3eb7-4fd6-90fe-9aacae5613f3&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-f5cf5f70-3eb7-4fd6-90fe-9aacae5613f3&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-f5cf5f70-3eb7-4fd6-90fe-9aacae5613f3&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-245a82eb-7957-4f02-90df-c8da0cb14edc&quot;&gt; 
     &lt;h3 id=&quot;SE-63fefd62-7d12-4166-96fc-5feca6c0e987&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2. 진짜 가치는 다섯 가지 확장 포인트에 있어요&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-5a289193-b1dc-444b-935e-44b1a942b318&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-5a289193-b1dc-444b-935e-44b1a942b318&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-5a289193-b1dc-444b-935e-44b1a942b318&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-72cbc608-c07b-48ef-bc8b-c0a20334739c&quot;&gt; 
     &lt;p id=&quot;SE-50ada73c-4c0b-4623-86bd-559418381950&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;다른 AI CLI와 Claude Code의 결정적 차이는 확장성이에요. Anthropic은 Claude Code를 단일 도구가 아니라 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;플랫폼&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;으로 설계했어요. 그 확장 포인트가 다섯 가지나 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-5468d892-d2a5-4914-9bf4-71bf5190c006&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2-1. CLAUDE.md - 프로젝트의 헌법&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-0017c9f5-c0d0-49c5-bc82-19b8e2a3f04e&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;프로젝트 루트 경로에 CLAUDE.md 파일을 생성해두면, Claude는 매 세션마다 이 파일을 읽고 시작해요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-69ed070a-270a-4873-8d87-c629a070b6b5&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;코딩 스타일, 빌드 명령어, 아키텍처 노트, 금지 사항 등을 적어두면 돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-d87df5ce-4740-4523-96ab-7cec5a7ff426&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;내가 쓰는 예시:&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-b6b28ba9-42c7-472c-b05d-5a9b6f58899b&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-b6b28ba9-42c7-472c-b05d-5a9b6f58899b&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-b6b28ba9-42c7-472c-b05d-5a9b6f58899b&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;markdown&quot;&gt;&lt;code&gt;# 프로젝트: 원이지(OneEasy) 백엔드

## 스택
- Java 17 / Spring Boot 3.2 / JPA / MySQL 8
- 빌드: `./gradlew build`
- 테스트: `./gradlew test`

## 코딩 규칙
- 모든 API 응답은 ApiResponse&amp;lt;T&amp;gt; 래퍼로 감싼다
- 트랜잭션은 서비스 레이어에서만 시작한다
- 엔티티는 직접 컨트롤러로 노출하지 않는다 (DTO 변환 필수)

## 절대 하지 말 것
- @Transactional을 컨트롤러에 붙이지 말 것
- application.yml의 prod 설정을 건드리지 말 것&lt;/code&gt;&lt;/pre&gt; 
      &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-27ac9018-119c-47d0-8857-2f7ef6678b08&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-27ac9018-119c-47d0-8857-2f7ef6678b08&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-27ac9018-119c-47d0-8857-2f7ef6678b08&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-b0b23489-e2c0-4e26-a46c-185050c17f6b&quot;&gt; 
     &lt;p id=&quot;SE-dbaa6d50-4b66-4ddd-ad7f-7d9f4630af08&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;중요한 팁&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;을 하나 드리자면 CLAUDE.md는 200줄을 넘기지 않는 게 좋아요. Anthropic 공식 권장 사항이기도 하고, 길어질수록 Claude가 일부 내용을 무시하는 빈도가 늘어나기 때문이에요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-49630d0d-d0b5-4653-8853-d5b1314ea6e7&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Claude에게 &quot;이 줄을 지우면 Claude가 실수할까?&quot;라고 물어보고 지우는 방법도 괜찮은 거 같아요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-0776cb7d-bdf4-400a-8483-46612787424a&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-9daee568-4663-4293-86ea-e32fe2e1c320&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;그리고 CLAUDE.md는 어디까지나 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;권고사항&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이지 절대 지켜라 하는 사항은 아니에요. 약 80% 정도 지킨다고 생각하고 100% 강제하고 싶다면 다음에 나오는 Hooks를 쓰면 돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-241f49a0-aefc-4b73-ad11-0d6e18e3ea13&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-d5e2b8be-dc01-4459-a327-9c6cb51ac3b3&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2-2. Hooks - 결정론적 가드레일&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-b8843cf3-a731-47d2-9941-333b16fdf2fd&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Hooks는 Claude Code의 생애 주기 이벤트에 훅을 걸어서 셀 명령어를 실행하도록 해줘요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-be6c7d19-34fe-426a-ae35-e01d4b445c4b&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;AI의 해석에 의존하지 않고 100% 실행되어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-ee1f74e4-c77f-409f-9a4f-8f6c049df503&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-fcb3305d-c077-4a0b-907a-d0d5e392dc8a&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;예시 - 파일 수정 후 자동 포맷팅:&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-841ff2ac-7039-4b36-947a-404919ac9969&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-841ff2ac-7039-4b36-947a-404919ac9969&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-841ff2ac-7039-4b36-947a-404919ac9969&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;json&quot;&gt;&lt;code&gt;{
  &quot;hooks&quot;: {
    &quot;PostToolUse&quot;: [
      {
        &quot;matcher&quot;: &quot;Write|Edit&quot;,
        &quot;hooks&quot;: [
          { &quot;type&quot;: &quot;command&quot;, &quot;command&quot;: &quot;./scripts/format.sh&quot; }
        ]
      }
    ]
  }
}&lt;/code&gt;&lt;/pre&gt; 
     &lt;/div&gt; 
     &lt;div&gt;
       &amp;nbsp; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-697932d2-d8e3-4f2d-b1b3-d8e09be05657&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-697932d2-d8e3-4f2d-b1b3-d8e09be05657&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-697932d2-d8e3-4f2d-b1b3-d8e09be05657&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-d7ef6463-a2a3-4c80-84c4-f852da236ada&quot;&gt; 
     &lt;p id=&quot;SE-f23d0b61-456c-404a-8ea0-cbce9c3b7262&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;어떤 상황에 쓰면 좋을지 예를 들면 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;&quot;절대 메인 브랜치에 force push 하지 마라&quot; &lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;같은 규칙은 CLAUDE.md에 적어두면 80% 정도만 지켜질 수 있어요. 운 나쁘게 새벽에 돌려놓다가 대형 사고가 날수 있어서 그런 종류는 무조건 Hook으로 막아야 해요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-00d0a2ef-36d6-4ac6-8af6-e9b87e4583f1&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-0e109faf-2eca-4ea8-9a36-75f3f3b70cb9&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;내가 실제로 운영하는 Hook들:&lt;/span&gt;&lt;/p&gt; 
     &lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;PreToolUse에서&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;rm -rf&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 차단&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;PostToolUse&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;에서 Java 파일 수정되면 자동으로 &lt;/span&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;./gradlew spotlessApply&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;Stop&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;에서 변경된 파일 목록을 Slack에 알림&lt;/span&gt;&lt;/li&gt; 
     &lt;/ul&gt; 
     &lt;p id=&quot;SE-57273c2c-4eab-4bb2-b3d2-05bbd2366c93&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-d455deed-7b1a-4440-aff1-fd57a67c2f23&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2-3. Subagents - 컨텍스트 오염을 막는 결정적 무기&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-d3d4667f-1aa7-4e08-bb61-7cf7b462a542&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Claude Code의 가장 강력한 기능 중 하나인데, &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;별도의 Claude 인스턴스를 띄워서 작업을 위임&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;하고, 결과 요약만 받아와요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-2fc8117f-988b-433e-bc60-b261c198b463&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이게 중요한 이유는 큰 코드 베이스를 탐색하다 보면 메인 컨텍스트가 금방 오염되거든요. &quot;이 파일 읽어봐, 저 파일도 읽어봐&quot; 하다 보면 정작 본 작업을 시작할 때쯤이면 컨텍스트가 오염돼서 너덜너덜해져요. Subagent는 깨끗한 컨텍스트에서 탐색을 하고 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;요약만 다시 전달해 줘요.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-08990878-9630-4722-b88b-0872530bf3fa&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-05af3052-c0e9-46e8-9f17-d54a609d198b&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;.claude/agents/code-reviewer.md&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 같은 식으로 정의하면 돼요&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-90744a8d-b3e3-4877-80b9-35dc1bbbbc62&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-90744a8d-b3e3-4877-80b9-35dc1bbbbc62&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-90744a8d-b3e3-4877-80b9-35dc1bbbbc62&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;yaml&quot;&gt;&lt;code&gt;---
name: code-reviewer
description: 코드 품질, 보안, 베스트 프랙티스 관점에서 리뷰. 코드 변경 후 자동 실행.
tools: Read, Glob, Grep
model: sonnet
---

당신은 시니어 코드 리뷰어다.
다음을 중점적으로 본다:
1. SQL 인젝션, XSS 같은 보안 이슈
2. N+1 쿼리 같은 성능 이슈
3. 트랜잭션 경계가 적절한지
4. 테스트 커버리지가 충분한지

구체적이고 실행 가능한 피드백만 준다.&lt;/code&gt;&lt;/pre&gt; 
     &lt;/div&gt; 
     &lt;div&gt;
       &amp;nbsp; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-4db9a2b0-3d2b-40a7-a1f4-c623386880e1&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-4db9a2b0-3d2b-40a7-a1f4-c623386880e1&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-4db9a2b0-3d2b-40a7-a1f4-c623386880e1&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-c734078a-1b08-469c-a00c-9b38d9f5ed2e&quot;&gt; 
     &lt;p id=&quot;SE-687106be-681a-4744-b45e-0194265b0440&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이제 메인 세션에서 &quot;방금 작성한 결제 모듈 리뷰해 줘&quot;라고 하면 Claude는 code-reviewer 서브 에이전트를 띄워서 리뷰하고 요약을 받아와요. 메인 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;컨텍스트는 깨끗하게 유지가 돼요!&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-43f17db3-c079-4a31-9a77-6af242e72209&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-5be57d9b-3f81-4af7-b9bc-46320d3ae605&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2-4. Skills - 재사용 가능한 지식 패키지&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-1905e0b1-42bc-4293-a5fb-1dd182b09d42&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Skills는 &lt;/span&gt;&lt;span style=&quot;color: #ff0010;&quot;&gt;.claude/skills/&amp;lt;skill-name&amp;gt;/SKILL.md&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt; 구조로 정의되는 재사용 가능한 작업 지침이에요. 특정 도메인의 노하우(예: Spring Boot에서 Oauth2 설정하기, STOMP WebSocket 디버깅)를 패키지로 만들어두면, Claude가 해당 작업이 필요할 때 자동으로 로드해서 사용해요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-2d65bd9f-e391-409a-95be-b98fd272f34c&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-ba7cb7b2-0069-4c44-86a4-18d4703a508e&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;JIT (Just-In-Time) 로딩이라는 점이 핵심인데 모든 Skill을 항상 컨텍스트에 들고 있는 게 아니라, 딱 필요한 순간 그때만 불러와요. 그래서 Skill을 100개 만들어둬도 토큰 부담을 줄일 수 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-acd43f9d-61ec-42c2-ade8-017cca5bc730&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-c263144c-53bc-4fba-8b65-71458bfcad00&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2-5. MCP (Model Context Protocol) - 외부 도구 연결&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-51c6b7c9-39e9-49f0-be96-26345e136a6d&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;MCP는 Claude를 외부 시스템과 연결하는 표준 프로토콜이에요. GitHub, Slack, 데이터베이스, 회사 내부 API 등을 도구로 연결할 수 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-9db7634d-8654-4c7e-9928-a6c7a2e09941&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;예를 들어 GitHub MCP를 붙이면 Claude가 PR 생성, 이슈 코멘트, 브랜치 관리를 직접 하게 돼요. 데이터 베이스 MCP를 붙이면 스키마를 직접 들여다보면서 쿼리를 짠다고 하는데 데이터 베이스 쪽은 아직 걱정돼서 사용은 안 해봤어요; MCP를 사용함으로써 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;AI가 코드만 쓰는 게 아니라, 운영 환경과 직접 상호작용&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;까지 하는 단계로 넘어가게 돼요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-6aa0ba94-1325-441b-b816-9d37a1d33a0e&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-6aa0ba94-1325-441b-b816-9d37a1d33a0e&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-6aa0ba94-1325-441b-b816-9d37a1d33a0e&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-57670232-229a-4613-9577-acc3e8b43467&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-57670232-229a-4613-9577-acc3e8b43467&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-57670232-229a-4613-9577-acc3e8b43467&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-714cf463-c963-4743-8270-1202b28e7b19&quot;&gt; 
     &lt;h3 id=&quot;SE-2beddb30-d5f3-41f7-84b5-e9df412d6855&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;3. 실전 워크플로우 - 내가 실제로 일하는 방식&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-e8914e44-e8b7-432e-842c-ea2ed229c81c&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-e8914e44-e8b7-432e-842c-ea2ed229c81c&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-e8914e44-e8b7-432e-842c-ea2ed229c81c&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-5ee23873-9f70-463b-b3a0-366e4062d2f2&quot;&gt; 
     &lt;p id=&quot;SE-a7774c96-fc9a-47b8-b1d1-2a77a81767ce&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;20년 개발하면서 정착한 흐름이 있어요. Research -&amp;gt; Plan -&amp;gt; Annotation -&amp;gt; Implementation. Claude Code는 이 흐름이 정말 잘 맞는 거 같아요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-76b74e57-6778-4993-b576-96c513df2bca&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-80c8dab2-2c0d-4af5-a799-e237840ec61a&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단계 1 : Research (탐색)&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-38609146-ba97-4cf6-9449-d9f923203dfd&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;새 기능을 구현해야 할 때, 절대 코드부터 바로 짜지 않아요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-2c3aa30b-804b-4eac-8937-6b3307b3c967&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-2c3aa30b-804b-4eac-8937-6b3307b3c967&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-2c3aa30b-804b-4eac-8937-6b3307b3c967&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;markdown&quot;&gt;&lt;code&gt;&amp;gt; 우리 코드베이스에서 결제 관련 로직이 어디 어디에 흩어져 있는지 
  서브에이전트 띄워서 정리해줘. 의존성 그래프도 같이.&lt;/code&gt;&lt;/pre&gt; 
      &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-460326c0-5568-47a7-9b32-65cfd6ecfa84&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-460326c0-5568-47a7-9b32-65cfd6ecfa84&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-460326c0-5568-47a7-9b32-65cfd6ecfa84&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-89385540-8e24-43d2-a083-f539594f2471&quot;&gt; 
     &lt;p id=&quot;SE-621271b6-e373-4c2a-9f00-d8887f98b7d1&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Subagent가 코드 베이스를 탐색하고 요약을 돌려줘서 메인 컨텍스트는 깨끗하게 유지돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-ea0e771a-bf69-4274-b71d-1044d9627b34&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-8210484b-39ea-4dc7-8898-339854804658&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단계 2 : Plan (계획)&lt;/span&gt;&lt;/h4&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-1ddbece2-e851-4741-bea0-cf790b1ce388&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-1ddbece2-e851-4741-bea0-cf790b1ce388&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-1ddbece2-e851-4741-bea0-cf790b1ce388&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;markdown&quot;&gt;&lt;code&gt;&amp;gt; 이 결제 모듈에 카카오페이 연동을 추가하려고 해. 
  먼저 구현 계획부터 세워줘. 코드는 아직 쓰지 마.&lt;/code&gt;&lt;/pre&gt; 
      &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-ecf3fd66-629f-4b3d-9dac-ff71fed8da5e&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-ecf3fd66-629f-4b3d-9dac-ff71fed8da5e&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-ecf3fd66-629f-4b3d-9dac-ff71fed8da5e&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-106dfe6d-863c-4a19-aafe-96b3f4e60045&quot;&gt; 
     &lt;p id=&quot;SE-5800582b-4f51-4dc1-ac34-791e41109aee&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;프롬프트에서 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;&quot;코드는 아직 쓰지 마&quot;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;는 정말 중요해요. Claude는 시키면 우선 코드부터 쓰려고 하기 때문에 계획 단계임을 말해줘야 해요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-e7e6fabb-0798-4ec6-a0d3-e8302ecb5f81&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-0e10d326-d02a-4840-846b-15b4f05d5029&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단계 3 : Annotation (주석/설계 문서화)&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-20228f40-65bb-464e-8a94-0ea945391e62&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;계획인 마음에 든다면, 실제 코드를 쓰기 전에 주석으로 의도를 먼저 적게 하세요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-d9b21100-4c72-4e9a-af60-68a360776a85&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-d9b21100-4c72-4e9a-af60-68a360776a85&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-d9b21100-4c72-4e9a-af60-68a360776a85&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;reasonml&quot;&gt;&lt;code&gt;&amp;gt; 이제 PaymentService.kakaoPayApprove() 메서드를 만들 건데, 
  메서드 시그니처와 상세 주석부터 먼저 짜줘. 본문 구현은 다음 단계.&lt;/code&gt;&lt;/pre&gt; 
      &lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-24242915-f3a1-4251-88ed-0f5867461636&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-24242915-f3a1-4251-88ed-0f5867461636&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-24242915-f3a1-4251-88ed-0f5867461636&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-235b544e-d9fa-452e-8baa-e97bb7aee8de&quot;&gt; 
     &lt;p id=&quot;SE-1c47e639-7581-4072-848e-112c49b9cf68&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이 단계가 생각보다 중요한데, AI가 코드를 잘못 짜는 대부분의 이유가 &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;의도를 정확히 이해하지 못한 상태로 코드부터 쓰기 때문&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이에요. 주석을 먼저 쓰게 하면 의도 검증을 코드 작성 전에 끝낼 수 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-755adab3-f9f0-415d-8ce4-12d851a83afe&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;h4 id=&quot;SE-2832a977-6fca-4fd5-8888-34aaca070989&quot; data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단계 4 : Implementation (구현)&lt;/span&gt;&lt;/h4&gt; 
     &lt;p id=&quot;SE-be59e659-0690-4923-b107-8160ae3a0154&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이제야 드디어 코드를 짜요. 앞에서 계획과 주석이 잘 잡혀 있다면, 이 단계는 거의 기계적으로 코드를 짜요. (기계가 맞긴 하지만...)&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-3f4fd2ad-99e5-4c32-aa4a-352509de89b9&quot; data-a11y-title=&quot;코드&quot; data-compid=&quot;SE-3f4fd2ad-99e5-4c32-aa4a-352509de89b9&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-3f4fd2ad-99e5-4c32-aa4a-352509de89b9&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;div&gt; 
      &lt;pre class=&quot;armasm&quot;&gt;&lt;code&gt;&amp;gt; 이제 위 주석에 맞춰서 본문 구현해줘. 
  완료 후 code-reviewer 서브에이전트로 리뷰까지 돌려줘.&lt;/code&gt;&lt;/pre&gt; 
     &lt;/div&gt; 
     &lt;div&gt;
       &amp;nbsp; 
     &lt;/div&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-8fba967f-d777-4000-a549-a4b61d9b62af&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-8fba967f-d777-4000-a549-a4b61d9b62af&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-8fba967f-d777-4000-a549-a4b61d9b62af&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-f0dd2c42-2be0-4dbe-bec0-037ce07104f2&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-f0dd2c42-2be0-4dbe-bec0-037ce07104f2&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-f0dd2c42-2be0-4dbe-bec0-037ce07104f2&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-3d1cc3d9-2272-4302-8e84-d427a75fae3c&quot;&gt; 
     &lt;h3 id=&quot;SE-2ce728c2-81bf-4b0e-8ada-d17825e91560&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;4. 장점 - 솔직한 체감&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-7da6f5de-4452-4e56-9a1c-15e27957d600&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-7da6f5de-4452-4e56-9a1c-15e27957d600&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-7da6f5de-4452-4e56-9a1c-15e27957d600&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-20972f77-e69f-4bad-923f-1680dea3f45f&quot;&gt; 
     &lt;p id=&quot;SE-d6078ebb-fe23-4708-8f8d-3a281b06aaaa&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 다중 파일 리팩토링이 압도적이에요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-aee5f362-5df7-45f6-8f95-80834f2af4ae&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Spring Boot 프로젝트에서 도메인 모델 하나 바꾸려면 엔티티, 리포지토리, 서비스, DTO, 컨트롤러, 테스트까지 6~7개 파일을 같이 바꿔야 해요. Claude Code는 이걸 한 흐름으로 처리해요. 다른 도구는 &quot;이 파일 바꿨으니 저 파일도 바꿔야 하지 않을까요?&quot;라고 묻는다면 Claude는 그냥 다 같이 한 번에 봐요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-c367a976-b3c2-4fc2-b8f1-626821d36521&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-0ba7c5ff-ce41-4525-8f7c-21bde1b2b5ea&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 한국어 처리가 자연스러워요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-7da1be75-ad7c-4161-92b1-6c2357366cf3&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;주석, 커밋 메시지, README, 사용자용 에러 메시지까지 한국어로 시켜도 후처리 거의 없이 그대로 사용하는 편인 거 같아요. 일본어, 대만어(번체)도 마찬가지로 좋은 거 같고요. 이건 다국어 Youtube 채널 스크립트 작업할 때 결정적이 차이로 느껴진 거 같아요. 역시 글쓰기는 클로드!!&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-62dc35bf-0205-401e-b4ce-142671f28e5d&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-f99c1b70-0316-481e-87d0-4926b33882f4&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# TODO 기반 상태 관리가 길게 가도 안 무너져요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-72e7c0eb-e471-45b9-8d04-ca09757951d4&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;장시간 작업 시켜놓고 잠깐 한눈팔다 돌아오면 Claude는 자기 TODO 리스트를 갱신해가면 작업하고 있어요. 멀티 에이전트 같은 거창한 구조가 아닌데도 제대로 잘하는 거 같아요. 의외로 단순한 구조가 실무에선 가장 안정적인 느낌이에요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-42d3152d-9f9e-4299-a662-289c966b958a&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-45732f8d-2307-4d23-86a5-7869b68ae0fd&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 확장 포인트가 풍부해요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-d4ba859b-2899-4efd-a55a-6d8746802f57&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;위에서 본 다섯 가지 확장점이 프로젝트마다 다른 워크플로우를 정착시키기 좋아요. 우리 회사 같은 경우 프로젝트 5~6개를 동시에 돌리는데, 각 프로젝트마다 CLAUDE.md, Hooks, Subagents가 각각 다른게 세팅되어 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-c1444b2e-d2c9-43cf-9fbb-9867def1486d&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-5740c231-ef9e-44d8-ba19-9a3fabcd7dab&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 컨트롤이 명확해요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-5c144c1c-83ef-4927-a2f4-ffab5fc5130a&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;작업 전에 &quot;이 파일들을 수정하겠습니다. 진행할까요?&quot;라고 물어봐요. 자동 모드로 귀찮음을 덜 수도 있지만 그래도 운영 코드에선 매번 확인받는 게 안전하니까요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-df1b17e8-7686-4d89-887d-be49cd54f4cf&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-df1b17e8-7686-4d89-887d-be49cd54f4cf&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-df1b17e8-7686-4d89-887d-be49cd54f4cf&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-22178d8f-33f6-4fed-bee5-3418768eb734&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-22178d8f-33f6-4fed-bee5-3418768eb734&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-22178d8f-33f6-4fed-bee5-3418768eb734&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-725dc8d7-239a-4cb0-bdb9-38aa2bfbcd8f&quot;&gt; 
     &lt;h3 id=&quot;SE-82d9d55a-702d-470f-a704-5615280283de&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;5. 단점 - 솔직하게...&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-645fd525-232a-4265-aec5-37fd6618dce9&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-645fd525-232a-4265-aec5-37fd6618dce9&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-645fd525-232a-4265-aec5-37fd6618dce9&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-3cb377a1-0cb5-4dcc-b0e1-72302c1d4adf&quot;&gt; 
     &lt;p id=&quot;SE-a456b9bb-16f5-4b58-85be-4399dea55d9f&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 무료 티어가 없어요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-20d3fbc3-3176-44f2-92bd-15e91986a782&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;진입 장벽이 가장 높은 거 같아요. 처음 손에 익히려면 Pro($20/월)은 무조건 사용해야 해요. 하지만 조금만 진지하게 쓰려면 Pro는 토큰이 부족해서 결국 Max 플랜으로 올라가게 돼요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-b0ee3c51-f029-495e-8492-16ffd518fb96&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-cddeca57-1652-4fd3-a3ca-5a3b6ee0292a&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 클로즈드 소스예요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-3d8de3b5-2bc6-4bff-a397-26a9c2f0c45e&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;내부 동작을 직접 뜯어볼 수 없어요. 사내 보안 정책상 클로즈드 소스 툴을 못 쓰는 곳도 있을 텐데, 이런 경우엔 오픈소스인 Codex CLI나 Gemini CLI가 대안이 될 수 있을 것 같아요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-cdcea190-828c-4c9a-93cf-7dbc93e36cfd&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-c66ae617-307f-4e86-891a-ce7f9580ef06&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 속도가 빠르지는 않아요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-ee9a27c8-3aea-4339-8b0e-8cb82d316c29&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;깊게 생각하고 움직이는 만큼 단수한 한 줄 수정 같은 작업선 간혹 답답할 때가 있어요. &quot;한 줄만 고쳐달라&quot;는 요청에도 주변 컨텍스트를 다 읽고 시작하기 때문에 빠른 실험엔 Gemini CLI가 나을 때도 있어요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-8994f7d9-7cbc-4822-b668-bb246834c790&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-681a4f0b-5ec2-4afc-ab11-0ed26c315ffb&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# 토큰 소모가 적지 않아요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-6dd638ed-8d29-41a1-9ccc-a74bc1deeb27&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;같은 작업에서 Codex CLI 대비 토큰을 2~4배 더 쓴다고 해요. 그만큼 깊이 보는 거지만, API 직접 호출로 운영하게 된다면 비용이 장난 아니게 사용돼요. 그래서 Max 같은 정액제가 차라리 나은 거 같아요.&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-0ffc8ee3-ce13-429d-b60e-1b0d5452c8b2&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt; 
     &lt;p id=&quot;SE-47c7fb99-29b6-4da5-b2a7-e4efcade3acc&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;# &quot;챗봇처럼&quot;만 쓰면 진짜 가치를 못 봐요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-d1cc16c4-4a74-4d46-944a-50295d8a60d4&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이건 담점이라기보다는 학습 곡선의 문제죠. 설치만 하고 그냥 챗봇처럼 쓰면 다른 도구와 큰 차이를 못 느낄 거예요. CLAUDE.md, Hooks, Subagents까지 셋업 해야 비로소 &quot;아 이래서 사람들이 칭찬하는구나&quot; 하고 생각될 거예요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-8f154e60-af30-4313-ae65-c6d740ca8499&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-8f154e60-af30-4313-ae65-c6d740ca8499&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-8f154e60-af30-4313-ae65-c6d740ca8499&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-eefd68e3-5bba-46aa-ae6e-29b78d00a14d&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-eefd68e3-5bba-46aa-ae6e-29b78d00a14d&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-eefd68e3-5bba-46aa-ae6e-29b78d00a14d&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-70ae0202-2446-4ff8-abb6-ebbae2fbfb51&quot;&gt; 
     &lt;h3 id=&quot;SE-128496a8-9c7b-459d-99a1-064652f85580&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;6. 누구한테 추천?&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-6ce23cd7-fe7b-4ece-9e10-4f56da2340ec&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-6ce23cd7-fe7b-4ece-9e10-4f56da2340ec&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-6ce23cd7-fe7b-4ece-9e10-4f56da2340ec&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-d9434e4c-4622-4c3d-8321-481881904623&quot;&gt; 
     &lt;p id=&quot;SE-aef662b7-bd6b-456a-819b-0d538fbb1a26&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;잘 맞는 경우&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;운영 중인 프로덕션 코드를 다루는 개발자&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;다중 파일이 얽힌 복잡한 리팩토링이 잦은 경우&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;한국어 문서화, 다국어 콘텐츠 작업이 많은 팀&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;워크플로우를 세팅해서 장기적으로 굴리고 싶은 팀&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;본인이 시니어급이라 AI 출력을 검증할 수 있는 경우&lt;/span&gt;&lt;/li&gt; 
     &lt;/ul&gt; 
     &lt;p id=&quot;SE-101ad8f1-b537-4ff2-89de-8e9091b5e13b&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;잘 안 맞는 경우&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;무료로만 써야 하는 경우 -&amp;gt; Gemini CLI 추천&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;클로즈드 소스 정책이 막힌 환경 -&amp;gt; Codex CLI 추천&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단순 자동완성, 한 줄 짜기 정도만 필요한 경우 -&amp;gt; IDE 통합형이 더 나을 수도..&lt;/span&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;span style=&quot;color: #000000;&quot;&gt;AI 출력을 검증할 능력이 없는 주니어 -&amp;gt; 학습 도구로는 좋지만 의존하면 위험!!&lt;/span&gt;&lt;/li&gt; 
     &lt;/ul&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-30d03cff-1399-4df0-88f6-2713d8fe4653&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-30d03cff-1399-4df0-88f6-2713d8fe4653&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-30d03cff-1399-4df0-88f6-2713d8fe4653&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt;
      &amp;nbsp; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;hr data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt;&lt;div id=&quot;SE-93aaa63a-8967-4105-b3c9-97b672846985&quot; data-a11y-title=&quot;소제목&quot; data-compid=&quot;SE-93aaa63a-8967-4105-b3c9-97b672846985&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-93aaa63a-8967-4105-b3c9-97b672846985&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-818ac3ca-1c9e-43b9-8c31-70ae8baf313c&quot;&gt; 
     &lt;h3 id=&quot;SE-646ca050-fcb0-42d8-a51d-116d71cec6b8&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;7. 마치며.&lt;/span&gt;&lt;/h3&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-b95c3e64-cd7d-4d28-8c63-36d8172d17f1&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-b95c3e64-cd7d-4d28-8c63-36d8172d17f1&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-b95c3e64-cd7d-4d28-8c63-36d8172d17f1&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-2813373e-6684-45b7-93d1-3b79654ad947&quot;&gt; 
     &lt;p id=&quot;SE-be598944-9f98-4033-9eb2-d66e93d4a720&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Claude Code를 6개월 써 본 가장 큰 깨달음은 이거에요. &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;b&gt;&quot;이건 도구가 아니라 플랫폼이다.&quot;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt; 
     &lt;p id=&quot;SE-50b3654f-5413-4e14-8a89-b8c8f4ba66cf&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;VS Code 확장 한 두개 깔듯이 쓰면 평함한 AI 챗봇이에요. 그런데 CLAUDE.md를 정성껏 쓰고, Hooks로 가드레일을 치고, Subagent로 역활을 분담하고, Skills로 노하우를 패키징하기 시작한다면 그때부터 진짜로 &quot;내 팀의 한 명&quot;이 되요.&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-cd1d28a8-c0f4-4822-b19e-21bfa75b711d&quot; data-a11y-title=&quot;구분선&quot; data-compid=&quot;SE-cd1d28a8-c0f4-4822-b19e-21bfa75b711d&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-cd1d28a8-c0f4-4822-b19e-21bfa75b711d&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div&gt; 
     &lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot;&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;div id=&quot;SE-935fbd9e-86e9-4425-9721-cba1dfba60b8&quot; data-a11y-title=&quot;본문&quot; data-compid=&quot;SE-935fbd9e-86e9-4425-9721-cba1dfba60b8&quot;&gt; 
 &lt;div&gt; 
  &lt;div data-direction=&quot;top&quot; data-compid=&quot;SE-935fbd9e-86e9-4425-9721-cba1dfba60b8&quot; data-unitid=&quot;&quot;&gt; 
   &lt;div&gt; 
    &lt;div id=&quot;SE-3426c02c-d0d9-4991-8afc-fd2eefbbb681&quot;&gt; 
     &lt;p id=&quot;SE-a8f051b3-b12f-4c57-a25b-28d4243b9dfb&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;i&gt;이 글은 2026년 5월 기준이에요. Claude Code는 매달 업데이트가 되니 실제 셋업 전엔 공식문서를 한번 더 확인하시길 바래요.&lt;/i&gt;&lt;/span&gt;&lt;/p&gt; 
    &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>  AI</category>
      <category>Claude</category>
      <category>바이브 코딩</category>
      <category>클로드</category>
      <category>클로드 코드</category>
      <author>리하RIHA</author>
      <guid isPermaLink="true">https://riha6615.tistory.com/58</guid>
      <comments>https://riha6615.tistory.com/58#entry58comment</comments>
      <pubDate>Thu, 28 May 2026 22:13:10 +0900</pubDate>
    </item>
    <item>
      <title>정규식을 이미지로 보기쉽게 보여주는 사이트</title>
      <link>https://riha6615.tistory.com/49</link>
      <description>&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;정규식을 시각적으로 표현해주는 사이트가 있습니다.&lt;br&gt;&lt;br&gt;&lt;a href=&quot;https://regexper.com&quot; target=&quot;_blank&quot;&gt;&lt;span&gt;https://regexper.com&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure data-ke-type=&quot;opengraph&quot; data-og-title=&quot;Regexper&quot; data-ke-align=&quot;alignCenter&quot; data-og-description=&quot;&quot; data-og-host=&quot;regexper.com&quot; data-og-source-url=&quot;https://regexper.com&quot; data-og-url=&quot;https://regexper.com&quot;&gt;&lt;a href=&quot;https://regexper.com&quot; target=&quot;_blank&quot; data-source-url=&quot;https://regexper.com&quot;&gt;&lt;div class=&quot;og-image&quot;&gt;&lt;/div&gt;&lt;div class=&quot;og-text&quot;&gt;&lt;p class=&quot;og-title&quot;&gt;Regexper&lt;/p&gt;&lt;p class=&quot;og-desc&quot;&gt;&lt;/p&gt;&lt;p class=&quot;og-host&quot;&gt;regexper.com&lt;/p&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;예를 들어 이메일 패턴을 입력하면&lt;br&gt;&lt;br&gt;/^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$/ &lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1170&quot; data-origin-height=&quot;2007&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/u9Ypm/dJMcabEhS6o/nDVUZrXx0ThUHplGa84du1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/u9Ypm/dJMcabEhS6o/nDVUZrXx0ThUHplGa84du1/img.jpg&quot; data-alt=&quot;regexper.com&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/u9Ypm/dJMcabEhS6o/nDVUZrXx0ThUHplGa84du1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fu9Ypm%2FdJMcabEhS6o%2FnDVUZrXx0ThUHplGa84du1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1170&quot; height=&quot;2007&quot; data-origin-width=&quot;1170&quot; data-origin-height=&quot;2007&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;regexper.com&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;이렇게 이미지로 보기좋게 표시해 준답니다.&lt;br&gt;각 자리별로 어떤 문자를 허용하는지 이런 것들을 쉽게 확인하실 수 있어요&lt;br&gt;&lt;br&gt;생성된 이미지는 다운로드가 가능하답니다.&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;794&quot; data-origin-height=&quot;133&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfQVJo/dJMcabEhS6n/ACoMr09pH3GJtIGYvrguvk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfQVJo/dJMcabEhS6n/ACoMr09pH3GJtIGYvrguvk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfQVJo/dJMcabEhS6n/ACoMr09pH3GJtIGYvrguvk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfQVJo%2FdJMcabEhS6n%2FACoMr09pH3GJtIGYvrguvk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;794&quot; height=&quot;133&quot; data-origin-width=&quot;794&quot; data-origin-height=&quot;133&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;정규식 궁금하신 분들은 한번 들어가서 사용해보세요 &lt;/p&gt;</description>
      <category> &amp;zwj;  개발</category>
      <category>정규식</category>
      <author>리하RIHA</author>
      <guid isPermaLink="true">https://riha6615.tistory.com/49</guid>
      <comments>https://riha6615.tistory.com/49#entry49comment</comments>
      <pubDate>Thu, 21 May 2026 23:33:18 +0900</pubDate>
    </item>
  </channel>
</rss>