<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>temver 님의 블로그</title>
    <link>https://temver.tistory.com/</link>
    <description>temver 님의 블로그 입니다.</description>
    <language>ko</language>
    <pubDate>Thu, 4 Jun 2026 08:01:02 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>temver</managingEditor>
    <image>
      <title>temver 님의 블로그</title>
      <url>https://tistory1.daumcdn.net/tistory/8672426/attach/d365eb001587434caecee2827845856f</url>
      <link>https://temver.tistory.com</link>
    </image>
    <item>
      <title>Claude Memory 완벽 사용법 | 이제 AI가 나를 기억합니다</title>
      <link>https://temver.tistory.com/41</link>
      <description>&lt;p 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;div id=&quot;code_1780484915433&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&amp;quot;ko&amp;quot;&amp;gt;
&amp;lt;head&amp;gt;
  &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;/&amp;gt;
  &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0&amp;quot;/&amp;gt;
  &amp;lt;title&amp;gt;Claude Memory 완벽 사용법 | 이제 AI가 나를 기억합니다&amp;lt;/title&amp;gt;
  &amp;lt;style&amp;gt;
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;amp;display=swap');
    *{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:'Noto Sans KR',sans-serif;background:#f6f7fb;color:#1c1c2e;line-height:1.9;font-size:16px;}
    .wrap{max-width:780px;margin:0 auto;padding:48px 24px 80px;}

    /* 히어로 */
    .hero{background:linear-gradient(135deg,#0d0d1a 0%,#1a1040 50%,#2d1b69 100%);border-radius:22px;padding:56px 44px;margin-bottom:48px;position:relative;overflow:hidden;}
    .hero::after{content:' ';position:absolute;right:32px;bottom:24px;font-size:96px;opacity:.13;line-height:1;}
    .hero-tag{display:inline-block;background:rgba(167,139,250,.22);color:#c4b5fd;border:1px solid rgba(167,139,250,.4);border-radius:30px;font-size:12px;font-weight:700;padding:5px 16px;margin-bottom:18px;letter-spacing:.05em;}
    .hero h1{font-size:2rem;font-weight:900;color:#fff;line-height:1.35;margin-bottom:14px;word-break:keep-all;}
    .hero h1 em{color:#c4b5fd;font-style:normal;}
    .hero p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.7;word-break:keep-all;}

    /* 목차 */
    .toc{background:#fff;border:1.5px solid #ede9fe;border-radius:14px;padding:28px 32px;margin-bottom:44px;}
    .toc-label{font-size:11px;font-weight:800;color:#7c3aed;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
    .toc ol{padding-left:18px;}
    .toc li{margin-bottom:7px;font-size:15px;}
    .toc a{color:#1c1c2e;text-decoration:none;font-weight:500;}
    .toc a:hover{color:#7c3aed;}

    /* 섹션 */
    .sec{background:#fff;border-radius:18px;padding:40px 36px;margin-bottom:28px;border:1.5px solid #ebebf2;}
    h2{font-size:1.42rem;font-weight:900;color:#1c1c2e;margin-bottom:18px;padding-bottom:14px;border-bottom:2.5px solid #f3f0ff;word-break:keep-all;}
    h2 .ico{margin-right:8px;}
    h3{font-size:1.05rem;font-weight:700;color:#2d1b69;margin:26px 0 10px;}
    p{margin-bottom:16px;color:#2e2e3a;word-break:keep-all;}

    /* 인용구 */
    blockquote{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:4px solid #7c3aed;border-radius:0 14px 14px 0;padding:20px 26px;margin:24px 0;color:#3b0764;font-size:15px;font-weight:500;line-height:1.8;font-style:italic;}
    blockquote strong{font-style:normal;color:#5b21b6;}

    /* 칩 박스 */
    .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
    .chip{background:#f5f3ff;color:#5b21b6;border:1.5px solid #ddd6fe;border-radius:30px;padding:7px 18px;font-size:13px;font-weight:700;}

    /* 정보 박스 */
    .box-purple{background:#faf5ff;border:1.5px solid #ddd6fe;border-radius:12px;padding:20px 24px;margin:18px 0;color:#4c1d95;font-size:15px;}
    .box-green{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:20px 24px;margin:18px 0;color:#14532d;font-size:15px;}
    .box-amber{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:20px 24px;margin:18px 0;color:#78350f;font-size:15px;}
    .box-red{background:#fff1f2;border:1.5px solid #fecdd3;border-radius:12px;padding:20px 24px;margin:18px 0;color:#881337;font-size:15px;}

    /* 비교 카드 */
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;}
    .ccard{border-radius:14px;padding:22px 20px;}
    .ccard.before{background:#fff1f2;border:1.5px solid #fecdd3;}
    .ccard.after{background:#f0fdf4;border:1.5px solid #bbf7d0;}
    .ccard .ctitle{font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:12px;}
    .ccard.before .ctitle{color:#be123c;}
    .ccard.after .ctitle{color:#15803d;}
    .ccard ul{padding-left:18px;font-size:14px;color:#374151;}
    .ccard li{margin-bottom:7px;line-height:1.6;}

    /* 단계 */
    .steps{margin:20px 0;}
    .step{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px;}
    .snum{flex-shrink:0;width:38px;height:38px;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;}
    .scontent h4{font-size:15px;font-weight:700;color:#1c1c2e;margin-bottom:4px;}
    .scontent p{font-size:14px;color:#555;margin:0;}

    /* 메모리 예시 버블 */
    .chat-wrap{background:#f8f7ff;border-radius:14px;padding:24px;margin:18px 0;}
    .bubble{max-width:86%;padding:14px 18px;border-radius:16px;margin-bottom:10px;font-size:14px;line-height:1.7;}
    .bubble.user{background:#7c3aed;color:#fff;margin-left:auto;border-bottom-right-radius:4px;}
    .bubble.ai{background:#fff;border:1.5px solid #ddd6fe;color:#1c1c2e;border-bottom-left-radius:4px;}
    .bubble-label{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.7;}

    /* 코드 블록 */
    .code-block{background:#15112b;border-radius:12px;overflow:hidden;margin:18px 0;}
    .code-head{background:#1e1840;padding:10px 18px;font-size:12px;color:#8875c7;font-family:monospace;display:flex;align-items:center;gap:7px;}
    .dot{width:10px;height:10px;border-radius:50%;}
    .dr{background:#ff5f57;} .dy{background:#febc2e;} .dg{background:#28c840;}
    .code-body{padding:20px 22px;font-family:'Courier New',monospace;font-size:13.5px;color:#cdd6f4;white-space:pre;overflow-x:auto;line-height:1.75;}
    .cv{color:#c084fc;} .cs{color:#a3e635;} .cc{color:#64748b;}

    /* 플랜 테이블 */
    .plan-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
    .plan-table th{background:#2d1b69;color:#fff;padding:12px 16px;text-align:left;font-weight:700;}
    .plan-table th:first-child{border-radius:8px 0 0 0;}
    .plan-table th:last-child{border-radius:0 8px 0 0;}
    .plan-table td{padding:12px 16px;border-bottom:1px solid #f0eeff;color:#333;}
    .plan-table tr:nth-child(even) td{background:#faf8ff;}
    .ok{color:#16a34a;font-weight:700;} .no{color:#dc2626;font-weight:700;}
    .partial{color:#d97706;font-weight:700;}

    /* 아웃트로 */
    .outro{background:linear-gradient(135deg,#2d1b69,#4c1d95);color:#fff;border-radius:18px;padding:44px 36px;text-align:center;margin-bottom:28px;}
    .outro h2{color:#fff;border:none;font-size:1.4rem;margin-bottom:12px;}
    .outro p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.8;}

    /* 태그 */
    .tag-row{display:flex;flex-wrap:wrap;gap:9px;}
    .tag{background:#f5f3ff;color:#5b21b6;border-radius:20px;padding:6px 15px;font-size:13px;font-weight:600;}

    @media(max-width:600px){
      .wrap{padding:20px 14px 60px;}
      .hero{padding:36px 22px;}
      .hero h1{font-size:1.5rem;}
      .sec{padding:26px 18px;}
      .compare{grid-template-columns:1fr;}
    }
  &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;div class=&amp;quot;wrap&amp;quot;&amp;gt;

  &amp;lt;!-- 히어로 --&amp;gt;
  &amp;lt;div class=&amp;quot;hero&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;hero-tag&amp;quot;&amp;gt;✦ 2026 최신 기능 완벽 가이드&amp;lt;/div&amp;gt;
    &amp;lt;h1&amp;gt;이제 Claude가&amp;lt;br&amp;gt;&amp;lt;em&amp;gt;나를 기억합니다&amp;lt;/em&amp;gt;  &amp;lt;br&amp;gt;Claude Memory 완벽 사용법&amp;lt;/h1&amp;gt;
    &amp;lt;p&amp;gt;&amp;quot;매번 같은 설명 반복하기 지치셨나요?&amp;quot;&amp;lt;br&amp;gt;Claude Memory 하나면 AI가 내 취향&amp;middot;업무&amp;middot;프로젝트를 알아서 기억해줘요.&amp;lt;/p&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 목차 --&amp;gt;
  &amp;lt;div class=&amp;quot;toc&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;toc-label&amp;quot;&amp;gt;  목차&amp;lt;/div&amp;gt;
    &amp;lt;ol&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#intro&amp;quot;&amp;gt;Claude Memory, 뭐가 다른 건가요?&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#before-after&amp;quot;&amp;gt;메모리 없을 때 vs 있을 때 비교&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#howto&amp;quot;&amp;gt;Memory 켜는 방법 (단계별)&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#what-remembers&amp;quot;&amp;gt;Claude가 기억하는 것들&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#control&amp;quot;&amp;gt;메모리 직접 수정&amp;middot;삭제하기&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#team&amp;quot;&amp;gt;팀 메모리 기능&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#plan&amp;quot;&amp;gt;플랜별 지원 범위&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#tips&amp;quot;&amp;gt;꿀팁 &amp;amp; 주의사항&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;/ol&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 1. 소개 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;intro&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;Claude Memory, 뭐가 다른 건가요?&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;Claude를 쓰다 보면 이런 경험 다들 있으시죠?&amp;lt;/p&amp;gt;
    &amp;lt;div class=&amp;quot;box-red&amp;quot;&amp;gt;
        &amp;quot;나 마케터야, 블로그 글은 항상 친근한 말투로 써줘.&amp;quot;&amp;lt;br&amp;gt;
        &amp;quot;아까도 말했는데 나 Python 개발자야.&amp;quot;&amp;lt;br&amp;gt;
        &amp;quot;지난주에 했던 기획안 이어서 작업하고 싶은데... 다시 설명해야 해?&amp;quot;
    &amp;lt;/div&amp;gt;
    &amp;lt;p&amp;gt;대화창을 새로 열 때마다 Claude는 아무것도 기억 못 했어요. 마치 매번 첫 만남인 것처럼요. 그게 AI의 한계라고 생각했는데&amp;hellip; Anthropic이 그걸 바꿔버렸습니다.&amp;lt;/p&amp;gt;

    &amp;lt;blockquote&amp;gt;
      &amp;lt;strong&amp;gt;Claude Memory&amp;lt;/strong&amp;gt;는 2025년 8월 개인 사용자를 시작으로 점차 확대된 기능이에요.&amp;lt;br&amp;gt;
      세션이 끝나도 대화 내용을 기반으로 &amp;lt;strong&amp;gt;나에 대한 정보를 자동으로 학습&amp;middot;저장&amp;lt;/strong&amp;gt;하고,&amp;lt;br&amp;gt;
      다음 대화에서 그 기억을 꺼내 씁니다.
    &amp;lt;/blockquote&amp;gt;

    &amp;lt;p&amp;gt;단순히 대화를 저장하는 게 아니에요. Claude가 &amp;lt;strong&amp;gt;나의 직업, 말투 선호, 자주 쓰는 도구, 진행 중인 프로젝트 맥락&amp;lt;/strong&amp;gt;을 추출해서 구조화된 메모리로 만들어 두는 거예요. 그리고 다음 대화를 시작할 때 그걸 불러와서 &amp;quot;아, 이 사람은 이런 사람이었지&amp;quot; 하고 맞춤 응답을 해주는 거죠.&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;chip-row&amp;quot;&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt; ️ 2025.08 개인 출시&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  2025.09 팀으로 확대&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  2026 전 플랜 적용&amp;lt;/span&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 2. 전후 비교 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;before-after&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt;⚡&amp;lt;/span&amp;gt;메모리 없을 때 vs 있을 때 비교&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;말로 설명하는 것보다 실제 대화 예시로 보는 게 제일 빠르죠!&amp;lt;/p&amp;gt;

    &amp;lt;h3&amp;gt;  메모리 없을 때&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;chat-wrap&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;bubble user&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;나&amp;lt;/span&amp;gt;블로그 글 초안 써줘&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;bubble ai&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;Claude&amp;lt;/span&amp;gt;어떤 주제인가요? 어떤 톤으로 쓸까요? 독자층은요?&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;bubble user&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;나&amp;lt;/span&amp;gt;아 맨날 이거 물어보네&amp;hellip; 나 마케터고, 항상 친근한 말투, IT 독자 대상이야&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;bubble ai&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;Claude&amp;lt;/span&amp;gt;아 알겠습니다! (다음 대화에서 또 까먹음  )&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;  메모리 켠 후&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;chat-wrap&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;bubble user&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;나&amp;lt;/span&amp;gt;블로그 글 초안 써줘&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;bubble ai&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;bubble-label&amp;quot;&amp;gt;Claude&amp;lt;/span&amp;gt;네! 마케터이신 분께 맞게 IT 독자 타깃 친근한 말투로 바로 써드릴게요. 주제가 뭔가요?  &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;blockquote&amp;gt;
      딱 이 차이예요.&amp;lt;br&amp;gt;
      &amp;lt;strong&amp;gt;매번 설명할 필요 없이, AI가 나를 이미 아는 상태로 대화가 시작&amp;lt;/strong&amp;gt;되는 것.&amp;lt;br&amp;gt;
      이게 Claude Memory의 핵심입니다.
    &amp;lt;/blockquote&amp;gt;

    &amp;lt;div class=&amp;quot;compare&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;ccard before&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;ctitle&amp;quot;&amp;gt;❌ 메모리 OFF&amp;lt;/div&amp;gt;
        &amp;lt;ul&amp;gt;
          &amp;lt;li&amp;gt;매번 직업&amp;middot;말투 다시 설명&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;프로젝트 맥락 매번 복붙&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;대화 끊기면 처음부터 시작&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;반복 작업으로 시간 낭비&amp;lt;/li&amp;gt;
        &amp;lt;/ul&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;ccard after&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;ctitle&amp;quot;&amp;gt;✅ 메모리 ON&amp;lt;/div&amp;gt;
        &amp;lt;ul&amp;gt;
          &amp;lt;li&amp;gt;내 정보 자동 기억&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;프로젝트 맥락 이어서 작업&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;세션 종료 후에도 연속성 유지&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;맞춤형 응답으로 효율 극대화&amp;lt;/li&amp;gt;
        &amp;lt;/ul&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 3. 켜는 방법 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;howto&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;Memory 켜는 방법 (단계별)&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;설정 자체는 진짜 간단해요. 딱 3분이면 완료!&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;steps&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt;1&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Claude.ai 접속 후 Settings 열기&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;좌측 하단 프로필 아이콘 클릭 &amp;rarr; &amp;lt;strong&amp;gt;Settings(설정)&amp;lt;/strong&amp;gt; 선택&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt;2&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Personalization 탭 이동&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;설정 메뉴에서 &amp;lt;strong&amp;gt;Personalization&amp;lt;/strong&amp;gt; 탭을 찾아주세요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Memory 토글 ON&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;&amp;quot;Memory&amp;quot;&amp;lt;/strong&amp;gt; 항목의 토글 스위치를 켜주세요. 이게 끝이에요!  &amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt;4&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;대화하면 자동으로 학습 시작&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;이제 Claude와 대화할수록 나에 대한 정보가 자동으로 축적돼요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;box-purple&amp;quot;&amp;gt;
        &amp;lt;strong&amp;gt;처음엔 메모리가 비어있어요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      켠다고 바로 뭔가 기억하는 게 아니라, 대화를 통해 &amp;lt;strong&amp;gt;점점 쌓여가는 구조&amp;lt;/strong&amp;gt;예요.
      처음 며칠 대화하다 보면 Claude가 알아서 나에 대한 정보를 채워나가는 걸 볼 수 있어요.
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 4. 기억하는 것들 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;what-remembers&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;Claude가 기억하는 것들&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;Claude는 대화에서 중요하다고 판단되는 정보를 자동으로 추출해 메모리에 저장해요. 주로 이런 것들이에요:&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;chip-row&amp;quot;&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  직업 &amp;amp; 역할&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;✍️ 선호 말투&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt; ️ 자주 쓰는 도구&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  진행 중 프로젝트&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  언어 선호도&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  작업 스타일&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  관심 분야&amp;lt;/span&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;실제 메모리 저장 예시&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;code-block&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;code-head&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dr&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dy&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dg&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;Claude Memory 저장 예시&amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;code-body&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;직업:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;디지털 마케터 (5년차, B2B SaaS 전문)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;말투 선호:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;친근하고 이모지 적극 활용, 너무 딱딱한 표현은 NO&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;자주 사용 도구:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;Notion, Google Analytics, Figma&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;현재 프로젝트:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;Q3 콘텐츠 마케팅 전략 수립 중&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;언어:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;한국어 기본, 영어 번역 필요시 요청&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot;&amp;gt;기타:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot;&amp;gt;블로그 글은 항상 SEO 고려, 2000자 이상 선호&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;p&amp;gt;이런 정보가 쌓이면 다음 대화에서 &amp;quot;블로그 글 써줘&amp;quot;만 해도 위 조건들이 자동 반영된 결과물이 나와요!&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;box-green&amp;quot;&amp;gt;
      ✅ &amp;lt;strong&amp;gt;메모리는 자동 저장만 되는 게 아니에요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      대화 중 &amp;quot;이거 기억해줘&amp;quot;라고 직접 요청해도 저장돼요.&amp;lt;br&amp;gt;
      예: &amp;lt;em&amp;gt;&amp;quot;앞으로 모든 코드 예시는 Python으로 써줘. 기억해줘!&amp;quot;&amp;lt;/em&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 5. 수정&amp;middot;삭제 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;control&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt;⚙️&amp;lt;/span&amp;gt;메모리 직접 수정&amp;middot;삭제하기&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;Claude가 잘못 기억하거나, 오래된 정보를 가지고 있다면? 직접 수정할 수 있어요!&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;steps&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;메모리 내용 확인하기&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;Settings &amp;rarr; Personalization &amp;rarr; &amp;lt;strong&amp;gt;Memory 섹션에서 &amp;quot;Manage Memory&amp;quot;&amp;lt;/strong&amp;gt; 클릭. 지금까지 저장된 내용을 한눈에 볼 수 있어요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt;✏️&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;대화에서 바로 수정 요청&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;Claude에게 직접 말하면 돼요.&amp;lt;br&amp;gt;
          예: &amp;lt;em&amp;gt;&amp;quot;나 이제 이직했어. 직업을 '프로덕트 매니저'로 바꿔서 기억해줘.&amp;quot;&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;snum&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;scontent&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;특정 메모리 삭제&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;Settings에서 개별 메모리 항목 옆의 X버튼으로 삭제 가능. 전체 초기화도 할 수 있어요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;box-amber&amp;quot;&amp;gt;
      ⚠️ &amp;lt;strong&amp;gt;Incognito(시크릿) 대화에서는 메모리가 비활성화돼요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      개인 정보 보호가 필요한 대화는 시크릿 모드를 활용하면 메모리에 저장되지 않아요.
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 6. 팀 메모리 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;team&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;팀 메모리 기능 (Team/Enterprise)&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;혼자 쓸 때도 강력한데, 팀에서 쓰면 진짜 레벨이 달라져요!&amp;lt;/p&amp;gt;

    &amp;lt;blockquote&amp;gt;
      &amp;lt;strong&amp;gt;&amp;quot;이제 Claude는 여러분과 여러분 팀의 프로젝트 및 선호 사항을 기억하므로,&amp;lt;br&amp;gt;
      컨텍스트를 매번 다시 설명할 필요 없으며, 복잡한 업무를 끊김 없이 이어갈 수 있습니다.&amp;quot;&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      &amp;mdash; Anthropic 공식 발표
    &amp;lt;/blockquote&amp;gt;

    &amp;lt;h3&amp;gt;팀 메모리로 할 수 있는 것들&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;chip-row&amp;quot;&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  팀 공통 컨텍스트 공유&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  팀원이 중단한 작업 이어받기&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  팀 내부 지식 자동 축적&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;chip&amp;quot;&amp;gt;  실시간 협업 맥락 공유&amp;lt;/span&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;p&amp;gt;예를 들어 A팀원이 Claude와 함께 기획서 초안을 잡다가 퇴근했어도, B팀원이 다음 날 &amp;quot;어제 기획서 이어서 해줘&amp;quot;라고 하면 Claude가 맥락을 이해하고 이어서 작업해줘요. 팀 전체가 공유하는 AI 비서 같은 개념이죠!&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;box-green&amp;quot;&amp;gt;
      ✅ &amp;lt;strong&amp;gt;Team/Enterprise 플랜에서 사용 가능해요.&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      조직 관리자가 Settings에서 팀 메모리 공유 범위를 설정할 수 있고,&amp;lt;br&amp;gt;
      민감한 정보는 공유 범위에서 제외할 수 있어요.
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 7. 플랜별 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;plan&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;플랜별 메모리 지원 범위&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;2026년 기준으로 메모리는 거의 모든 플랜에서 사용 가능해요!&amp;lt;/p&amp;gt;

    &amp;lt;table class=&amp;quot;plan-table&amp;quot;&amp;gt;
      &amp;lt;thead&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;th&amp;gt;플랜&amp;lt;/th&amp;gt;
          &amp;lt;th&amp;gt;개인 메모리&amp;lt;/th&amp;gt;
          &amp;lt;th&amp;gt;팀 메모리&amp;lt;/th&amp;gt;
          &amp;lt;th&amp;gt;메모리 용량&amp;lt;/th&amp;gt;
        &amp;lt;/tr&amp;gt;
      &amp;lt;/thead&amp;gt;
      &amp;lt;tbody&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;Free&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 기본 제공&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;no&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;제한적&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;Pro&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 전체 기능&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;no&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;넉넉함&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;Max&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 전체 기능&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;no&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;넉넉함&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;Team&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 전체 기능&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 공유 가능&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;팀 단위 확장&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;Enterprise&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 전체 기능&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;ok&amp;quot;&amp;gt;✓ 고급 관리&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;무제한(정책 범위)&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
      &amp;lt;/tbody&amp;gt;
    &amp;lt;/table&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 8. 꿀팁 --&amp;gt;
  &amp;lt;div class=&amp;quot;sec&amp;quot; id=&amp;quot;tips&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;ico&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;꿀팁 &amp;amp; 주의사항&amp;lt;/h2&amp;gt;

    &amp;lt;h3&amp;gt;✅ 이렇게 쓰면 더 잘 기억해요&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;box-purple&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;1. 처음에 자기소개를 제대로 해주세요&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      처음 켰을 때 이렇게 말해보세요:&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      &amp;lt;em&amp;gt;&amp;quot;나는 5년차 콘텐츠 마케터야. 블로그 글은 항상 친근한 말투, SEO 키워드 포함,&amp;lt;br&amp;gt;
      소제목 4개 이상 구성으로 써줘. 이거 메모리에 저장해줘.&amp;quot;&amp;lt;/em&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      이 한 번의 대화로 이후 모든 콘텐츠 작업이 자동 세팅돼요!
    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;box-green&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;2. ChatGPT 메모리를 가져올 수도 있어요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      Claude에 &amp;quot;Import Memory&amp;quot; 기능이 추가됐어요. ChatGPT나 Gemini에서&amp;lt;br&amp;gt;
      쌓아온 내 정보를 복사해서 Claude에 붙여넣으면 메모리로 통합해줘요!&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      &amp;lt;em&amp;gt;프롬프트: &amp;quot;내가 다른 AI에서 쓰던 정보야. 내 메모리에 통합해줘.&amp;quot;&amp;lt;/em&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;⚠️ 이런 점은 주의하세요&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;box-amber&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;메모리 오류가 생길 수 있어요&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      Claude가 대화를 잘못 해석해 오정보를 저장하는 경우가 간혹 있어요.&amp;lt;br&amp;gt;
      특히 직업 변경, 프로젝트 종료 같은 큰 변화는 &amp;lt;strong&amp;gt;직접 &amp;quot;업데이트해줘&amp;quot;라고 말해주는 게 좋아요.&amp;lt;/strong&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;box-red&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;민감한 개인정보는 주의!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      메모리에는 업무&amp;middot;선호 정보만 저장하세요. 비밀번호, 카드번호 등 민감한 정보를&amp;lt;br&amp;gt;
      대화에 넣으면 메모리에 저장될 수 있으니 주의하세요.
    &amp;lt;/div&amp;gt;

    &amp;lt;blockquote&amp;gt;
      Claude Memory, 처음엔 &amp;quot;이게 뭐가 편해?&amp;quot; 싶을 수 있어요.&amp;lt;br&amp;gt;
      그런데 &amp;lt;strong&amp;gt;2~3주 꾸준히 쓰다 보면&amp;lt;/strong&amp;gt;, Claude가 나를 진짜로 아는 느낌이 들기 시작해요.&amp;lt;br&amp;gt;
      그 순간부터 AI 업무 효율이 확 달라집니다  
    &amp;lt;/blockquote&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 아웃트로 --&amp;gt;
  &amp;lt;div class=&amp;quot;outro&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;  마무리&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;
      Claude Memory는 &amp;lt;strong&amp;gt;&amp;quot;매번 설명하는 AI&amp;quot;에서 &amp;quot;나를 아는 AI&amp;quot;로&amp;lt;/strong&amp;gt; 바뀌는 전환점이에요.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      설정은 딱 3분, 그 뒤로 시간은 매일 절약됩니다.&amp;lt;br&amp;gt;
      아직 켜지 않으셨다면 지금 바로 Settings에서 켜보세요!  &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      처음 며칠 대화하면서 자기소개 시켜두면&amp;lt;br&amp;gt;
      그 이후엔 Claude가 정말 든든한 AI 파트너가 돼줄 거예요  
    &amp;lt;/p&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 태그 --&amp;gt;
  &amp;lt;div class=&amp;quot;tag-row&amp;quot;&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#ClaudeMemory&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#클로드메모리&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#Claude&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#AI메모리&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#AI생산성&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#업무자동화&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#클로드사용법&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#AI활용법&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#Anthropic&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot;&amp;gt;#2026AI&amp;lt;/span&amp;gt;
  &amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&quot;&gt;
&lt;style&gt;
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap');
    *{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:'Noto Sans KR',sans-serif;background:#f6f7fb;color:#1c1c2e;line-height:1.9;font-size:16px;}
    .wrap{max-width:780px;margin:0 auto;padding:48px 24px 80px;}

    /* 히어로 */
    .hero{background:linear-gradient(135deg,#0d0d1a 0%,#1a1040 50%,#2d1b69 100%);border-radius:22px;padding:56px 44px;margin-bottom:48px;position:relative;overflow:hidden;}
    .hero::after{content:' ';position:absolute;right:32px;bottom:24px;font-size:96px;opacity:.13;line-height:1;}
    .hero-tag{display:inline-block;background:rgba(167,139,250,.22);color:#c4b5fd;border:1px solid rgba(167,139,250,.4);border-radius:30px;font-size:12px;font-weight:700;padding:5px 16px;margin-bottom:18px;letter-spacing:.05em;}
    .hero h1{font-size:2rem;font-weight:900;color:#fff;line-height:1.35;margin-bottom:14px;word-break:keep-all;}
    .hero h1 em{color:#c4b5fd;font-style:normal;}
    .hero p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.7;word-break:keep-all;}

    /* 목차 */
    .toc{background:#fff;border:1.5px solid #ede9fe;border-radius:14px;padding:28px 32px;margin-bottom:44px;}
    .toc-label{font-size:11px;font-weight:800;color:#7c3aed;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
    .toc ol{padding-left:18px;}
    .toc li{margin-bottom:7px;font-size:15px;}
    .toc a{color:#1c1c2e;text-decoration:none;font-weight:500;}
    .toc a:hover{color:#7c3aed;}

    /* 섹션 */
    .sec{background:#fff;border-radius:18px;padding:40px 36px;margin-bottom:28px;border:1.5px solid #ebebf2;}
    h2{font-size:1.42rem;font-weight:900;color:#1c1c2e;margin-bottom:18px;padding-bottom:14px;border-bottom:2.5px solid #f3f0ff;word-break:keep-all;}
    h2 .ico{margin-right:8px;}
    h3{font-size:1.05rem;font-weight:700;color:#2d1b69;margin:26px 0 10px;}
    p{margin-bottom:16px;color:#2e2e3a;word-break:keep-all;}

    /* 인용구 */
    blockquote{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:4px solid #7c3aed;border-radius:0 14px 14px 0;padding:20px 26px;margin:24px 0;color:#3b0764;font-size:15px;font-weight:500;line-height:1.8;font-style:italic;}
    blockquote strong{font-style:normal;color:#5b21b6;}

    /* 칩 박스 */
    .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
    .chip{background:#f5f3ff;color:#5b21b6;border:1.5px solid #ddd6fe;border-radius:30px;padding:7px 18px;font-size:13px;font-weight:700;}

    /* 정보 박스 */
    .box-purple{background:#faf5ff;border:1.5px solid #ddd6fe;border-radius:12px;padding:20px 24px;margin:18px 0;color:#4c1d95;font-size:15px;}
    .box-green{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:20px 24px;margin:18px 0;color:#14532d;font-size:15px;}
    .box-amber{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:20px 24px;margin:18px 0;color:#78350f;font-size:15px;}
    .box-red{background:#fff1f2;border:1.5px solid #fecdd3;border-radius:12px;padding:20px 24px;margin:18px 0;color:#881337;font-size:15px;}

    /* 비교 카드 */
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;}
    .ccard{border-radius:14px;padding:22px 20px;}
    .ccard.before{background:#fff1f2;border:1.5px solid #fecdd3;}
    .ccard.after{background:#f0fdf4;border:1.5px solid #bbf7d0;}
    .ccard .ctitle{font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:12px;}
    .ccard.before .ctitle{color:#be123c;}
    .ccard.after .ctitle{color:#15803d;}
    .ccard ul{padding-left:18px;font-size:14px;color:#374151;}
    .ccard li{margin-bottom:7px;line-height:1.6;}

    /* 단계 */
    .steps{margin:20px 0;}
    .step{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px;}
    .snum{flex-shrink:0;width:38px;height:38px;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;}
    .scontent h4{font-size:15px;font-weight:700;color:#1c1c2e;margin-bottom:4px;}
    .scontent p{font-size:14px;color:#555;margin:0;}

    /* 메모리 예시 버블 */
    .chat-wrap{background:#f8f7ff;border-radius:14px;padding:24px;margin:18px 0;}
    .bubble{max-width:86%;padding:14px 18px;border-radius:16px;margin-bottom:10px;font-size:14px;line-height:1.7;}
    .bubble.user{background:#7c3aed;color:#fff;margin-left:auto;border-bottom-right-radius:4px;}
    .bubble.ai{background:#fff;border:1.5px solid #ddd6fe;color:#1c1c2e;border-bottom-left-radius:4px;}
    .bubble-label{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.7;}

    /* 코드 블록 */
    .code-block{background:#15112b;border-radius:12px;overflow:hidden;margin:18px 0;}
    .code-head{background:#1e1840;padding:10px 18px;font-size:12px;color:#8875c7;font-family:monospace;display:flex;align-items:center;gap:7px;}
    .dot{width:10px;height:10px;border-radius:50%;}
    .dr{background:#ff5f57;} .dy{background:#febc2e;} .dg{background:#28c840;}
    .code-body{padding:20px 22px;font-family:'Courier New',monospace;font-size:13.5px;color:#cdd6f4;white-space:pre;overflow-x:auto;line-height:1.75;}
    .cv{color:#c084fc;} .cs{color:#a3e635;} .cc{color:#64748b;}

    /* 플랜 테이블 */
    .plan-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
    .plan-table th{background:#2d1b69;color:#fff;padding:12px 16px;text-align:left;font-weight:700;}
    .plan-table th:first-child{border-radius:8px 0 0 0;}
    .plan-table th:last-child{border-radius:0 8px 0 0;}
    .plan-table td{padding:12px 16px;border-bottom:1px solid #f0eeff;color:#333;}
    .plan-table tr:nth-child(even) td{background:#faf8ff;}
    .ok{color:#16a34a;font-weight:700;} .no{color:#dc2626;font-weight:700;}
    .partial{color:#d97706;font-weight:700;}

    /* 아웃트로 */
    .outro{background:linear-gradient(135deg,#2d1b69,#4c1d95);color:#fff;border-radius:18px;padding:44px 36px;text-align:center;margin-bottom:28px;}
    .outro h2{color:#fff;border:none;font-size:1.4rem;margin-bottom:12px;}
    .outro p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.8;}

    /* 태그 */
    .tag-row{display:flex;flex-wrap:wrap;gap:9px;}
    .tag{background:#f5f3ff;color:#5b21b6;border-radius:20px;padding:6px 15px;font-size:13px;font-weight:600;}

    @media(max-width:600px){
      .wrap{padding:20px 14px 60px;}
      .hero{padding:36px 22px;}
      .hero h1{font-size:1.5rem;}
      .sec{padding:26px 18px;}
      .compare{grid-template-columns:1fr;}
    }
  &lt;/style&gt;
&lt;div class=&quot;wrap&quot;&gt;&lt;!-- 히어로 --&gt;
&lt;div class=&quot;hero&quot;&gt;
&lt;div class=&quot;hero-tag&quot;&gt;✦ 2026 최신 기능 완벽 가이드&lt;/div&gt;
&lt;h1&gt;이제 Claude가&lt;br /&gt;&lt;i&gt;나를 기억합니다&lt;/i&gt;  &lt;br /&gt;Claude Memory 완벽 사용법&lt;/h1&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;매번 같은 설명 반복하기 지치셨나요?&quot;&lt;br /&gt;Claude Memory 하나면 AI가 내 취향&amp;middot;업무&amp;middot;프로젝트를 알아서 기억해줘요.&lt;/p&gt;
&lt;/div&gt;
&lt;!-- 목차 --&gt;
&lt;div class=&quot;toc&quot;&gt;
&lt;div class=&quot;toc-label&quot;&gt;  목차&lt;/div&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#intro&quot;&gt;Claude Memory, 뭐가 다른 건가요?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#before-after&quot;&gt;메모리 없을 때 vs 있을 때 비교&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#howto&quot;&gt;Memory 켜는 방법 (단계별)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#what-remembers&quot;&gt;Claude가 기억하는 것들&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#control&quot;&gt;메모리 직접 수정&amp;middot;삭제하기&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#team&quot;&gt;팀 메모리 기능&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#plan&quot;&gt;플랜별 지원 범위&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#tips&quot;&gt;꿀팁 &amp;amp; 주의사항&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;!-- 1. 소개 --&gt;
&lt;div id=&quot;intro&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;Claude Memory, 뭐가 다른 건가요?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude를 쓰다 보면 이런 경험 다들 있으시죠?&lt;/p&gt;
&lt;div class=&quot;box-red&quot;&gt;  &quot;나 마케터야, 블로그 글은 항상 친근한 말투로 써줘.&quot;&lt;br /&gt;  &quot;아까도 말했는데 나 Python 개발자야.&quot;&lt;br /&gt;  &quot;지난주에 했던 기획안 이어서 작업하고 싶은데... 다시 설명해야 해?&quot;&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대화창을 새로 열 때마다 Claude는 아무것도 기억 못 했어요. 마치 매번 첫 만남인 것처럼요. 그게 AI의 한계라고 생각했는데&amp;hellip; Anthropic이 그걸 바꿔버렸습니다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;&lt;b&gt;Claude Memory&lt;/b&gt;는 2025년 8월 개인 사용자를 시작으로 점차 확대된 기능이에요.&lt;br /&gt;세션이 끝나도 대화 내용을 기반으로 &lt;b&gt;나에 대한 정보를 자동으로 학습&amp;middot;저장&lt;/b&gt;하고,&lt;br /&gt;다음 대화에서 그 기억을 꺼내 씁니다.&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단순히 대화를 저장하는 게 아니에요. Claude가 &lt;b&gt;나의 직업, 말투 선호, 자주 쓰는 도구, 진행 중인 프로젝트 맥락&lt;/b&gt;을 추출해서 구조화된 메모리로 만들어 두는 거예요. 그리고 다음 대화를 시작할 때 그걸 불러와서 &quot;아, 이 사람은 이런 사람이었지&quot; 하고 맞춤 응답을 해주는 거죠.&lt;/p&gt;
&lt;div class=&quot;chip-row&quot;&gt;&lt;span class=&quot;chip&quot;&gt; ️ 2025.08 개인 출시&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  2025.09 팀으로 확대&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  2026 전 플랜 적용&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 2. 전후 비교 --&gt;
&lt;div id=&quot;before-after&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt;⚡&lt;/span&gt;메모리 없을 때 vs 있을 때 비교&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;말로 설명하는 것보다 실제 대화 예시로 보는 게 제일 빠르죠!&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  메모리 없을 때&lt;/h3&gt;
&lt;div class=&quot;chat-wrap&quot;&gt;
&lt;div class=&quot;bubble user&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;나&lt;/span&gt;블로그 글 초안 써줘&lt;/div&gt;
&lt;div class=&quot;bubble ai&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;Claude&lt;/span&gt;어떤 주제인가요? 어떤 톤으로 쓸까요? 독자층은요?&lt;/div&gt;
&lt;div class=&quot;bubble user&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;나&lt;/span&gt;아 맨날 이거 물어보네&amp;hellip; 나 마케터고, 항상 친근한 말투, IT 독자 대상이야&lt;/div&gt;
&lt;div class=&quot;bubble ai&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;Claude&lt;/span&gt;아 알겠습니다! (다음 대화에서 또 까먹음  )&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  메모리 켠 후&lt;/h3&gt;
&lt;div class=&quot;chat-wrap&quot;&gt;
&lt;div class=&quot;bubble user&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;나&lt;/span&gt;블로그 글 초안 써줘&lt;/div&gt;
&lt;div class=&quot;bubble ai&quot;&gt;&lt;span class=&quot;bubble-label&quot;&gt;Claude&lt;/span&gt;네! 마케터이신 분께 맞게 IT 독자 타깃 친근한 말투로 바로 써드릴게요. 주제가 뭔가요?  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;딱 이 차이예요.&lt;br /&gt;&lt;b&gt;매번 설명할 필요 없이, AI가 나를 이미 아는 상태로 대화가 시작&lt;/b&gt;되는 것.&lt;br /&gt;이게 Claude Memory의 핵심입니다.&lt;/blockquote&gt;
&lt;div class=&quot;compare&quot;&gt;
&lt;div class=&quot;ccard before&quot;&gt;
&lt;div class=&quot;ctitle&quot;&gt;❌ 메모리 OFF&lt;/div&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;매번 직업&amp;middot;말투 다시 설명&lt;/li&gt;
&lt;li&gt;프로젝트 맥락 매번 복붙&lt;/li&gt;
&lt;li&gt;대화 끊기면 처음부터 시작&lt;/li&gt;
&lt;li&gt;반복 작업으로 시간 낭비&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;ccard after&quot;&gt;
&lt;div class=&quot;ctitle&quot;&gt;✅ 메모리 ON&lt;/div&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;프로젝트 맥락 이어서 작업&lt;/li&gt;
&lt;li&gt;세션 종료 후에도 연속성 유지&lt;/li&gt;
&lt;li&gt;맞춤형 응답으로 효율 극대화&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 3. 켜는 방법 --&gt;
&lt;div id=&quot;howto&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;Memory 켜는 방법 (단계별)&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설정 자체는 진짜 간단해요. 딱 3분이면 완료!&lt;/p&gt;
&lt;div class=&quot;steps&quot;&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt;1&lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Claude.ai 접속 후 Settings 열기&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;좌측 하단 프로필 아이콘 클릭 &amp;rarr; &lt;b&gt;Settings(설정)&lt;/b&gt; 선택&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt;2&lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Personalization 탭 이동&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설정 메뉴에서 &lt;b&gt;Personalization&lt;/b&gt; 탭을 찾아주세요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt;3&lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Memory 토글 ON&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&quot;Memory&quot;&lt;/b&gt; 항목의 토글 스위치를 켜주세요. 이게 끝이에요!  &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt;4&lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;대화하면 자동으로 학습 시작&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 Claude와 대화할수록 나에 대한 정보가 자동으로 축적돼요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;box-purple&quot;&gt;  &lt;b&gt;처음엔 메모리가 비어있어요!&lt;/b&gt;&lt;br /&gt;켠다고 바로 뭔가 기억하는 게 아니라, 대화를 통해 &lt;b&gt;점점 쌓여가는 구조&lt;/b&gt;예요. 처음 며칠 대화하다 보면 Claude가 알아서 나에 대한 정보를 채워나가는 걸 볼 수 있어요.&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 4. 기억하는 것들 --&gt;
&lt;div id=&quot;what-remembers&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;Claude가 기억하는 것들&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude는 대화에서 중요하다고 판단되는 정보를 자동으로 추출해 메모리에 저장해요. 주로 이런 것들이에요:&lt;/p&gt;
&lt;div class=&quot;chip-row&quot;&gt;&lt;span class=&quot;chip&quot;&gt;  직업 &amp;amp; 역할&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;✍️ 선호 말투&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt; ️ 자주 쓰는 도구&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  진행 중 프로젝트&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  언어 선호도&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  작업 스타일&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  관심 분야&lt;/span&gt;&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;실제 메모리 저장 예시&lt;/h3&gt;
&lt;div class=&quot;code-block&quot;&gt;
&lt;div class=&quot;code-head&quot;&gt;
&lt;div class=&quot;dot dr&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dy&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dg&quot;&gt;&amp;nbsp;&lt;/div&gt;
Claude Memory 저장 예시&lt;/div&gt;
&lt;div class=&quot;code-body&quot;&gt;&lt;span class=&quot;cv&quot;&gt;직업:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;디지털 마케터 (5년차, B2B SaaS 전문)&lt;/span&gt; &lt;span class=&quot;cv&quot;&gt;말투 선호:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;친근하고 이모지 적극 활용, 너무 딱딱한 표현은 NO&lt;/span&gt; &lt;span class=&quot;cv&quot;&gt;자주 사용 도구:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;Notion, Google Analytics, Figma&lt;/span&gt; &lt;span class=&quot;cv&quot;&gt;현재 프로젝트:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;Q3 콘텐츠 마케팅 전략 수립 중&lt;/span&gt; &lt;span class=&quot;cv&quot;&gt;언어:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;한국어 기본, 영어 번역 필요시 요청&lt;/span&gt; &lt;span class=&quot;cv&quot;&gt;기타:&lt;/span&gt; &lt;span class=&quot;cs&quot;&gt;블로그 글은 항상 SEO 고려, 2000자 이상 선호&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런 정보가 쌓이면 다음 대화에서 &quot;블로그 글 써줘&quot;만 해도 위 조건들이 자동 반영된 결과물이 나와요!&lt;/p&gt;
&lt;div class=&quot;box-green&quot;&gt;✅ &lt;b&gt;메모리는 자동 저장만 되는 게 아니에요!&lt;/b&gt;&lt;br /&gt;대화 중 &quot;이거 기억해줘&quot;라고 직접 요청해도 저장돼요.&lt;br /&gt;예: &lt;i&gt;&quot;앞으로 모든 코드 예시는 Python으로 써줘. 기억해줘!&quot;&lt;/i&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 5. 수정·삭제 --&gt;
&lt;div id=&quot;control&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt;⚙️&lt;/span&gt;메모리 직접 수정&amp;middot;삭제하기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude가 잘못 기억하거나, 오래된 정보를 가지고 있다면? 직접 수정할 수 있어요!&lt;/p&gt;
&lt;div class=&quot;steps&quot;&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;메모리 내용 확인하기&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Settings &amp;rarr; Personalization &amp;rarr; &lt;b&gt;Memory 섹션에서 &quot;Manage Memory&quot;&lt;/b&gt; 클릭. 지금까지 저장된 내용을 한눈에 볼 수 있어요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt;✏️&lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;대화에서 바로 수정 요청&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude에게 직접 말하면 돼요.&lt;br /&gt;예: &lt;i&gt;&quot;나 이제 이직했어. 직업을 '프로덕트 매니저'로 바꿔서 기억해줘.&quot;&lt;/i&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step&quot;&gt;
&lt;div class=&quot;snum&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;scontent&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;특정 메모리 삭제&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Settings에서 개별 메모리 항목 옆의 X버튼으로 삭제 가능. 전체 초기화도 할 수 있어요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;box-amber&quot;&gt;⚠️ &lt;b&gt;Incognito(시크릿) 대화에서는 메모리가 비활성화돼요!&lt;/b&gt;&lt;br /&gt;개인 정보 보호가 필요한 대화는 시크릿 모드를 활용하면 메모리에 저장되지 않아요.&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 6. 팀 메모리 --&gt;
&lt;div id=&quot;team&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;팀 메모리 기능 (Team/Enterprise)&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;혼자 쓸 때도 강력한데, 팀에서 쓰면 진짜 레벨이 달라져요!&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;&lt;b&gt;&quot;이제 Claude는 여러분과 여러분 팀의 프로젝트 및 선호 사항을 기억하므로,&lt;br /&gt;컨텍스트를 매번 다시 설명할 필요 없으며, 복잡한 업무를 끊김 없이 이어갈 수 있습니다.&quot;&lt;/b&gt;&lt;br /&gt;&amp;mdash; Anthropic 공식 발표&lt;/blockquote&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;팀 메모리로 할 수 있는 것들&lt;/h3&gt;
&lt;div class=&quot;chip-row&quot;&gt;&lt;span class=&quot;chip&quot;&gt;  팀 공통 컨텍스트 공유&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  팀원이 중단한 작업 이어받기&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  팀 내부 지식 자동 축적&lt;/span&gt; &lt;span class=&quot;chip&quot;&gt;  실시간 협업 맥락 공유&lt;/span&gt;&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;예를 들어 A팀원이 Claude와 함께 기획서 초안을 잡다가 퇴근했어도, B팀원이 다음 날 &quot;어제 기획서 이어서 해줘&quot;라고 하면 Claude가 맥락을 이해하고 이어서 작업해줘요. 팀 전체가 공유하는 AI 비서 같은 개념이죠!&lt;/p&gt;
&lt;div class=&quot;box-green&quot;&gt;✅ &lt;b&gt;Team/Enterprise 플랜에서 사용 가능해요.&lt;/b&gt;&lt;br /&gt;조직 관리자가 Settings에서 팀 메모리 공유 범위를 설정할 수 있고,&lt;br /&gt;민감한 정보는 공유 범위에서 제외할 수 있어요.&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 7. 플랜별 --&gt;
&lt;div id=&quot;plan&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;플랜별 메모리 지원 범위&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2026년 기준으로 메모리는 거의 모든 플랜에서 사용 가능해요!&lt;/p&gt;
&lt;table class=&quot;plan-table&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;플랜&lt;/th&gt;
&lt;th&gt;개인 메모리&lt;/th&gt;
&lt;th&gt;팀 메모리&lt;/th&gt;
&lt;th&gt;메모리 용량&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 기본 제공&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;no&quot;&gt;✗&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;제한적&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pro&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 전체 기능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;no&quot;&gt;✗&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;넉넉함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Max&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 전체 기능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;no&quot;&gt;✗&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;넉넉함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Team&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 전체 기능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 공유 가능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;팀 단위 확장&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Enterprise&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 전체 기능&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;ok&quot;&gt;✓ 고급 관리&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;무제한(정책 범위)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;!-- 8. 꿀팁 --&gt;
&lt;div id=&quot;tips&quot; class=&quot;sec&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;ico&quot;&gt; &lt;/span&gt;꿀팁 &amp;amp; 주의사항&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;✅ 이렇게 쓰면 더 잘 기억해요&lt;/h3&gt;
&lt;div class=&quot;box-purple&quot;&gt;&lt;b&gt;1. 처음에 자기소개를 제대로 해주세요&lt;/b&gt;&lt;br /&gt;처음 켰을 때 이렇게 말해보세요:&lt;br /&gt;&lt;br /&gt;&lt;i&gt;&quot;나는 5년차 콘텐츠 마케터야. 블로그 글은 항상 친근한 말투, SEO 키워드 포함,&lt;br /&gt;소제목 4개 이상 구성으로 써줘. 이거 메모리에 저장해줘.&quot;&lt;/i&gt;&lt;br /&gt;&lt;br /&gt;이 한 번의 대화로 이후 모든 콘텐츠 작업이 자동 세팅돼요!&lt;/div&gt;
&lt;div class=&quot;box-green&quot;&gt;&lt;b&gt;2. ChatGPT 메모리를 가져올 수도 있어요!&lt;/b&gt;&lt;br /&gt;Claude에 &quot;Import Memory&quot; 기능이 추가됐어요. ChatGPT나 Gemini에서&lt;br /&gt;쌓아온 내 정보를 복사해서 Claude에 붙여넣으면 메모리로 통합해줘요!&lt;br /&gt;&lt;br /&gt;&lt;i&gt;프롬프트: &quot;내가 다른 AI에서 쓰던 정보야. 내 메모리에 통합해줘.&quot;&lt;/i&gt;&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;⚠️ 이런 점은 주의하세요&lt;/h3&gt;
&lt;div class=&quot;box-amber&quot;&gt;&lt;b&gt;메모리 오류가 생길 수 있어요&lt;/b&gt;&lt;br /&gt;Claude가 대화를 잘못 해석해 오정보를 저장하는 경우가 간혹 있어요.&lt;br /&gt;특히 직업 변경, 프로젝트 종료 같은 큰 변화는 &lt;b&gt;직접 &quot;업데이트해줘&quot;라고 말해주는 게 좋아요.&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;box-red&quot;&gt;&lt;b&gt;민감한 개인정보는 주의!&lt;/b&gt;&lt;br /&gt;메모리에는 업무&amp;middot;선호 정보만 저장하세요. 비밀번호, 카드번호 등 민감한 정보를&lt;br /&gt;대화에 넣으면 메모리에 저장될 수 있으니 주의하세요.&lt;/div&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;Claude Memory, 처음엔 &quot;이게 뭐가 편해?&quot; 싶을 수 있어요.&lt;br /&gt;그런데 &lt;b&gt;2~3주 꾸준히 쓰다 보면&lt;/b&gt;, Claude가 나를 진짜로 아는 느낌이 들기 시작해요.&lt;br /&gt;그 순간부터 AI 업무 효율이 확 달라집니다  &lt;/blockquote&gt;
&lt;/div&gt;
&lt;!-- 아웃트로 --&gt;
&lt;div class=&quot;outro&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;  마무리&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Memory는 &lt;b&gt;&quot;매번 설명하는 AI&quot;에서 &quot;나를 아는 AI&quot;로&lt;/b&gt; 바뀌는 전환점이에요.&lt;br /&gt;&lt;br /&gt;설정은 딱 3분, 그 뒤로 시간은 매일 절약됩니다.&lt;br /&gt;아직 켜지 않으셨다면 지금 바로 Settings에서 켜보세요!  &lt;br /&gt;&lt;br /&gt;처음 며칠 대화하면서 자기소개 시켜두면&lt;br /&gt;그 이후엔 Claude가 정말 든든한 AI 파트너가 돼줄 거예요  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- 태그 --&gt;
&lt;div class=&quot;tag-row&quot;&gt;&lt;span class=&quot;tag&quot;&gt;#ClaudeMemory&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#클로드메모리&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#Claude&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#AI메모리&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#AI생산성&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#업무자동화&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#클로드사용법&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#AI활용법&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#Anthropic&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;#2026AI&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
      <category>사용법 가이드</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/41</guid>
      <comments>https://temver.tistory.com/41#entry41comment</comments>
      <pubDate>Wed, 3 Jun 2026 20:10:03 +0900</pubDate>
    </item>
    <item>
      <title>Claude Skills 완벽 사용법 반복 작업 자동화의 끝판왕</title>
      <link>https://temver.tistory.com/40</link>
      <description>&lt;p 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;div id=&quot;code_1780484448925&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&amp;quot;ko&amp;quot;&amp;gt;
&amp;lt;head&amp;gt;
  &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot; /&amp;gt;
  &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0&amp;quot;/&amp;gt;
  &amp;lt;title&amp;gt;Claude Skills 사용법 완벽 가이드 | 반복 작업 자동화의 끝판왕&amp;lt;/title&amp;gt;
  &amp;lt;style&amp;gt;
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;amp;display=swap');

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Noto Sans KR', sans-serif;
      background: #f9f9fb;
      color: #1a1a2e;
      line-height: 1.85;
      font-size: 16px;
    }

    .container {
      max-width: 780px;
      margin: 0 auto;
      padding: 48px 24px 80px;
    }

    /* 제목 영역 */
    .hero {
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
      border-radius: 20px;
      padding: 52px 40px;
      margin-bottom: 48px;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 260px; height: 260px;
      background: radial-gradient(circle, rgba(91,192,235,0.18) 0%, transparent 70%);
      border-radius: 50%;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(91,192,235,0.2);
      color: #5bc0eb;
      border: 1px solid rgba(91,192,235,0.4);
      border-radius: 30px;
      font-size: 13px;
      font-weight: 700;
      padding: 5px 16px;
      margin-bottom: 20px;
      letter-spacing: 0.04em;
    }
    .hero h1 {
      font-size: 2rem;
      font-weight: 900;
      line-height: 1.35;
      margin-bottom: 16px;
      word-break: keep-all;
    }
    .hero h1 span { color: #5bc0eb; }
    .hero p {
      color: rgba(255,255,255,0.72);
      font-size: 15px;
      line-height: 1.7;
    }

    /* 목차 */
    .toc {
      background: #fff;
      border: 1.5px solid #e8eaf0;
      border-radius: 14px;
      padding: 28px 32px;
      margin-bottom: 48px;
    }
    .toc-title {
      font-size: 14px;
      font-weight: 700;
      color: #888;
      letter-spacing: 0.08em;
      margin-bottom: 16px;
      text-transform: uppercase;
    }
    .toc ol {
      padding-left: 20px;
    }
    .toc li {
      margin-bottom: 8px;
      font-size: 15px;
    }
    .toc a {
      color: #0f3460;
      text-decoration: none;
      font-weight: 500;
    }
    .toc a:hover { text-decoration: underline; }

    /* 본문 섹션 */
    .section {
      background: #fff;
      border-radius: 16px;
      padding: 40px 36px;
      margin-bottom: 32px;
      border: 1.5px solid #ebebf0;
    }

    h2 {
      font-size: 1.45rem;
      font-weight: 900;
      color: #0f3460;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 2.5px solid #e8eaf0;
      word-break: keep-all;
    }
    h2 .emoji { margin-right: 8px; }

    h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: #1a1a2e;
      margin: 28px 0 12px;
    }

    p {
      margin-bottom: 16px;
      color: #333;
      word-break: keep-all;
    }

    /* 인용구 */
    blockquote {
      background: linear-gradient(135deg, #f0f7ff, #e8f4fd);
      border-left: 4px solid #5bc0eb;
      border-radius: 0 12px 12px 0;
      padding: 20px 24px;
      margin: 24px 0;
      font-size: 15px;
      color: #0f3460;
      font-weight: 500;
      font-style: italic;
      line-height: 1.75;
    }
    blockquote strong { font-style: normal; color: #0a2a5e; }

    /* 강조 박스 */
    .highlight-box {
      background: #fff9f0;
      border: 1.5px solid #ffd580;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
      font-size: 15px;
      color: #7a5000;
    }
    .highlight-box strong { color: #b36a00; }

    .info-box {
      background: #f0faf4;
      border: 1.5px solid #a8e6c0;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
      font-size: 15px;
      color: #1a5e35;
    }

    /* 코드 블록 */
    .code-block {
      background: #1e2235;
      border-radius: 12px;
      overflow: hidden;
      margin: 20px 0;
      font-size: 14px;
    }
    .code-header {
      background: #2a2f47;
      padding: 10px 18px;
      font-size: 12px;
      color: #8892b0;
      font-family: monospace;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .code-header .dot {
      width: 11px; height: 11px;
      border-radius: 50%;
    }
    .dot-red { background: #ff5f57; }
    .dot-yellow { background: #febc2e; }
    .dot-green { background: #28c840; }
    .code-body {
      padding: 20px 22px;
      color: #cdd6f4;
      font-family: 'Courier New', Courier, monospace;
      white-space: pre;
      overflow-x: auto;
      line-height: 1.7;
    }
    .code-body .c-green { color: #a6e3a1; }
    .code-body .c-blue { color: #89b4fa; }
    .code-body .c-yellow { color: #f9e2af; }
    .code-body .c-pink { color: #f38ba8; }
    .code-body .c-comment { color: #6c7086; }

    /* 스킬 카드 그리드 */
    .skill-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 14px;
      margin: 20px 0;
    }
    .skill-card {
      background: #f7f8fc;
      border: 1.5px solid #e0e4ef;
      border-radius: 12px;
      padding: 18px;
      transition: all 0.2s;
    }
    .skill-card:hover {
      border-color: #5bc0eb;
      box-shadow: 0 4px 16px rgba(91,192,235,0.12);
      transform: translateY(-2px);
    }
    .skill-icon {
      font-size: 24px;
      margin-bottom: 8px;
      display: block;
    }
    .skill-name {
      font-weight: 700;
      font-size: 14px;
      color: #0f3460;
      margin-bottom: 4px;
    }
    .skill-desc {
      font-size: 12px;
      color: #666;
      line-height: 1.5;
    }

    /* 단계 박스 */
    .step-list { margin: 20px 0; }
    .step-item {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      margin-bottom: 20px;
    }
    .step-num {
      flex-shrink: 0;
      width: 36px; height: 36px;
      background: linear-gradient(135deg, #0f3460, #5bc0eb);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 15px;
    }
    .step-content h4 {
      font-weight: 700;
      font-size: 15px;
      color: #1a1a2e;
      margin-bottom: 4px;
    }
    .step-content p {
      font-size: 14px;
      color: #555;
      margin: 0;
    }

    /* 비교 테이블 */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 14px;
    }
    .compare-table th {
      background: #0f3460;
      color: #fff;
      padding: 12px 16px;
      text-align: left;
      font-weight: 700;
    }
    .compare-table th:first-child { border-radius: 8px 0 0 0; }
    .compare-table th:last-child { border-radius: 0 8px 0 0; }
    .compare-table td {
      padding: 12px 16px;
      border-bottom: 1px solid #ebebf0;
      color: #333;
    }
    .compare-table tr:nth-child(even) td { background: #f7f8fc; }
    .compare-table .check { color: #28a745; font-weight: 700; }
    .compare-table .cross { color: #dc3545; font-weight: 700; }

    /* 팁 박스 */
    .tip-box {
      background: linear-gradient(135deg, #fff0f8, #fce4f0);
      border: 1.5px solid #f4a0c8;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
    }
    .tip-box .tip-label {
      font-size: 12px;
      font-weight: 700;
      color: #c0348a;
      letter-spacing: 0.06em;
      margin-bottom: 8px;
    }
    .tip-box p { color: #6b0f4a; font-size: 14px; margin: 0; }

    /* 마무리 */
    .outro {
      background: linear-gradient(135deg, #0f3460, #1a4a7a);
      color: #fff;
      border-radius: 16px;
      padding: 40px 36px;
      margin-bottom: 32px;
      text-align: center;
    }
    .outro h2 {
      color: #fff;
      border: none;
      font-size: 1.4rem;
      margin-bottom: 12px;
    }
    .outro p { color: rgba(255,255,255,0.8); font-size: 15px; }

    /* 반응형 */
    @media (max-width: 600px) {
      .container { padding: 24px 16px 60px; }
      .hero { padding: 36px 24px; }
      .hero h1 { font-size: 1.5rem; }
      .section { padding: 28px 20px; }
      .skill-grid { grid-template-columns: 1fr 1fr; }
    }
  &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;div class=&amp;quot;container&amp;quot;&amp;gt;

  &amp;lt;!-- 히어로 --&amp;gt;
  &amp;lt;div class=&amp;quot;hero&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;hero-badge&amp;quot;&amp;gt;✦ 2025 최신 가이드&amp;lt;/div&amp;gt;
    &amp;lt;h1&amp;gt;Claude &amp;lt;span&amp;gt;Skills&amp;lt;/span&amp;gt; 완벽 사용법&amp;lt;br&amp;gt;반복 작업 자동화의 끝판왕&amp;lt;/h1&amp;gt;
    &amp;lt;p&amp;gt;매번 같은 프롬프트 복붙하기 지치셨나요?&amp;lt;br&amp;gt;Claude Skills 하나면 AI가 알아서 전문가처럼 일합니다  &amp;lt;/p&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 목차 --&amp;gt;
  &amp;lt;div class=&amp;quot;toc&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;toc-title&amp;quot;&amp;gt;  목차&amp;lt;/div&amp;gt;
    &amp;lt;ol&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#intro&amp;quot;&amp;gt;Claude Skills, 도대체 뭔가요?&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#why&amp;quot;&amp;gt;왜 써야 하나요? 기존 방식과 비교&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#types&amp;quot;&amp;gt;공식 Skills 종류 총정리&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#howto&amp;quot;&amp;gt;Claude Skills 활성화 방법 (단계별)&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#skill-md&amp;quot;&amp;gt;SKILL.md 파일 직접 만들기&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#tips&amp;quot;&amp;gt;실전 활용 팁 &amp;amp; 주의사항&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#outro&amp;quot;&amp;gt;마무리&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;/ol&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 1. 소개 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;intro&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;Claude Skills, 도대체 뭔가요?&amp;lt;/h2&amp;gt;

    &amp;lt;p&amp;gt;Claude를 쓰다 보면 이런 경험 다들 있으시죠? 엑셀 파일 만들어달라고 할 때마다 &amp;lt;strong&amp;gt;&amp;quot;xlsx 형식으로, 헤더는 굵게, 숫자는 오른쪽 정렬&amp;hellip;&amp;quot;&amp;lt;/strong&amp;gt; 이런 설명을 매번 반복하는 거요. 정말 번거롭잖아요  &amp;lt;/p&amp;gt;

    &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Claude Skills&amp;lt;/strong&amp;gt;는 Anthropic이 2025년 10월에 공개한 기능으로, 이런 반복적인 작업 방식을 &amp;lt;strong&amp;gt;SKILL.md&amp;lt;/strong&amp;gt;라는 마크다운 파일에 한 번만 정의해두면 Claude가 이후엔 알아서 그 방식대로 작업을 수행해주는 시스템이에요.&amp;lt;/p&amp;gt;

    &amp;lt;blockquote&amp;gt;
      &amp;lt;strong&amp;gt;&amp;quot;Skills는 Claude에게 업무 매뉴얼을 주는 것과 같아요.&amp;quot;&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      신입사원에게 '우리 회사에선 이렇게 일합니다'라고 문서로 설명해두면, 그 이후론 매번 지시하지 않아도 알아서 하는 것처럼요.
    &amp;lt;/blockquote&amp;gt;

    &amp;lt;h3&amp;gt;  핵심 특징 3가지&amp;lt;/h3&amp;gt;

    &amp;lt;div class=&amp;quot;info-box&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;① 점진적 공개 (Progressive Disclosure)&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      Claude는 시작할 때 모든 Skills의 이름&amp;middot;설명만 가볍게 불러오고, 실제로 필요한 Skill의 세부 내용만 그때그때 로드해요. 컨텍스트 낭비 없이 효율적이죠!
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;info-box&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;② 조합 가능성 (Composable)&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      여러 Skills를 동시에 사용할 수 있어요. 예를 들어 &amp;quot;데이터 분석 Skill + Excel 출력 Skill&amp;quot;을 함께 쓸 수 있습니다.
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;info-box&amp;quot;&amp;gt;
      &amp;lt;strong&amp;gt;③ 이식성 (Portable)&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      Claude.ai 웹, Claude Code, API 등 어디서든 동일하게 작동해요. 한 번 만들면 어디서나 쓸 수 있습니다.
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 2. 왜 써야 하나 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;why&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt;⚡&amp;lt;/span&amp;gt;왜 써야 하나요? 기존 방식과 비교&amp;lt;/h2&amp;gt;

    &amp;lt;p&amp;gt;백 마디 설명보다 비교 표 하나가 낫죠. 기존 프롬프트 방식 vs Skills 방식을 직접 비교해볼게요!&amp;lt;/p&amp;gt;

    &amp;lt;table class=&amp;quot;compare-table&amp;quot;&amp;gt;
      &amp;lt;thead&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;th&amp;gt;비교 항목&amp;lt;/th&amp;gt;
          &amp;lt;th&amp;gt;기존 프롬프트 방식&amp;lt;/th&amp;gt;
          &amp;lt;th&amp;gt;Claude Skills&amp;lt;/th&amp;gt;
        &amp;lt;/tr&amp;gt;
      &amp;lt;/thead&amp;gt;
      &amp;lt;tbody&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;반복 작업&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;cross&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt; 매번 프롬프트 재입력&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;check&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; 한 번 정의 후 자동 적용&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;결과 일관성&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;cross&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt; 매번 결과가 달라질 수 있음&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;check&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; 동일한 기준으로 일관된 결과&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;팀 공유&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;cross&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt; 개인이 따로 관리&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;check&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; 팀 전체 공유 가능 (Enterprise)&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;전문 도메인&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;cross&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt; 기본적인 수준&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;check&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; 도메인 특화된 전문 결과&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
        &amp;lt;tr&amp;gt;
          &amp;lt;td&amp;gt;컨텍스트 효율&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;cross&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt; 매번 설명으로 낭비&amp;lt;/td&amp;gt;
          &amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;check&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; 필요할 때만 로드&amp;lt;/td&amp;gt;
        &amp;lt;/tr&amp;gt;
      &amp;lt;/tbody&amp;gt;
    &amp;lt;/table&amp;gt;

    &amp;lt;blockquote&amp;gt;
      사실 Claude Skills는 단순한 편의 기능이 아니에요.&amp;lt;br&amp;gt;
      &amp;lt;strong&amp;gt;AI를 쓰는 방식 자체를 바꾸는 패러다임 전환&amp;lt;/strong&amp;gt;에 가깝습니다.  
    &amp;lt;/blockquote&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 3. 종류 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;types&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;공식 Skills 종류 총정리&amp;lt;/h2&amp;gt;

    &amp;lt;p&amp;gt;Anthropic이 직접 만들고 관리하는 공식 Skills들이에요. &amp;lt;strong&amp;gt;Pro, Max, Team, Enterprise&amp;lt;/strong&amp;gt; 유료 플랜 사용자라면 자동으로 사용할 수 있어요!&amp;lt;/p&amp;gt;

    &amp;lt;h3&amp;gt;  문서 작업 Skills&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;skill-grid&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;docx&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;Word 문서 생성&amp;middot;편집, 변경 추적, 주석 처리까지&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;xlsx&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;Excel 스프레드시트 생성, 수식 작성, 데이터 분석&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;pptx&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;PowerPoint 프레젠테이션, 레이아웃&amp;middot;차트 자동 생성&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;pdf&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;PDF 생성&amp;middot;텍스트 추출, 양식 작성 자동화&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;  디자인 &amp;amp; 개발 Skills&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;skill-grid&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; ️&amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;frontend-design&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;고품질 UI 컴포넌트, React&amp;middot;HTML 디자인 자동화&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;theme-factory&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;10가지 사전 설정 테마로 아티팩트 스타일링&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; ️&amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;brand-guidelines&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;Anthropic 공식 브랜드 컬러&amp;middot;타이포그래피 적용&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt; ️ 유틸리티 Skills&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;skill-grid&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt;✨&amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;skill-creator&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;나만의 커스텀 Skill을 대화형으로 쉽게 생성&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;file-reading&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;다양한 파일 형식 읽기&amp;middot;분석 자동화&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;skill-card&amp;quot;&amp;gt;
        &amp;lt;span class=&amp;quot;skill-icon&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;
        &amp;lt;div class=&amp;quot;skill-name&amp;quot;&amp;gt;data-analysis&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;skill-desc&amp;quot;&amp;gt;CSV, 데이터셋 분석 및 시각화 자동화&amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;highlight-box&amp;quot;&amp;gt;
        &amp;lt;strong&amp;gt;GitHub에도 공개되어 있어요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      Anthropic은 공식 Skills들을 GitHub에 오픈소스로 공개해두고 있어요. SKILL.md 파일을 직접 다운로드해서 업로드하면 바로 사용 가능합니다!
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 4. 활성화 방법 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;howto&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;Claude Skills 활성화 방법 (단계별)&amp;lt;/h2&amp;gt;

    &amp;lt;p&amp;gt;실제로 어떻게 쓰는지 차근차근 알아볼게요. Claude.ai 웹 기준으로 설명드릴게요!&amp;lt;/p&amp;gt;

    &amp;lt;h3&amp;gt;① 코드 실행 &amp;amp; 파일 생성 기능 켜기&amp;lt;/h3&amp;gt;
    &amp;lt;p&amp;gt;Skills를 쓰려면 먼저 &amp;lt;strong&amp;gt;'코드 실행 및 파일 생성'&amp;lt;/strong&amp;gt; 기능을 활성화해야 해요. 대화창 하단의 설정에서 켤 수 있어요.&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;step-list&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt;1&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Claude.ai 접속 후 설정 열기&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;좌측 하단 프로필 &amp;rarr; Settings(설정) 클릭&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt;2&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Features 탭에서 Skills 확인&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;&amp;quot;Code Execution &amp;amp; File Creation&amp;quot; 토글을 켜주세요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;Skills 업로드&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;Settings &amp;rarr; Skills 탭에서 &amp;quot;Skills 업로드&amp;quot; 클릭 후 ZIP 파일 업로드!&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt;4&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;대화에서 자동 인식&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;이제 Claude가 요청에 맞는 Skill을 알아서 불러와서 사용해요  &amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;blockquote&amp;gt;
      &amp;lt;strong&amp;gt;꿀팁!&amp;lt;/strong&amp;gt; &amp;quot;Q3 실적 PowerPoint 만들어줘&amp;quot;라고만 해도&amp;lt;br&amp;gt;
      Claude가 &amp;lt;strong&amp;gt;자동으로 pptx Skill을 인식하고 적용&amp;lt;/strong&amp;gt;해요.&amp;lt;br&amp;gt;
      명시적으로 &amp;quot;pptx Skill 써줘&amp;quot;라고 안 해도 됩니다!
    &amp;lt;/blockquote&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 5. SKILL.md 만들기 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;skill-md&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;SKILL.md 파일 직접 만들기&amp;lt;/h2&amp;gt;

    &amp;lt;p&amp;gt;공식 Skills로 부족하다면? 나만의 커스텀 Skill을 만들 수 있어요! 생각보다 어렵지 않아요  &amp;lt;/p&amp;gt;

    &amp;lt;h3&amp;gt;기본 구조&amp;lt;/h3&amp;gt;
    &amp;lt;p&amp;gt;SKILL.md 파일은 마크다운 형식으로 작성하고, 최소한 &amp;lt;strong&amp;gt;이름과 설명&amp;lt;/strong&amp;gt;만 있으면 동작해요.&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;code-block&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;code-header&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-yellow&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        SKILL.md
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;code-body&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;---&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;c-yellow&amp;quot;&amp;gt;my-blog-writer&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;description&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;c-yellow&amp;quot;&amp;gt;티스토리 블로그 포스팅 전문 작성 스킬.
          SEO 최적화, 친근한 말투, 소제목 구성까지 자동 처리.&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;---&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-blue&amp;quot;&amp;gt;# 블로그 글쓰기 Skill&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;## 역할&amp;lt;/span&amp;gt;
당신은 SEO를 고려한 티스토리 블로그 전문 작가입니다.

&amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;## 규칙&amp;lt;/span&amp;gt;
- 친근하고 읽기 쉬운 말투로 작성
- H2, H3 소제목을 활용한 구조화
- 인용구로 핵심 내용 강조
- 키워드는 자연스럽게 본문에 녹이기

&amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;## 출력 형식&amp;lt;/span&amp;gt;
- 제목: SEO 키워드 포함 50자 이내
- 도입부: 공감 문장으로 시작
- 본문: 소제목 4개 이상
- 마무리: CTA(행동 유도) 포함&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;폴더 구조&amp;lt;/h3&amp;gt;
    &amp;lt;p&amp;gt;Skills는 폴더 단위로 관리돼요. ZIP으로 묶어서 업로드하면 끝!&amp;lt;/p&amp;gt;

    &amp;lt;div class=&amp;quot;code-block&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;code-header&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-yellow&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        폴더 구조
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;code-body&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-blue&amp;quot;&amp;gt;my-skills/&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;├── blog-writer/&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-yellow&amp;quot;&amp;gt;│   └── SKILL.md&amp;lt;/span&amp;gt;        &amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;# 블로그 작성 Skill&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;├── report-maker/&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-yellow&amp;quot;&amp;gt;│   └── SKILL.md&amp;lt;/span&amp;gt;        &amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;# 보고서 작성 Skill&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;└── email-writer/&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-yellow&amp;quot;&amp;gt;    └── SKILL.md&amp;lt;/span&amp;gt;        &amp;lt;span class=&amp;quot;c-comment&amp;quot;&amp;gt;# 이메일 작성 Skill&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;highlight-box&amp;quot;&amp;gt;
        &amp;lt;strong&amp;gt;Skill Creator를 활용하세요!&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
      공식 &amp;lt;strong&amp;gt;skill-creator Skill&amp;lt;/strong&amp;gt;을 먼저 설치하면, Claude에게 &amp;quot;나 이런 Skill 만들고 싶어&amp;quot;라고 말하는 것만으로 SKILL.md를 자동으로 생성해줘요. 코딩 지식 전혀 필요 없어요!
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;실전 예시: 블로그 글쓰기 Skill 대화&amp;lt;/h3&amp;gt;
    &amp;lt;div class=&amp;quot;code-block&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;code-header&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-red&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-yellow&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;dot dot-green&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        Claude와의 대화 예시
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;code-body&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-green&amp;quot;&amp;gt;  나:&amp;lt;/span&amp;gt; ChatGPT와 Claude 비교 블로그 글 써줘

&amp;lt;span class=&amp;quot;c-blue&amp;quot;&amp;gt;  Claude:&amp;lt;/span&amp;gt; [blog-writer Skill 자동 감지 및 로드]
         SEO 최적화 제목: &amp;quot;ChatGPT vs Claude 2025 비교:
         어떤 AI가 내 업무에 맞을까?&amp;quot;
         
         도입부, 소제목 4개, 인용구 포함,
         친근한 말투로 전문적인 블로그 포스팅 생성 중...&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 6. 팁 &amp;amp; 주의사항 --&amp;gt;
  &amp;lt;div class=&amp;quot;section&amp;quot; id=&amp;quot;tips&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;emoji&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;실전 활용 팁 &amp;amp; 주의사항&amp;lt;/h2&amp;gt;

    &amp;lt;h3&amp;gt;✅ 잘 쓰는 팁&amp;lt;/h3&amp;gt;

    &amp;lt;div class=&amp;quot;step-list&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;description을 구체적으로 쓰세요&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;Claude가 Skill을 자동 인식할 때 description만 먼저 읽어요. &amp;quot;이 Skill은 언제 쓰는 건지&amp;quot;를 명확하게 적을수록 정확도가 올라가요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;목적별로 Skill을 분리하세요&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;하나의 Skill에 모든 걸 담으려 하지 말고, &amp;quot;블로그용&amp;quot;, &amp;quot;보고서용&amp;quot;, &amp;quot;이메일용&amp;quot; 처럼 목적별로 나눠서 관리하는 게 훨씬 효과적이에요.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      &amp;lt;div class=&amp;quot;step-item&amp;quot;&amp;gt;
        &amp;lt;div class=&amp;quot;step-num&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;
        &amp;lt;div class=&amp;quot;step-content&amp;quot;&amp;gt;
          &amp;lt;h4&amp;gt;결과물 보고 계속 개선하세요&amp;lt;/h4&amp;gt;
          &amp;lt;p&amp;gt;처음부터 완벽할 필요 없어요. 쓰다가 &amp;quot;이 부분이 아쉽다&amp;quot; 싶으면 SKILL.md를 수정하고 다시 업로드하면 됩니다.&amp;lt;/p&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;h3&amp;gt;⚠️ 주의사항&amp;lt;/h3&amp;gt;

    &amp;lt;div class=&amp;quot;tip-box&amp;quot;&amp;gt;
      &amp;lt;div class=&amp;quot;tip-label&amp;quot;&amp;gt;⚠️ NOTICE&amp;lt;/div&amp;gt;
      &amp;lt;p&amp;gt;
        &amp;lt;strong&amp;gt;Skills는 유료 플랜 전용이에요!&amp;lt;/strong&amp;gt; Free 플랜에서는 공식 Skills를 사용할 수 없어요. Pro 이상 플랜에서 이용 가능합니다.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
        &amp;lt;strong&amp;gt;출력 형식이 모호하면 결과도 흔들려요.&amp;lt;/strong&amp;gt; SKILL.md 작성 시 &amp;quot;작업 목적 &amp;rarr; 처리 순서 &amp;rarr; 출력 형식&amp;quot;을 구체적으로 정의해야 일관된 결과를 얻을 수 있어요.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
        &amp;lt;strong&amp;gt;민감한 데이터 주의!&amp;lt;/strong&amp;gt; 커스텀 Skill에 실제 고객 정보나 기밀 데이터를 그대로 넣지 마세요.
      &amp;lt;/p&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;blockquote&amp;gt;
      Claude Skills의 핵심은 &amp;lt;strong&amp;gt;&amp;quot;한 번 잘 정의해두면 계속 써먹을 수 있다&amp;quot;&amp;lt;/strong&amp;gt;는 거예요.&amp;lt;br&amp;gt;
      처음 세팅하는 데 시간이 좀 걸리더라도, 이후에 절약되는 시간은 그 몇 배예요 ✨
    &amp;lt;/blockquote&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 마무리 --&amp;gt;
  &amp;lt;div class=&amp;quot;outro&amp;quot; id=&amp;quot;outro&amp;quot;&amp;gt;
    &amp;lt;h2&amp;gt;  마무리&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;
      Claude Skills는 단순히 &amp;quot;편리한 기능&amp;quot;이 아니에요.&amp;lt;br&amp;gt;
      AI와 함께 일하는 방식 자체를 업그레이드해주는 도구예요.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      처음엔 공식 Skills(docx, xlsx, pptx)부터 써보고,&amp;lt;br&amp;gt;
      익숙해지면 나만의 커스텀 Skill을 만들어보세요!&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
      반복 업무에서 해방되는 그날까지  
    &amp;lt;/p&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;!-- 관련 태그 영역 --&amp;gt;
  &amp;lt;div style=&amp;quot;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;&amp;quot;&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#Claude&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#ClaudeSkills&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#AI활용법&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#업무자동화&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#생산성향상&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;background:#eef2ff;color:#4361ee;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;&amp;quot;&amp;gt;#SKILL.md&amp;lt;/span&amp;gt;
  &amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&quot;&gt;
&lt;style&gt;
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap');

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Noto Sans KR', sans-serif;
      background: #f9f9fb;
      color: #1a1a2e;
      line-height: 1.85;
      font-size: 16px;
    }

    .container {
      max-width: 780px;
      margin: 0 auto;
      padding: 48px 24px 80px;
    }

    /* 제목 영역 */
    .hero {
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
      border-radius: 20px;
      padding: 52px 40px;
      margin-bottom: 48px;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 260px; height: 260px;
      background: radial-gradient(circle, rgba(91,192,235,0.18) 0%, transparent 70%);
      border-radius: 50%;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(91,192,235,0.2);
      color: #5bc0eb;
      border: 1px solid rgba(91,192,235,0.4);
      border-radius: 30px;
      font-size: 13px;
      font-weight: 700;
      padding: 5px 16px;
      margin-bottom: 20px;
      letter-spacing: 0.04em;
    }
    .hero h1 {
      font-size: 2rem;
      font-weight: 900;
      line-height: 1.35;
      margin-bottom: 16px;
      word-break: keep-all;
    }
    .hero h1 span { color: #5bc0eb; }
    .hero p {
      color: rgba(255,255,255,0.72);
      font-size: 15px;
      line-height: 1.7;
    }

    /* 목차 */
    .toc {
      background: #fff;
      border: 1.5px solid #e8eaf0;
      border-radius: 14px;
      padding: 28px 32px;
      margin-bottom: 48px;
    }
    .toc-title {
      font-size: 14px;
      font-weight: 700;
      color: #888;
      letter-spacing: 0.08em;
      margin-bottom: 16px;
      text-transform: uppercase;
    }
    .toc ol {
      padding-left: 20px;
    }
    .toc li {
      margin-bottom: 8px;
      font-size: 15px;
    }
    .toc a {
      color: #0f3460;
      text-decoration: none;
      font-weight: 500;
    }
    .toc a:hover { text-decoration: underline; }

    /* 본문 섹션 */
    .section {
      background: #fff;
      border-radius: 16px;
      padding: 40px 36px;
      margin-bottom: 32px;
      border: 1.5px solid #ebebf0;
    }

    h2 {
      font-size: 1.45rem;
      font-weight: 900;
      color: #0f3460;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 2.5px solid #e8eaf0;
      word-break: keep-all;
    }
    h2 .emoji { margin-right: 8px; }

    h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: #1a1a2e;
      margin: 28px 0 12px;
    }

    p {
      margin-bottom: 16px;
      color: #333;
      word-break: keep-all;
    }

    /* 인용구 */
    blockquote {
      background: linear-gradient(135deg, #f0f7ff, #e8f4fd);
      border-left: 4px solid #5bc0eb;
      border-radius: 0 12px 12px 0;
      padding: 20px 24px;
      margin: 24px 0;
      font-size: 15px;
      color: #0f3460;
      font-weight: 500;
      font-style: italic;
      line-height: 1.75;
    }
    blockquote strong { font-style: normal; color: #0a2a5e; }

    /* 강조 박스 */
    .highlight-box {
      background: #fff9f0;
      border: 1.5px solid #ffd580;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
      font-size: 15px;
      color: #7a5000;
    }
    .highlight-box strong { color: #b36a00; }

    .info-box {
      background: #f0faf4;
      border: 1.5px solid #a8e6c0;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
      font-size: 15px;
      color: #1a5e35;
    }

    /* 코드 블록 */
    .code-block {
      background: #1e2235;
      border-radius: 12px;
      overflow: hidden;
      margin: 20px 0;
      font-size: 14px;
    }
    .code-header {
      background: #2a2f47;
      padding: 10px 18px;
      font-size: 12px;
      color: #8892b0;
      font-family: monospace;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .code-header .dot {
      width: 11px; height: 11px;
      border-radius: 50%;
    }
    .dot-red { background: #ff5f57; }
    .dot-yellow { background: #febc2e; }
    .dot-green { background: #28c840; }
    .code-body {
      padding: 20px 22px;
      color: #cdd6f4;
      font-family: 'Courier New', Courier, monospace;
      white-space: pre;
      overflow-x: auto;
      line-height: 1.7;
    }
    .code-body .c-green { color: #a6e3a1; }
    .code-body .c-blue { color: #89b4fa; }
    .code-body .c-yellow { color: #f9e2af; }
    .code-body .c-pink { color: #f38ba8; }
    .code-body .c-comment { color: #6c7086; }

    /* 스킬 카드 그리드 */
    .skill-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 14px;
      margin: 20px 0;
    }
    .skill-card {
      background: #f7f8fc;
      border: 1.5px solid #e0e4ef;
      border-radius: 12px;
      padding: 18px;
      transition: all 0.2s;
    }
    .skill-card:hover {
      border-color: #5bc0eb;
      box-shadow: 0 4px 16px rgba(91,192,235,0.12);
      transform: translateY(-2px);
    }
    .skill-icon {
      font-size: 24px;
      margin-bottom: 8px;
      display: block;
    }
    .skill-name {
      font-weight: 700;
      font-size: 14px;
      color: #0f3460;
      margin-bottom: 4px;
    }
    .skill-desc {
      font-size: 12px;
      color: #666;
      line-height: 1.5;
    }

    /* 단계 박스 */
    .step-list { margin: 20px 0; }
    .step-item {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      margin-bottom: 20px;
    }
    .step-num {
      flex-shrink: 0;
      width: 36px; height: 36px;
      background: linear-gradient(135deg, #0f3460, #5bc0eb);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 15px;
    }
    .step-content h4 {
      font-weight: 700;
      font-size: 15px;
      color: #1a1a2e;
      margin-bottom: 4px;
    }
    .step-content p {
      font-size: 14px;
      color: #555;
      margin: 0;
    }

    /* 비교 테이블 */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 14px;
    }
    .compare-table th {
      background: #0f3460;
      color: #fff;
      padding: 12px 16px;
      text-align: left;
      font-weight: 700;
    }
    .compare-table th:first-child { border-radius: 8px 0 0 0; }
    .compare-table th:last-child { border-radius: 0 8px 0 0; }
    .compare-table td {
      padding: 12px 16px;
      border-bottom: 1px solid #ebebf0;
      color: #333;
    }
    .compare-table tr:nth-child(even) td { background: #f7f8fc; }
    .compare-table .check { color: #28a745; font-weight: 700; }
    .compare-table .cross { color: #dc3545; font-weight: 700; }

    /* 팁 박스 */
    .tip-box {
      background: linear-gradient(135deg, #fff0f8, #fce4f0);
      border: 1.5px solid #f4a0c8;
      border-radius: 12px;
      padding: 20px 24px;
      margin: 20px 0;
    }
    .tip-box .tip-label {
      font-size: 12px;
      font-weight: 700;
      color: #c0348a;
      letter-spacing: 0.06em;
      margin-bottom: 8px;
    }
    .tip-box p { color: #6b0f4a; font-size: 14px; margin: 0; }

    /* 마무리 */
    .outro {
      background: linear-gradient(135deg, #0f3460, #1a4a7a);
      color: #fff;
      border-radius: 16px;
      padding: 40px 36px;
      margin-bottom: 32px;
      text-align: center;
    }
    .outro h2 {
      color: #fff;
      border: none;
      font-size: 1.4rem;
      margin-bottom: 12px;
    }
    .outro p { color: rgba(255,255,255,0.8); font-size: 15px; }

    /* 반응형 */
    @media (max-width: 600px) {
      .container { padding: 24px 16px 60px; }
      .hero { padding: 36px 24px; }
      .hero h1 { font-size: 1.5rem; }
      .section { padding: 28px 20px; }
      .skill-grid { grid-template-columns: 1fr 1fr; }
    }
  &lt;/style&gt;
&lt;div class=&quot;container&quot;&gt;&lt;!-- 히어로 --&gt;
&lt;div class=&quot;hero&quot;&gt;
&lt;div class=&quot;hero-badge&quot;&gt;✦ 2025 최신 가이드&lt;/div&gt;
&lt;h1&gt;Claude &lt;span&gt;Skills&lt;/span&gt; 완벽 사용법&lt;br /&gt;반복 작업 자동화의 끝판왕&lt;/h1&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;매번 같은 프롬프트 복붙하기 지치셨나요?&lt;br /&gt;Claude Skills 하나면 AI가 알아서 전문가처럼 일합니다  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- 목차 --&gt;
&lt;div class=&quot;toc&quot;&gt;
&lt;div class=&quot;toc-title&quot;&gt;  목차&lt;/div&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#intro&quot;&gt;Claude Skills, 도대체 뭔가요?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#why&quot;&gt;왜 써야 하나요? 기존 방식과 비교&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#types&quot;&gt;공식 Skills 종류 총정리&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#howto&quot;&gt;Claude Skills 활성화 방법 (단계별)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#skill-md&quot;&gt;SKILL.md 파일 직접 만들기&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#tips&quot;&gt;실전 활용 팁 &amp;amp; 주의사항&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#outro&quot;&gt;마무리&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;!-- 1. 소개 --&gt;
&lt;div id=&quot;intro&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt; &lt;/span&gt;Claude Skills, 도대체 뭔가요?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude를 쓰다 보면 이런 경험 다들 있으시죠? 엑셀 파일 만들어달라고 할 때마다 &lt;b&gt;&quot;xlsx 형식으로, 헤더는 굵게, 숫자는 오른쪽 정렬&amp;hellip;&quot;&lt;/b&gt; 이런 설명을 매번 반복하는 거요. 정말 번거롭잖아요  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Claude Skills&lt;/b&gt;는 Anthropic이 2025년 10월에 공개한 기능으로, 이런 반복적인 작업 방식을 &lt;b&gt;SKILL.md&lt;/b&gt;라는 마크다운 파일에 한 번만 정의해두면 Claude가 이후엔 알아서 그 방식대로 작업을 수행해주는 시스템이에요.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;&lt;b&gt;&quot;Skills는 Claude에게 업무 매뉴얼을 주는 것과 같아요.&quot;&lt;/b&gt;&lt;br /&gt;신입사원에게 '우리 회사에선 이렇게 일합니다'라고 문서로 설명해두면, 그 이후론 매번 지시하지 않아도 알아서 하는 것처럼요.&lt;/blockquote&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  핵심 특징 3가지&lt;/h3&gt;
&lt;div class=&quot;info-box&quot;&gt;&lt;b&gt;① 점진적 공개 (Progressive Disclosure)&lt;/b&gt;&lt;br /&gt;Claude는 시작할 때 모든 Skills의 이름&amp;middot;설명만 가볍게 불러오고, 실제로 필요한 Skill의 세부 내용만 그때그때 로드해요. 컨텍스트 낭비 없이 효율적이죠!&lt;/div&gt;
&lt;div class=&quot;info-box&quot;&gt;&lt;b&gt;② 조합 가능성 (Composable)&lt;/b&gt;&lt;br /&gt;여러 Skills를 동시에 사용할 수 있어요. 예를 들어 &quot;데이터 분석 Skill + Excel 출력 Skill&quot;을 함께 쓸 수 있습니다.&lt;/div&gt;
&lt;div class=&quot;info-box&quot;&gt;&lt;b&gt;③ 이식성 (Portable)&lt;/b&gt;&lt;br /&gt;Claude.ai 웹, Claude Code, API 등 어디서든 동일하게 작동해요. 한 번 만들면 어디서나 쓸 수 있습니다.&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 2. 왜 써야 하나 --&gt;
&lt;div id=&quot;why&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt;⚡&lt;/span&gt;왜 써야 하나요? 기존 방식과 비교&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;백 마디 설명보다 비교 표 하나가 낫죠. 기존 프롬프트 방식 vs Skills 방식을 직접 비교해볼게요!&lt;/p&gt;
&lt;table class=&quot;compare-table&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;비교 항목&lt;/th&gt;
&lt;th&gt;기존 프롬프트 방식&lt;/th&gt;
&lt;th&gt;Claude Skills&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;반복 작업&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;cross&quot;&gt;✗&lt;/span&gt; 매번 프롬프트 재입력&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;check&quot;&gt;✓&lt;/span&gt; 한 번 정의 후 자동 적용&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;결과 일관성&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;cross&quot;&gt;✗&lt;/span&gt; 매번 결과가 달라질 수 있음&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;check&quot;&gt;✓&lt;/span&gt; 동일한 기준으로 일관된 결과&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;팀 공유&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;cross&quot;&gt;✗&lt;/span&gt; 개인이 따로 관리&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;check&quot;&gt;✓&lt;/span&gt; 팀 전체 공유 가능 (Enterprise)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;전문 도메인&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;cross&quot;&gt;✗&lt;/span&gt; 기본적인 수준&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;check&quot;&gt;✓&lt;/span&gt; 도메인 특화된 전문 결과&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;컨텍스트 효율&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;cross&quot;&gt;✗&lt;/span&gt; 매번 설명으로 낭비&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;check&quot;&gt;✓&lt;/span&gt; 필요할 때만 로드&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;사실 Claude Skills는 단순한 편의 기능이 아니에요.&lt;br /&gt;&lt;b&gt;AI를 쓰는 방식 자체를 바꾸는 패러다임 전환&lt;/b&gt;에 가깝습니다.  &lt;/blockquote&gt;
&lt;/div&gt;
&lt;!-- 3. 종류 --&gt;
&lt;div id=&quot;types&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt; &lt;/span&gt;공식 Skills 종류 총정리&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Anthropic이 직접 만들고 관리하는 공식 Skills들이에요. &lt;b&gt;Pro, Max, Team, Enterprise&lt;/b&gt; 유료 플랜 사용자라면 자동으로 사용할 수 있어요!&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  문서 작업 Skills&lt;/h3&gt;
&lt;div class=&quot;skill-grid&quot;&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;docx&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;Word 문서 생성&amp;middot;편집, 변경 추적, 주석 처리까지&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;xlsx&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;Excel 스프레드시트 생성, 수식 작성, 데이터 분석&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;pptx&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;PowerPoint 프레젠테이션, 레이아웃&amp;middot;차트 자동 생성&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;pdf&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;PDF 생성&amp;middot;텍스트 추출, 양식 작성 자동화&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  디자인 &amp;amp; 개발 Skills&lt;/h3&gt;
&lt;div class=&quot;skill-grid&quot;&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; ️&lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;frontend-design&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;고품질 UI 컴포넌트, React&amp;middot;HTML 디자인 자동화&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;theme-factory&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;10가지 사전 설정 테마로 아티팩트 스타일링&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; ️&lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;brand-guidelines&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;Anthropic 공식 브랜드 컬러&amp;middot;타이포그래피 적용&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt; ️ 유틸리티 Skills&lt;/h3&gt;
&lt;div class=&quot;skill-grid&quot;&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt;✨&lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;skill-creator&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;나만의 커스텀 Skill을 대화형으로 쉽게 생성&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;file-reading&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;다양한 파일 형식 읽기&amp;middot;분석 자동화&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;skill-card&quot;&gt;&lt;span class=&quot;skill-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;skill-name&quot;&gt;data-analysis&lt;/div&gt;
&lt;div class=&quot;skill-desc&quot;&gt;CSV, 데이터셋 분석 및 시각화 자동화&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;highlight-box&quot;&gt;  &lt;b&gt;GitHub에도 공개되어 있어요!&lt;/b&gt;&lt;br /&gt;Anthropic은 공식 Skills들을 GitHub에 오픈소스로 공개해두고 있어요. SKILL.md 파일을 직접 다운로드해서 업로드하면 바로 사용 가능합니다!&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 4. 활성화 방법 --&gt;
&lt;div id=&quot;howto&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt; &lt;/span&gt;Claude Skills 활성화 방법 (단계별)&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;실제로 어떻게 쓰는지 차근차근 알아볼게요. Claude.ai 웹 기준으로 설명드릴게요!&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;① 코드 실행 &amp;amp; 파일 생성 기능 켜기&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Skills를 쓰려면 먼저 &lt;b&gt;'코드 실행 및 파일 생성'&lt;/b&gt; 기능을 활성화해야 해요. 대화창 하단의 설정에서 켤 수 있어요.&lt;/p&gt;
&lt;div class=&quot;step-list&quot;&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Claude.ai 접속 후 설정 열기&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;좌측 하단 프로필 &amp;rarr; Settings(설정) 클릭&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Features 탭에서 Skills 확인&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;Code Execution &amp;amp; File Creation&quot; 토글을 켜주세요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Skills 업로드&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Settings &amp;rarr; Skills 탭에서 &quot;Skills 업로드&quot; 클릭 후 ZIP 파일 업로드!&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt;4&lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;대화에서 자동 인식&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 Claude가 요청에 맞는 Skill을 알아서 불러와서 사용해요  &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;&lt;b&gt;꿀팁!&lt;/b&gt; &quot;Q3 실적 PowerPoint 만들어줘&quot;라고만 해도&lt;br /&gt;Claude가 &lt;b&gt;자동으로 pptx Skill을 인식하고 적용&lt;/b&gt;해요.&lt;br /&gt;명시적으로 &quot;pptx Skill 써줘&quot;라고 안 해도 됩니다!&lt;/blockquote&gt;
&lt;/div&gt;
&lt;!-- 5. SKILL.md 만들기 --&gt;
&lt;div id=&quot;skill-md&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt; &lt;/span&gt;SKILL.md 파일 직접 만들기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;공식 Skills로 부족하다면? 나만의 커스텀 Skill을 만들 수 있어요! 생각보다 어렵지 않아요  &lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;기본 구조&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SKILL.md 파일은 마크다운 형식으로 작성하고, 최소한 &lt;b&gt;이름과 설명&lt;/b&gt;만 있으면 동작해요.&lt;/p&gt;
&lt;div class=&quot;code-block&quot;&gt;
&lt;div class=&quot;code-header&quot;&gt;
&lt;div class=&quot;dot dot-red&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-yellow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-green&quot;&gt;&amp;nbsp;&lt;/div&gt;
SKILL.md&lt;/div&gt;
&lt;div class=&quot;code-body&quot;&gt;&lt;span class=&quot;c-comment&quot;&gt;---&lt;/span&gt; &lt;span class=&quot;c-green&quot;&gt;name&lt;/span&gt;: &lt;span class=&quot;c-yellow&quot;&gt;my-blog-writer&lt;/span&gt; &lt;span class=&quot;c-green&quot;&gt;description&lt;/span&gt;: &lt;span class=&quot;c-yellow&quot;&gt;티스토리 블로그 포스팅 전문 작성 스킬. SEO 최적화, 친근한 말투, 소제목 구성까지 자동 처리.&lt;/span&gt; &lt;span class=&quot;c-comment&quot;&gt;---&lt;/span&gt; &lt;span class=&quot;c-blue&quot;&gt;# 블로그 글쓰기 Skill&lt;/span&gt; &lt;span class=&quot;c-comment&quot;&gt;## 역할&lt;/span&gt; 당신은 SEO를 고려한 티스토리 블로그 전문 작가입니다. &lt;span class=&quot;c-comment&quot;&gt;## 규칙&lt;/span&gt; - 친근하고 읽기 쉬운 말투로 작성 - H2, H3 소제목을 활용한 구조화 - 인용구로 핵심 내용 강조 - 키워드는 자연스럽게 본문에 녹이기 &lt;span class=&quot;c-comment&quot;&gt;## 출력 형식&lt;/span&gt; - 제목: SEO 키워드 포함 50자 이내 - 도입부: 공감 문장으로 시작 - 본문: 소제목 4개 이상 - 마무리: CTA(행동 유도) 포함&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;폴더 구조&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Skills는 폴더 단위로 관리돼요. ZIP으로 묶어서 업로드하면 끝!&lt;/p&gt;
&lt;div class=&quot;code-block&quot;&gt;
&lt;div class=&quot;code-header&quot;&gt;
&lt;div class=&quot;dot dot-red&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-yellow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-green&quot;&gt;&amp;nbsp;&lt;/div&gt;
폴더 구조&lt;/div&gt;
&lt;div class=&quot;code-body&quot;&gt;&lt;span class=&quot;c-blue&quot;&gt;my-skills/&lt;/span&gt; &lt;span class=&quot;c-green&quot;&gt;├── blog-writer/&lt;/span&gt; &lt;span class=&quot;c-yellow&quot;&gt;│ └── SKILL.md&lt;/span&gt; &lt;span class=&quot;c-comment&quot;&gt;# 블로그 작성 Skill&lt;/span&gt; &lt;span class=&quot;c-green&quot;&gt;├── report-maker/&lt;/span&gt; &lt;span class=&quot;c-yellow&quot;&gt;│ └── SKILL.md&lt;/span&gt; &lt;span class=&quot;c-comment&quot;&gt;# 보고서 작성 Skill&lt;/span&gt; &lt;span class=&quot;c-green&quot;&gt;└── email-writer/&lt;/span&gt; &lt;span class=&quot;c-yellow&quot;&gt; └── SKILL.md&lt;/span&gt; &lt;span class=&quot;c-comment&quot;&gt;# 이메일 작성 Skill&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;highlight-box&quot;&gt;  &lt;b&gt;Skill Creator를 활용하세요!&lt;/b&gt;&lt;br /&gt;공식 &lt;b&gt;skill-creator Skill&lt;/b&gt;을 먼저 설치하면, Claude에게 &quot;나 이런 Skill 만들고 싶어&quot;라고 말하는 것만으로 SKILL.md를 자동으로 생성해줘요. 코딩 지식 전혀 필요 없어요!&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;실전 예시: 블로그 글쓰기 Skill 대화&lt;/h3&gt;
&lt;div class=&quot;code-block&quot;&gt;
&lt;div class=&quot;code-header&quot;&gt;
&lt;div class=&quot;dot dot-red&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-yellow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-green&quot;&gt;&amp;nbsp;&lt;/div&gt;
Claude와의 대화 예시&lt;/div&gt;
&lt;div class=&quot;code-body&quot;&gt;&lt;span class=&quot;c-green&quot;&gt;  나:&lt;/span&gt; ChatGPT와 Claude 비교 블로그 글 써줘 &lt;span class=&quot;c-blue&quot;&gt;  Claude:&lt;/span&gt; [blog-writer Skill 자동 감지 및 로드] SEO 최적화 제목: &quot;ChatGPT vs Claude 2025 비교: 어떤 AI가 내 업무에 맞을까?&quot; 도입부, 소제목 4개, 인용구 포함, 친근한 말투로 전문적인 블로그 포스팅 생성 중...&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- 6. 팁 &amp; 주의사항 --&gt;
&lt;div id=&quot;tips&quot; class=&quot;section&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span class=&quot;emoji&quot;&gt; &lt;/span&gt;실전 활용 팁 &amp;amp; 주의사항&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;✅ 잘 쓰는 팁&lt;/h3&gt;
&lt;div class=&quot;step-list&quot;&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;description을 구체적으로 쓰세요&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude가 Skill을 자동 인식할 때 description만 먼저 읽어요. &quot;이 Skill은 언제 쓰는 건지&quot;를 명확하게 적을수록 정확도가 올라가요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;목적별로 Skill을 분리하세요&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하나의 Skill에 모든 걸 담으려 하지 말고, &quot;블로그용&quot;, &quot;보고서용&quot;, &quot;이메일용&quot; 처럼 목적별로 나눠서 관리하는 게 훨씬 효과적이에요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;step-item&quot;&gt;
&lt;div class=&quot;step-num&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;step-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;결과물 보고 계속 개선하세요&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음부터 완벽할 필요 없어요. 쓰다가 &quot;이 부분이 아쉽다&quot; 싶으면 SKILL.md를 수정하고 다시 업로드하면 됩니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;⚠️ 주의사항&lt;/h3&gt;
&lt;div class=&quot;tip-box&quot;&gt;
&lt;div class=&quot;tip-label&quot;&gt;⚠️ NOTICE&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Skills는 유료 플랜 전용이에요!&lt;/b&gt; Free 플랜에서는 공식 Skills를 사용할 수 없어요. Pro 이상 플랜에서 이용 가능합니다.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;출력 형식이 모호하면 결과도 흔들려요.&lt;/b&gt; SKILL.md 작성 시 &quot;작업 목적 &amp;rarr; 처리 순서 &amp;rarr; 출력 형식&quot;을 구체적으로 정의해야 일관된 결과를 얻을 수 있어요.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;민감한 데이터 주의!&lt;/b&gt; 커스텀 Skill에 실제 고객 정보나 기밀 데이터를 그대로 넣지 마세요.&lt;/p&gt;
&lt;/div&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;Claude Skills의 핵심은 &lt;b&gt;&quot;한 번 잘 정의해두면 계속 써먹을 수 있다&quot;&lt;/b&gt;는 거예요.&lt;br /&gt;처음 세팅하는 데 시간이 좀 걸리더라도, 이후에 절약되는 시간은 그 몇 배예요 ✨&lt;/blockquote&gt;
&lt;/div&gt;
&lt;!-- 마무리 --&gt;
&lt;div id=&quot;outro&quot; class=&quot;outro&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;  마무리&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Skills는 단순히 &quot;편리한 기능&quot;이 아니에요.&lt;br /&gt;AI와 함께 일하는 방식 자체를 업그레이드해주는 도구예요.&lt;br /&gt;&lt;br /&gt;처음엔 공식 Skills(docx, xlsx, pptx)부터 써보고,&lt;br /&gt;익숙해지면 나만의 커스텀 Skill을 만들어보세요!&lt;br /&gt;&lt;br /&gt;반복 업무에서 해방되는 그날까지  &lt;/p&gt;
&lt;/div&gt;
&lt;!-- 관련 태그 영역 --&gt;
&lt;div style=&quot;display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px;&quot;&gt;&lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#Claude&lt;/span&gt; &lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#ClaudeSkills&lt;/span&gt; &lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#AI활용법&lt;/span&gt; &lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#업무자동화&lt;/span&gt; &lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#생산성향상&lt;/span&gt; &lt;span style=&quot;background: #eef2ff; color: #4361ee; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600;&quot;&gt;#SKILL.md&lt;/span&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>사용법 가이드</category>
      <category>ai도구</category>
      <category>ai자동화</category>
      <category>AI활용법</category>
      <category>반복업무자동화</category>
      <category>생산성향상</category>
      <category>업무자동화</category>
      <category>인공지능</category>
      <category>클로드</category>
      <category>클로드ai</category>
      <category>클로드스킬</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/40</guid>
      <comments>https://temver.tistory.com/40#entry40comment</comments>
      <pubDate>Wed, 3 Jun 2026 20:00:54 +0900</pubDate>
    </item>
    <item>
      <title>개발자 의자 추천, 허리 아픈 프로그래머들이 결국 선택한 의자</title>
      <link>https://temver.tistory.com/39</link>
      <description>&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;ChatGPT Image 2026년 6월 2일 오후 07_56_01.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vFrde/dJMcahEA94U/k8tRXWApQyCHbbkrl1kQxk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vFrde/dJMcahEA94U/k8tRXWApQyCHbbkrl1kQxk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vFrde/dJMcahEA94U/k8tRXWApQyCHbbkrl1kQxk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvFrde%2FdJMcahEA94U%2Fk8tRXWApQyCHbbkrl1kQxk%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;1536&quot; height=&quot;1024&quot; data-filename=&quot;ChatGPT Image 2026년 6월 2일 오후 07_56_01.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h1&gt;&lt;span style=&quot;background-color: #c0d1e7;&quot;&gt;개발자는 모니터보다 의자가 중요하다는 말을 뒤늦게 이해했다&lt;/span&gt;&lt;/h1&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;b&gt;코딩은 생각보다 몸을 많이 쓰는 일이다&lt;/b&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;처음 개발을 시작했을 때는 의자에 돈을 쓰는 사람이 잘 이해되지 않았다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;노트북은 성능이 중요하고, 모니터는 크면 클수록 좋고, 키보드는 타건감이 중요하다고 생각했다. 반면 의자는 그냥 앉을 수만 있으면 된다고 여겼다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그런데 몇 년 동안 개발 일을 하면서 생각이 완전히 바뀌었다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; 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;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;개발자는 손보다 허리가 먼저 지친다.&lt;/b&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;특히 재택근무나 프리랜서처럼 하루 대부분을 책상 앞에서 보내는 사람이라면 더 그렇다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;b&gt;허리가 아픈 건 의자 때문이 아닐 수도 있다&lt;/b&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;의자를 바꾼다고 허리 통증이 사라지는 것은 아니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;하지만 좋지 않은 의자는 분명히 문제를 더 크게 만든다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;저렴한 의자를 사용하면 처음 한두 시간은 괜찮다. 그런데 시간이 지날수록 몸이 조금씩 앞으로 쏠리고 허리가 무너지기 시작한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그러면 목과 어깨까지 함께 긴장하게 된다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;나도 예전에는 자꾸 자세를 바꾸는 습관이 있었는데, 돌이켜보면 집중력이 부족했던 게 아니라 앉아 있는 자세가 불편했던 경우가 많았다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;개발자들이 의자를 업무 장비라고 부르는 이유&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;재미있는 건 개발자 커뮤니티를 보면 의자를 가구가 아니라 장비처럼 이야기한다는 점이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;노트북 리뷰를 보듯 의자 리뷰를 보고, 모니터를 비교하듯 의자를 비교한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;처음에는 과하다고 생각했는데 직접 사용해 보니 이유를 알 것 같았다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;좋은 의자는 허리를 받쳐주는 것뿐 아니라 몸의 움직임 자체를 자연스럽게 만들어 준다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;몇 시간 동안 코딩하다가 일어났을 때 느껴지는 피로감 자체가 다르다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 한번 좋은 의자에 적응한 사람들은 다시 저렴한 의자로 돌아가기 어렵다고 말한다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;가장 많이 추천되는 입문용 의자, 시디즈 T50&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;국내 개발자들이 가장 많이 사용하는 의자를 꼽으라면 아마 시디즈 T50이 빠지지 않을 것이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;처음 인체공학 의자를 구매하는 사람들에게 가장 많이 추천되는 모델이기도 하다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;가격도 너무 부담스럽지 않은 편이고, 허리 지지나 조절 기능도 충분하다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;무엇보다 사용자가 많다 보니 실제 후기를 찾아보기 쉽다는 장점이 있다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&quot;왜 다들 T50을 추천하는지 앉아보니 알겠다&quot;는 후기가 괜히 나오는 것이 아니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼ 시디즈 T50&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼&lt;/span&gt;&lt;/p&gt;
&lt;div id=&quot;code_1780398032876&quot; data-ke-type=&quot;html&quot; data-source=&quot;
&amp;lt;div style=&amp;quot;text-align: center; margin: 20px auto;&amp;quot;&amp;gt;
    &amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9FS&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
&amp;lt;/div&amp;gt;&quot;&gt;
&lt;div style=&quot;text-align: center; margin: 20px auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9FS&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;오래 앉아 있다면 T80도 고려할 만하다&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;만약 하루 8시간 이상 책상 앞에 앉아 있다면 T80도 좋은 선택이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;T50보다 조절 범위가 넓고 몸을 받쳐주는 느낌도 더 안정적이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;특히 장시간 작업을 하는 개발자나 재택근무자들이 만족했다는 후기가 많다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; 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 style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼ 시디즈 T80&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼&lt;/span&gt;&lt;/p&gt;
&lt;div id=&quot;code_1780398146761&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;div style=&amp;quot;text-align: center; margin: 20px auto;&amp;quot;&amp;gt;
&amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9KV&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
&amp;lt;/div&amp;gt;&quot;&gt;
&lt;div style=&quot;text-align: center; margin: 20px auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9KV&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;개발자들의 로망, 허먼밀러 에어론&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;의자 이야기를 하다 보면 결국 허먼밀러 에어론이 등장한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;솔직히 가격은 상당히 비싸다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;처음 보면 의자가 이 정도 가격일 수 있나 싶을 정도다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그런데 신기하게도 실제 사용자들의 평가는 굉장히 좋다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;몇 년이 아니라 10년 넘게 사용한 후기들도 어렵지 않게 찾을 수 있다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 에어론을 사용하는 사람들은 보통 가격보다 사용 기간을 이야기한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;비싸게 샀지만 오래 사용하니 결과적으로 만족도가 높았다는 것이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; 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;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼ 허먼밀러 에어론&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼&lt;/span&gt;&lt;/p&gt;
&lt;div id=&quot;code_1780398199580&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;div style=&amp;quot;text-align: center; margin: 20px auto;&amp;quot;&amp;gt;
&amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9NL&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
&amp;lt;/div&amp;gt;&quot;&gt;
&lt;div style=&quot;text-align: center; margin: 20px auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9NL&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼ 허먼밀러 엠바디&lt;/span&gt;&lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼&lt;/span&gt;&lt;/p&gt;
&lt;div id=&quot;code_1780398253771&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;div style=&amp;quot;text-align: center; margin: 20px auto;&amp;quot;&amp;gt;
&amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9QU&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
&amp;lt;/div&amp;gt;&quot;&gt;
&lt;div style=&quot;text-align: center; margin: 20px auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9QU&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;비싼 의자가 무조건 정답은 아니다&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;여기서 중요한 건 비싼 의자가 정답이라는 이야기가 아니다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;중요한 건 내 몸에 맞는 의자를 찾는 것이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;체형도 다르고 앉는 습관도 다르기 때문에 어떤 사람에게 최고의 의자가 다른 사람에게는 평범할 수도 있다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;다만 한 가지는 분명하다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;하루 10시간 가까이 앉아서 일하는 개발자라면 의자는 가장 오래 사용하는 장비 중 하나라는 점이다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;노트북은 몇 년마다 교체하지만 의자는 훨씬 더 오래 사용한다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 의자에 투자하는 것은 단순한 소비라기보다 작업 환경에 대한 투자에 가깝다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;결국 생산성은 몸에서 나온다&lt;/blockquote&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;예전에는 생산성을 높이기 위해 더 좋은 모니터를 찾고 더 빠른 노트북을 찾았다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;물론 그것들도 중요하다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;하지만 장시간 앉아 일하는 직업이라면 몸이 편해야 집중도 오래 유지된다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;좋은 의자는 코드를 대신 작성해 주지 않는다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;하지만 더 편하게, 더 오래 집중할 수 있게 도와준다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; 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;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;▼ 아래 링크에서 현재 가격과 실제 구매자 후기를 확인해 보세요 &lt;span style=&quot;color: #ee2323; text-align: start;&quot;&gt;▼&lt;/span&gt; &lt;/span&gt;&lt;/p&gt;
&lt;div id=&quot;code_1780398283796&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;div style=&amp;quot;display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin: 20px auto; max-width: 100%;&amp;quot;&amp;gt;
    
    &amp;lt;div style=&amp;quot;flex: 0 0 auto;&amp;quot;&amp;gt;
        &amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9FS&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
    &amp;lt;/div&amp;gt;
    
    &amp;lt;div style=&amp;quot;flex: 0 0 auto;&amp;quot;&amp;gt;
        &amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9KV&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
    &amp;lt;/div&amp;gt;
    
    &amp;lt;div style=&amp;quot;flex: 0 0 auto;&amp;quot;&amp;gt;
        &amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9NL&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
    &amp;lt;/div&amp;gt;
    
    &amp;lt;div style=&amp;quot;flex: 0 0 auto;&amp;quot;&amp;gt;
        &amp;lt;iframe src=&amp;quot;https://coupa.ng/cnc9QU&amp;quot; width=&amp;quot;120&amp;quot; height=&amp;quot;240&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot; referrerpolicy=&amp;quot;unsafe-url&amp;quot; browsingtopics&amp;gt;&amp;lt;/iframe&amp;gt;
    &amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;
&quot;&gt;
&lt;div style=&quot;display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin: 20px auto; max-width: 100%;&quot;&gt;
&lt;div style=&quot;flex: 0 0 auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9FS&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div style=&quot;flex: 0 0 auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9KV&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div style=&quot;flex: 0 0 auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9NL&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div style=&quot;flex: 0 0 auto;&quot;&gt;&lt;iframe src=&quot;https://coupa.ng/cnc9QU&quot; width=&quot;120&quot; height=&quot;240&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
      <category>장비 추천</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/39</guid>
      <comments>https://temver.tistory.com/39#entry39comment</comments>
      <pubDate>Tue, 2 Jun 2026 20:00:55 +0900</pubDate>
    </item>
    <item>
      <title>AI로 유튜브 채널 혼자 다 만들기</title>
      <link>https://temver.tistory.com/38</link>
      <description>&lt;div&gt;
&lt;style&gt;
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;family=DM+Serif+Display:ital@0;1&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap');

/* ─── RESET &amp; WRAPPER ─── */
.yt-guide-wrap *,
.yt-guide-wrap *::before,
.yt-guide-wrap *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.yt-guide-wrap {
  background: #F9F7F4;
  color: #1A1A1A;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

/* ─── HERO ─── */
.yg-hero {
  background: #111111;
  color: #ffffff;
  padding: 64px 32px 52px;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
}

/* 필름 그레인 느낌 배경 */
.yg-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(ellipse 80% 60% at 70% 50%, rgba(220,38,38,.18) 0%, transparent 70%),
    radial-gradient(ellipse 50% 80% at 10% 80%, rgba(220,38,38,.08) 0%, transparent 60%);
  pointer-events: none;
}

/* 레코딩 점선 */
.yg-hero::after {
  content: 'REC ●';
  position: absolute;
  top: 24px;
  right: 28px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .15em;
  color: #DC2626;
  font-weight: 600;
}

.yg-kicker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #DC2626;
  background: rgba(220,38,38,.12);
  border: 1px solid rgba(220,38,38,.3);
  padding: 5px 14px;
  border-radius: 4px;
  margin-bottom: 28px;
  position: relative;
}

.yg-hero h1 {
  font-family: 'DM Serif Display', 'Georgia', serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  position: relative;
  max-width: 640px;
}
@media (max-width: 600px) {
  .yg-hero h1 { font-size: 30px; }
  .yg-hero { padding: 48px 20px 40px; }
}

.yg-hero h1 .yg-accent {
  font-style: italic;
  color: #DC2626;
}

.yg-hero h1 .yg-sub-title {
  display: block;
  font-size: 20px;
  color: rgba(255,255,255,.55);
  margin-top: 8px;
  letter-spacing: 0;
  font-style: normal;
}
@media (max-width: 600px) {
  .yg-hero h1 .yg-sub-title { font-size: 15px; }
}

.yg-hero-desc {
  font-size: 15.5px;
  color: rgba(255,255,255,.65);
  max-width: 560px;
  line-height: 1.8;
  margin-bottom: 32px;
  position: relative;
  border-left: 2px solid #DC2626;
  padding-left: 18px;
}

.yg-hero-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}

.yg-meta-pill {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  padding: 5px 14px;
  border-radius: 4px;
}

/* ─── PIPELINE FLOW ─── */
.yg-pipeline-wrap {
  padding: 40px 28px 0;
}

.yg-pipeline-label {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #6B6B6B;
  margin-bottom: 16px;
}

.yg-pipeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}

.yg-pipe-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.yg-pipe-node {
  background: #ffffff;
  border: 1.5px solid #E0DDD8;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 12.5px;
  font-weight: 700;
  color: #1A1A1A;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.yg-pipe-node.yg-active {
  background: #DC2626;
  border-color: #DC2626;
  color: #ffffff;
}

.yg-pipe-arrow {
  width: 28px;
  height: 2px;
  background: #E0DDD8;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.yg-pipe-arrow::after {
  content: '';
  position: absolute;
  right: -1px;
  top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #E0DDD8;
}

/* ─── MAIN ─── */
.yg-main {
  padding: 16px 28px 60px;
}
@media (max-width: 600px) {
  .yg-main { padding: 16px 20px 48px; }
  .yg-pipeline-wrap { padding: 32px 20px 0; }
}

/* ─── SECTION ─── */
.yg-section { margin-bottom: 60px; }

.yg-section-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.yg-step-num {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  color: #ffffff;
  background: #DC2626;
  padding: 3px 10px;
  border-radius: 3px;
}

.yg-step-label {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9A9A9A;
}

.yg-section h2 {
  font-family: 'DM Serif Display', 'Georgia', serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  color: #1A1A1A;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .yg-section h2 { font-size: 22px; }
}

.yg-section h3 {
  font-weight: 700;
  font-size: 16px;
  color: #1A1A1A;
  margin: 28px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.yg-section h3::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 16px;
  background: #DC2626;
  border-radius: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.yg-section p {
  color: #3D3D3D;
  margin-bottom: 16px;
  line-height: 1.9;
}

.yg-section strong { color: #1A1A1A; }

/* ─── RULE ─── */
.yg-rule {
  border: none;
  border-top: 1px solid #E8E5E0;
  margin: 52px 0;
}

/* ─── INTRO CALLOUT ─── */
.yg-intro-box {
  background: #111111;
  color: #ffffff;
  border-radius: 14px;
  padding: 28px 30px;
  margin: 28px 0;
  position: relative;
  overflow: hidden;
}
.yg-intro-box::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 180px; height: 180px;
  background: radial-gradient(circle at top right, rgba(220,38,38,.2), transparent 70%);
  pointer-events: none;
}
.yg-intro-box p {
  color: rgba(255,255,255,.8);
  margin: 0;
  font-size: 15px;
  line-height: 1.85;
  position: relative;
}
.yg-intro-box strong { color: #FF6B6B; }

/* ─── TOOL CARD ─── */
.yg-tool-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}

.yg-tool-card {
  background: #ffffff;
  border: 1.5px solid #E8E5E0;
  border-radius: 10px;
  padding: 18px 20px;
  width: calc(50% - 5px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.yg-tool-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 3px; height: 100%;
  background: #DC2626;
}
@media (max-width: 540px) {
  .yg-tool-card { width: 100%; }
}

.yg-tool-name {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 12px;
  font-weight: 600;
  color: #DC2626;
  margin-bottom: 4px;
  letter-spacing: .04em;
}

.yg-tool-role {
  font-weight: 700;
  font-size: 14px;
  color: #1A1A1A;
  margin-bottom: 8px;
}

.yg-tool-desc {
  font-size: 13px;
  color: #5A5A5A;
  line-height: 1.65;
  margin: 0;
}

.yg-tool-badge {
  display: inline-block;
  margin-top: 10px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 3px;
}

.yg-tool-badge.free { background: #DCFCE7; color: #16A34A; }
.yg-tool-badge.paid { background: #FEE2E2; color: #DC2626; }
.yg-tool-badge.freemium { background: #FEF3C7; color: #D97706; }

/* ─── STEP FLOW BOX ─── */
.yg-flow-box {
  background: #ffffff;
  border: 1.5px solid #E8E5E0;
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}

.yg-flow-head {
  background: #F2EFE9;
  padding: 12px 20px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #6B6B6B;
  border-bottom: 1px solid #E8E5E0;
}

.yg-flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #F2EFE9;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.yg-flow-item:last-child { border-bottom: none; }

.yg-flow-num {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  font-weight: 600;
  color: #DC2626;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1px;
}

.yg-flow-content h4 {
  font-weight: 700;
  font-size: 14px;
  color: #1A1A1A;
  margin-bottom: 4px;
}

.yg-flow-content p {
  font-size: 13.5px;
  color: #5A5A5A;
  margin: 0;
  line-height: 1.65;
}

/* ─── PROMPT BOX ─── */
.yg-prompt-wrap {
  background: #0F0F0F;
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}

.yg-prompt-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.yg-prompt-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.yg-prompt-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
}
.yg-prompt-dot:nth-child(1) { background: #FF5F57; }
.yg-prompt-dot:nth-child(2) { background: #FFBD2E; }
.yg-prompt-dot:nth-child(3) { background: #28CA41; }

.yg-prompt-title {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,.35);
  letter-spacing: .05em;
}

.yg-prompt-body {
  padding: 20px 20px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 12.5px;
  line-height: 1.8;
  color: #E2E8F0;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.yg-prompt-body .yg-comment {
  color: rgba(255,255,255,.3);
  font-style: italic;
}

.yg-prompt-body .yg-highlight {
  color: #FCA5A5;
  font-weight: 600;
}

.yg-prompt-body .yg-var {
  color: #86EFAC;
}

/* ─── TIP BOX ─── */
.yg-tip {
  border-radius: 10px;
  padding: 18px 22px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.yg-tip.yg-red   { background: #FEF2F2; border: 1.5px solid #FECACA; }
.yg-tip.yg-green { background: #F0FDF4; border: 1.5px solid #BBF7D0; }
.yg-tip.yg-amber { background: #FFFBEB; border: 1.5px solid #FDE68A; }
.yg-tip.yg-blue  { background: #EFF6FF; border: 1.5px solid #BFDBFE; }
.yg-tip.yg-slate { background: #F8FAFC; border: 1.5px solid #E2E8F0; }

.yg-tip-icon { font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 1px; }
.yg-tip-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.yg-tip-label {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
}
.yg-tip.yg-red   .yg-tip-label { color: #DC2626; }
.yg-tip.yg-green .yg-tip-label { color: #16A34A; }
.yg-tip.yg-amber .yg-tip-label { color: #D97706; }
.yg-tip.yg-blue  .yg-tip-label { color: #2563EB; }
.yg-tip.yg-slate .yg-tip-label { color: #475569; }
.yg-tip p { margin: 0; font-size: 14px; color: #1A1A1A; line-height: 1.75; }

/* ─── BEFORE / AFTER ─── */
.yg-ba-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1.5px solid #E8E5E0;
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}

.yg-ba-col {
  width: 50%;
  padding: 20px 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 560px) {
  .yg-ba-col { width: 100%; }
  .yg-ba-col.yg-before { border-bottom: 1px solid #E8E5E0; }
}
.yg-ba-col.yg-before { background: #FEF2F2; border-right: 1px solid #E8E5E0; }
.yg-ba-col.yg-after  { background: #F0FDF4; }

.yg-ba-head {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 12px;
}
.yg-ba-col.yg-before .yg-ba-head { color: #DC2626; }
.yg-ba-col.yg-after  .yg-ba-head { color: #16A34A; }

.yg-ba-text {
  font-size: 13.5px;
  color: #1A1A1A;
  line-height: 1.75;
  word-break: keep-all;
}

/* ─── CHECKLIST ─── */
.yg-checklist {
  list-style: none;
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
}

.yg-checklist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  font-size: 14.5px;
  color: #1A1A1A;
  line-height: 1.65;
}

.yg-check {
  width: 20px; height: 20px;
  border-radius: 4px;
  background: #DC2626;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ─── TABLE ─── */
.yg-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  border-radius: 10px;
  border: 1.5px solid #E8E5E0;
}

.yg-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  min-width: 480px;
}

.yg-table-wrap thead th {
  background: #1A1A1A;
  color: #ffffff;
  padding: 12px 16px;
  text-align: left;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .06em;
  font-weight: 500;
}

.yg-table-wrap thead th:first-child { border-radius: 8px 0 0 0; }
.yg-table-wrap thead th:last-child  { border-radius: 0 8px 0 0; }

.yg-table-wrap tbody td {
  padding: 11px 16px;
  border-bottom: 1px solid #F0EDE8;
  vertical-align: top;
  color: #1A1A1A;
  word-break: keep-all;
  line-height: 1.65;
}

.yg-table-wrap tbody tr:last-child td { border-bottom: none; }
.yg-table-wrap tbody tr:nth-child(even) td { background: #FAF8F5; }

/* ─── SCENARIO BLOCK ─── */
.yg-scenario {
  border: 1.5px solid #E8E5E0;
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}

.yg-scenario-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: #ffffff;
  border-bottom: 1px solid #E8E5E0;
}

.yg-scenario-emoji { font-size: 20px; }
.yg-scenario-title { font-weight: 700; font-size: 15px; color: #1A1A1A; }
.yg-scenario-sub { font-size: 12.5px; color: #7A7A7A; margin-top: 2px; }
.yg-scenario-body { background: #F9F7F4; padding: 20px; }

/* ─── COST TABLE ─── */
.yg-cost-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}

.yg-cost-card {
  background: #ffffff;
  border: 1.5px solid #E8E5E0;
  border-radius: 10px;
  padding: 18px 20px;
  width: calc(33.33% - 7px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 540px) {
  .yg-cost-card { width: calc(50% - 5px); }
}
@media (max-width: 380px) {
  .yg-cost-card { width: 100%; }
}

.yg-cost-icon { font-size: 24px; margin-bottom: 10px; }
.yg-cost-tool {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  color: #9A9A9A;
  margin-bottom: 4px;
  letter-spacing: .04em;
}
.yg-cost-label { font-weight: 700; font-size: 13px; color: #1A1A1A; margin-bottom: 6px; }
.yg-cost-price {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-weight: 600;
  font-size: 16px;
  color: #DC2626;
}
.yg-cost-price.free { color: #16A34A; }
.yg-cost-unit { font-size: 10px; color: #9A9A9A; margin-top: 2px; }

/* ─── PULLQUOTE ─── */
.yg-pullquote {
  margin: 40px 0;
  padding: 24px 28px;
  background: #111111;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.yg-pullquote::before {
  content: '&quot;';
  position: absolute;
  top: -20px; left: 16px;
  font-family: 'DM Serif Display', 'Georgia', serif;
  font-size: 120px;
  color: rgba(220,38,38,.15);
  line-height: 1;
  pointer-events: none;
}

.yg-pullquote p {
  font-family: 'DM Serif Display', 'Georgia', serif;
  font-style: italic;
  font-size: 19px;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 10px;
  position: relative;
}
@media (max-width: 600px) {
  .yg-pullquote p { font-size: 16px; }
}

.yg-pullquote cite {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  color: rgba(255,255,255,.4);
  font-style: normal;
  position: relative;
}

/* ─── CONCLUSION ─── */
.yg-conclusion {
  background: #111111;
  color: #ffffff;
  border-radius: 16px;
  padding: 44px 40px;
  margin-top: 48px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 560px) {
  .yg-conclusion { padding: 32px 24px; }
}
.yg-conclusion::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 90% 20%, rgba(220,38,38,.15), transparent 60%);
  pointer-events: none;
}
.yg-conclusion h2 {
  font-family: 'DM Serif Display', 'Georgia', serif;
  color: #ffffff;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 18px;
  position: relative;
}
.yg-conclusion p {
  color: rgba(255,255,255,.72);
  line-height: 1.85;
  margin-bottom: 14px;
  position: relative;
}
.yg-conclusion p:last-child { margin: 0; }
.yg-conclusion strong { color: #FF8080; }

/* ─── FOOTER ─── */
.yg-footer {
  padding: 22px 28px 48px;
  border-top: 1px solid #E8E5E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 600px) {
  .yg-footer { padding: 20px 20px 40px; }
}
.yg-footer-note {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  color: #ABABAB;
}
.yg-copy-btn {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 11px;
  background: #1A1A1A;
  color: #ffffff;
  border: none;
  padding: 9px 20px;
  border-radius: 6px;
  cursor: pointer;
  letter-spacing: .04em;
}

/* ─── TOC ─── */
.yg-toc-wrap {
  padding: 32px 28px 0;
}
@media (max-width: 600px) {
  .yg-toc-wrap { padding: 24px 20px 0; }
}
.yg-toc-box {
  background: #ffffff;
  border: 1.5px solid #E8E5E0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 0;
}
.yg-toc-head {
  background: #1A1A1A;
  color: #ffffff;
  padding: 13px 22px;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.yg-toc-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.yg-toc-list li {
  width: 50%;
  padding: 10px 22px;
  font-size: 13.5px;
  color: #4A4A4A;
  border-bottom: 1px solid #F0EDE8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.yg-toc-list li:nth-child(odd) { border-right: 1px solid #F0EDE8; }
@media (max-width: 520px) {
  .yg-toc-list li { width: 100%; border-right: none !important; }
}
.yg-toc-num {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 9.5px;
  color: #DC2626;
  background: #FEF2F2;
  padding: 1px 6px;
  border-radius: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 600;
}
&lt;/style&gt;
&lt;/div&gt;
&lt;div class=&quot;yt-guide-wrap&quot;&gt;&lt;!-- ── HERO ── --&gt;
&lt;div class=&quot;yg-hero&quot;&gt;
&lt;div class=&quot;yg-kicker&quot;&gt;크리에이터 AI 가이드 &amp;middot; 풀 파이프라인&lt;/div&gt;
&lt;h1&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;AI로 유튜브 채널 &lt;span class=&quot;yg-accent&quot;&gt;혼자 다 만들기&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;yg-sub-title&quot;&gt;스크립트 &amp;middot; 영상 &amp;middot; 썸네일 &amp;middot; 자막까지 풀 파이프라인&lt;/span&gt;&lt;/h1&gt;
&lt;p class=&quot;yg-hero-desc&quot; data-ke-size=&quot;size16&quot;&gt;카메라, 편집 기술, 디자인 실력 없어도 된다. AI 툴 조합으로 기획부터 업로드까지 혼자 돌리는 실전 워크플로우를 공개한다.&lt;/p&gt;
&lt;div class=&quot;yg-hero-meta&quot;&gt;&lt;span class=&quot;yg-meta-pill&quot;&gt;2026년 5월&lt;/span&gt; &lt;span class=&quot;yg-meta-pill&quot;&gt;  약 12분 소요&lt;/span&gt; &lt;span class=&quot;yg-meta-pill&quot;&gt;1인 크리에이터 대상&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── PIPELINE ── --&gt;
&lt;div class=&quot;yg-pipeline-wrap&quot;&gt;
&lt;div class=&quot;yg-pipeline-label&quot;&gt;전체 파이프라인 흐름&lt;/div&gt;
&lt;div class=&quot;yg-pipeline&quot;&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node&quot;&gt;  기획&lt;/div&gt;
&lt;div class=&quot;yg-pipe-arrow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node&quot;&gt;  스크립트&lt;/div&gt;
&lt;div class=&quot;yg-pipe-arrow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node yg-active&quot;&gt;  영상&lt;/div&gt;
&lt;div class=&quot;yg-pipe-arrow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node&quot;&gt;  썸네일&lt;/div&gt;
&lt;div class=&quot;yg-pipe-arrow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node&quot;&gt;  자막&lt;/div&gt;
&lt;div class=&quot;yg-pipe-arrow&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pipe-step&quot;&gt;
&lt;div class=&quot;yg-pipe-node&quot;&gt;  업로드&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── TOC ── --&gt;
&lt;div class=&quot;yg-toc-wrap&quot;&gt;
&lt;div class=&quot;yg-toc-box&quot;&gt;
&lt;div class=&quot;yg-toc-head&quot;&gt;목차&lt;/div&gt;
&lt;ul class=&quot;yg-toc-list&quot; style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;01&lt;/span&gt;왜 AI 파이프라인인가&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;02&lt;/span&gt;기획 &amp;mdash; 주제&amp;middot;제목&amp;middot;훅 설계&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;03&lt;/span&gt;스크립트 &amp;mdash; AI 협업 작성법&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;04&lt;/span&gt;영상 &amp;mdash; 편집&amp;middot;보이스오버 자동화&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;05&lt;/span&gt;썸네일 &amp;mdash; AI 이미지 생성 전략&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;06&lt;/span&gt;자막 &amp;mdash; 자동 생성 + SEO 최적화&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;07&lt;/span&gt;비용 계산 &amp;amp; 추천 스택&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-toc-num&quot;&gt;08&lt;/span&gt;결론&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── MAIN ── --&gt;
&lt;div class=&quot;yg-main&quot;&gt;&lt;!-- 01 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;01&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;배경&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;왜 지금 AI 파이프라인인가&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2026년 현재, 유튜브 채널 하나를 운영하는 데 필요한 작업은 방대하다. 주제 리서치, 스크립트 작성, 촬영 또는 영상 편집, 썸네일 디자인, 자막 작업, 제목&amp;middot;설명 SEO 최적화, 커뮤니티 관리까지. 혼자 하려면 영상 하나에 최소 8~12시간이 든다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런데 AI 툴이 이 루틴을 &lt;b&gt;2~3시간대로 압축&lt;/b&gt;할 수 있게 됐다. 중요한 건 어떤 AI 툴을 쓰느냐가 아니라 &lt;b&gt;어떤 순서로, 어떤 방식으로 연결하느냐&lt;/b&gt;다.&lt;/p&gt;
&lt;div class=&quot;yg-intro-box&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 가이드는 &lt;b&gt;툴 소개 글이 아니다.&lt;/b&gt; 실제로 써보면서 작동하는 조합을 검증한 워크플로우 문서다. 각 단계에서 어떤 프롬프트를 쓰면 쓸 수 있는 결과물이 나오는지까지 함께 공개한다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-amber&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt;⚠️&lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;전제 조건&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 파이프라인은 &lt;b&gt;얼굴 노출 없는 채널&lt;/b&gt;(정보 전달형, 해설 영상, 리뷰, 랭킹 등)에 최적화되어 있다. 브이로그나 퍼스널 브랜딩 채널은 별도 조정이 필요하다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 02 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;02&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;기획&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;기획 &amp;mdash; 주제&amp;middot;제목&amp;middot;훅 설계&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;가장 많은 크리에이터가 AI 없이도 할 수 있다고 생각하지만, 가장 많은 시간이 낭비되는 구간이다. AI를 기획 파트너로 쓰면 아이디어 발산과 수렴 속도가 극적으로 빨라진다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;주제 발굴 프롬프트&lt;/h3&gt;
&lt;div class=&quot;yg-prompt-wrap&quot;&gt;
&lt;div class=&quot;yg-prompt-head&quot;&gt;
&lt;div class=&quot;yg-prompt-dots&quot;&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;span class=&quot;yg-prompt-title&quot;&gt;topic_research.prompt&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-body&quot;&gt;&lt;span class=&quot;yg-comment&quot;&gt;# 채널 맥락 설정&lt;/span&gt; 내 유튜브 채널은 &lt;span class=&quot;yg-var&quot;&gt;[채널 주제]&lt;/span&gt;를 다루고, 주요 시청자는 &lt;span class=&quot;yg-var&quot;&gt;[타깃 설명]&lt;/span&gt;입니다. 현재 구독자는 &lt;span class=&quot;yg-var&quot;&gt;[구독자 수]&lt;/span&gt;입니다. &lt;span class=&quot;yg-comment&quot;&gt;# 요청&lt;/span&gt; 다음 조건에 맞는 영상 주제 10개를 제안해줘: &lt;span class=&quot;yg-highlight&quot;&gt;① 검색 수요가 있을 것 (시청자가 실제로 검색할 만한 문제)&lt;/span&gt; ② 내 채널 규모에서 경쟁 가능한 틈새 주제 ③ 시리즈로 확장 가능한 것 각 주제마다: - 유튜브 제목 후보 2개 (클릭 유도형) - 영상의 첫 30초 훅 문장 1개 를 함께 써줘.&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-green&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;기획 팁&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제목은 &lt;b&gt;&quot;숫자 + 구체적 결과&quot;&lt;/b&gt; 공식이 클릭률이 높다. &quot;AI 툴 추천&quot; 보다 &quot;AI로 영상 편집 시간 80% 줄이는 법&quot;이 조회수에서 월등히 앞선다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;제목 A/B 테스트 프레임워크&lt;/h3&gt;
&lt;div class=&quot;yg-ba-grid&quot;&gt;
&lt;div class=&quot;yg-ba-col yg-before&quot;&gt;
&lt;div class=&quot;yg-ba-head&quot;&gt;❌ 클릭 안 되는 제목&lt;/div&gt;
&lt;div class=&quot;yg-ba-text&quot;&gt;&lt;b&gt;패턴 1.&lt;/b&gt; 추상적 가치 제안&lt;br /&gt;&quot;AI로 유튜브 하는 법&quot;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;패턴 2.&lt;/b&gt; 나 중심 서술&lt;br /&gt;&quot;제가 AI를 써봤습니다&quot;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;패턴 3.&lt;/b&gt; 무감각한 숫자&lt;br /&gt;&quot;유튜브 AI 툴 20개&quot;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-ba-col yg-after&quot;&gt;
&lt;div class=&quot;yg-ba-head&quot;&gt;✓ 클릭 잘 되는 제목&lt;/div&gt;
&lt;div class=&quot;yg-ba-text&quot;&gt;&lt;b&gt;패턴 1.&lt;/b&gt; 시청자 결과 중심&lt;br /&gt;&quot;이 AI 조합이면 혼자 채널 운영 가능&quot;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;패턴 2.&lt;/b&gt; 문제 해결 선언&lt;br /&gt;&quot;영상 편집 못해도 괜찮은 이유&quot;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;패턴 3.&lt;/b&gt; 의외성 + 구체성&lt;br /&gt;&quot;월 3만원으로 유튜브 팀 꾸리는 법&quot;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 03 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;03&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;스크립트&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크립트 &amp;mdash; AI 협업 작성법&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI에게 스크립트 전체를 맡기면 뻔한 결과가 나온다. 핵심은 &lt;b&gt;구조는 AI가, 디테일과 개성은 내가&lt;/b&gt; 넣는 협업 방식이다.&lt;/p&gt;
&lt;div class=&quot;yg-flow-box&quot;&gt;
&lt;div class=&quot;yg-flow-head&quot;&gt;스크립트 작성 4단계 플로우&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;1&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;아웃라인 생성&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제목과 핵심 메시지를 AI에게 주고 섹션 구조를 먼저 받는다. 전체 흐름을 먼저 확정한다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;2&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;섹션별 초안 생성&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;섹션 하나씩 AI에게 요청한다. 한 번에 전체를 요청하면 중간이 흐려진다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;3&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;톤 및 개성 주입&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 초안을 내 말투로 리라이팅한다. 또는 내 이전 영상 대본을 예시로 주고 톤을 맞춰달라고 요청한다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;4&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;훅 &amp;amp; CTA 강화&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;첫 30초(훅)와 마지막 CTA는 별도로 AI에게 집중 요청해 클릭&amp;middot;구독 전환을 높인다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;실전 스크립트 프롬프트&lt;/h3&gt;
&lt;div class=&quot;yg-prompt-wrap&quot;&gt;
&lt;div class=&quot;yg-prompt-head&quot;&gt;
&lt;div class=&quot;yg-prompt-dots&quot;&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;span class=&quot;yg-prompt-title&quot;&gt;script_generation.prompt&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-body&quot;&gt;&lt;span class=&quot;yg-comment&quot;&gt;# 영상 기본 정보&lt;/span&gt; 제목: &lt;span class=&quot;yg-var&quot;&gt;[확정된 제목]&lt;/span&gt; 타깃 시청자: &lt;span class=&quot;yg-var&quot;&gt;[구체적 페르소나]&lt;/span&gt; 영상 길이: &lt;span class=&quot;yg-var&quot;&gt;[목표 분량]&lt;/span&gt;분 &amp;rarr; 약 &lt;span class=&quot;yg-var&quot;&gt;[분&amp;times;150]&lt;/span&gt;단어 톤: &lt;span class=&quot;yg-var&quot;&gt;[친근한 설명형 / 전문가형 / 유머형]&lt;/span&gt; &lt;span class=&quot;yg-comment&quot;&gt;# 아웃라인 요청&lt;/span&gt; 위 조건으로 유튜브 대본 아웃라인을 짜줘. &lt;span class=&quot;yg-highlight&quot;&gt;포함 필수 요소:&lt;/span&gt; - 후킹 오프닝 (첫 15초, 시청자가 끝까지 볼 이유) - 본론 섹션 3~4개 (각 소제목 + 핵심 포인트 2줄) - 중간 리텐션 훅 (영상 중간에 이탈 방지용 문장) - CTA 클로징 (구독/좋아요/댓글 유도) 아웃라인 확인 후 섹션별로 대본을 작성해달라고 할게.&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-red&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;스크립트 황금 공식&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;첫 15초가 전부다.&lt;/b&gt; &quot;오늘은 ~에 대해 알아볼게요&quot;로 시작하는 순간 이탈이 시작된다. 대신 시청자의 고통 또는 욕망을 첫 문장으로 시작하라. &quot;편집 때문에 영상 올리기가 두려우신가요?&quot; 처럼.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 04 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;04&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;영상 제작&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;영상 &amp;mdash; 편집&amp;middot;보이스오버 자동화&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;얼굴 없는 영상을 만드는 방법은 크게 세 가지다. 상황에 따라 선택하거나 조합한다.&lt;/p&gt;
&lt;div class=&quot;yg-tool-grid&quot;&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;Runway / Kling AI&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;AI 영상 생성&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;텍스트나 이미지로 영상 클립 직접 생성. 스톡 영상이 없어도 B-roll 제작 가능.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge freemium&quot;&gt;Freemium&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;Descript&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;텍스트 기반 편집&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;대본을 텍스트로 편집하면 영상도 함께 편집된다. 실수한 음절 삭제, AI 필러 제거 자동화.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge freemium&quot;&gt;Freemium&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;ElevenLabs&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;AI 보이스오버&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;한국어 포함 자연스러운 AI 음성 생성. 내 목소리를 클로닝해서 쓸 수도 있다.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge freemium&quot;&gt;Freemium&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;Kapwing&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;브라우저 편집&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;설치 없이 브라우저에서 영상 편집. AI 자막, B-roll 추천, 번역까지 원스톱.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge freemium&quot;&gt;Freemium&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;Pika / Sora&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;영상 업스케일&amp;middot;효과&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;기존 영상에 AI 효과 추가, 해상도 업스케일, 영상 연장 등 후처리에 활용.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge paid&quot;&gt;Paid&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;Canva Video&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;템플릿 기반 편집&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;디자인 감각 없어도 완성도 높은 편집 가능. 자막, 전환 효과 자동 적용.&lt;/div&gt;
&lt;span class=&quot;yg-tool-badge freemium&quot;&gt;Freemium&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;추천 영상 제작 루트&lt;/h3&gt;
&lt;div class=&quot;yg-scenario&quot;&gt;
&lt;div class=&quot;yg-scenario-head&quot;&gt;
&lt;div class=&quot;yg-scenario-emoji&quot;&gt; &lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;yg-scenario-title&quot;&gt;얼굴 없는 정보 유튜브 기본 루트&lt;/div&gt;
&lt;div class=&quot;yg-scenario-sub&quot;&gt;설명 영상 / 랭킹 영상 / 해설 영상&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-scenario-body&quot;&gt;
&lt;ul class=&quot;yg-checklist&quot; style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;1&lt;/span&gt; 확정된 스크립트를 &lt;b&gt;ElevenLabs&lt;/b&gt;에 붙여넣어 음성 파일 생성 (5~10분 소요)&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;2&lt;/span&gt; &lt;b&gt;Pexels / Pixabay&lt;/b&gt;에서 주제별 스톡 영상 다운로드, 또는 &lt;b&gt;Runway&lt;/b&gt;로 B-roll 직접 생성&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;3&lt;/span&gt; &lt;b&gt;Descript&lt;/b&gt; 또는 &lt;b&gt;Kapwing&lt;/b&gt;에서 음성에 영상 클립 맞추기 + 자동 자막 생성&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;4&lt;/span&gt; 배경 음악은 &lt;b&gt;Uppbeat / Pixabay Music&lt;/b&gt;에서 무료 저작권 음원 적용&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;5&lt;/span&gt; 완성본 내보내기 &amp;rarr; 썸네일 제작 단계로 이동&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-blue&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt; ️&lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;보이스오버 퀄리티 팁&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;ElevenLabs에서 음성을 생성할 때 스크립트에 &lt;b&gt;마침표&amp;middot;쉼표를 정확히 넣는 것&lt;/b&gt;이 자연스러운 리듬을 만든다. 느낌표는 AI가 과하게 반응하니 중요한 곳에만 사용한다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 05 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;05&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;썸네일&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;썸네일 &amp;mdash; AI 이미지 생성 전략&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;썸네일은 영상의 광고판이다. 제목이 검색에서 발견되게 한다면, 썸네일은 그 이후의 클릭을 결정한다. AI를 쓰더라도 유튜브 썸네일 문법을 이해하고 프롬프트를 써야 한다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;유튜브 썸네일 3가지 공식&lt;/h3&gt;
&lt;div class=&quot;yg-tool-grid&quot;&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;공식 A&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;감정 + 텍스트형&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;강한 감정 표현 인물(놀람, 충격, 기쁨) + 굵은 텍스트 키워드 2~3개. 가장 클릭률 높은 클래식 공식.&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;공식 B&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;대비 구도형&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;Before vs After, X vs O 같은 대비 구조. 왼쪽 문제, 오른쪽 해결책 구도로 정보 전달이 직관적.&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tool-card&quot;&gt;
&lt;div class=&quot;yg-tool-name&quot;&gt;공식 C&lt;/div&gt;
&lt;div class=&quot;yg-tool-role&quot;&gt;숫자 강조형&lt;/div&gt;
&lt;div class=&quot;yg-tool-desc&quot;&gt;큰 숫자(80%, 3가지, 1주일)를 중앙 배치. 구체적 수치가 신뢰감과 클릭 욕구를 동시에 만든다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;썸네일 AI 생성 프롬프트&lt;/h3&gt;
&lt;div class=&quot;yg-prompt-wrap&quot;&gt;
&lt;div class=&quot;yg-prompt-head&quot;&gt;
&lt;div class=&quot;yg-prompt-dots&quot;&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;span class=&quot;yg-prompt-title&quot;&gt;thumbnail_generation.prompt&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-body&quot;&gt;&lt;span class=&quot;yg-comment&quot;&gt;# 이미지 생성 AI (Midjourney / DALL-E / Ideogram) 공통 적용&lt;/span&gt; YouTube thumbnail, &lt;span class=&quot;yg-highlight&quot;&gt;16:9 ratio, 1280x720&lt;/span&gt;, &lt;span class=&quot;yg-var&quot;&gt;[메인 이미지 묘사: 예) person with shocked expression holding a laptop]&lt;/span&gt;, bold typography overlay: &quot;&lt;span class=&quot;yg-var&quot;&gt;[썸네일 텍스트: 3단어 이내]&lt;/span&gt;&quot;, color scheme: &lt;span class=&quot;yg-var&quot;&gt;[주 색상] and [포인트 색]&lt;/span&gt;, high contrast, clean background, &lt;span class=&quot;yg-highlight&quot;&gt;no watermark, eye-catching, professional&lt;/span&gt;, style: flat design, editorial magazine aesthetic&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-slate&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt; ️&lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;Canva 합성 추천&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI로 배경 이미지를 생성한 뒤, &lt;b&gt;Canva에서 텍스트와 레이아웃을 합성&lt;/b&gt;하는 하이브리드 방식이 완성도가 가장 높다. AI가 텍스트 렌더링을 완벽히 구현하지 못하기 때문이다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;채널 일관성 유지 방법&lt;/h3&gt;
&lt;ul class=&quot;yg-checklist&quot; style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;✓&lt;/span&gt; 색상 팔레트 2~3가지를 고정하고 모든 썸네일에 적용&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;✓&lt;/span&gt; Canva에 썸네일 템플릿 저장 후 매번 재사용&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;✓&lt;/span&gt; 폰트는 굵은 고딕 1종만 사용 (브랜딩 일관성)&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;yg-check&quot;&gt;✓&lt;/span&gt; 썸네일 속 텍스트는 모바일에서 읽힐 수 있도록 크게&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 06 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;06&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;자막 &amp;amp; SEO&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;자막 &amp;mdash; 자동 생성 + SEO 최적화&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자막은 접근성을 위한 것이기도 하지만, &lt;b&gt;유튜브 검색 알고리즘에 직접 영향&lt;/b&gt;을 준다. 유튜브는 자막 내용을 읽고 영상 주제를 파악한다.&lt;/p&gt;
&lt;div class=&quot;yg-flow-box&quot;&gt;
&lt;div class=&quot;yg-flow-head&quot;&gt;자막 자동화 워크플로우&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;1&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;자동 자막 생성&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Whisper (OpenAI)&lt;/b&gt; 또는 &lt;b&gt;Clova Note&lt;/b&gt;로 음성을 텍스트로 변환. 정확도 95% 이상으로 수동 교정 시간 80% 절감.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;2&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;오류 교정&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;고유명사, 브랜드명, 수치 위주로 빠르게 검토. AI에게 자막 파일(.srt)을 주고 오류를 찾아달라고 할 수도 있다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;3&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;SEO 최적화 설명&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI에게 스크립트를 주고 &lt;b&gt;유튜브 설명란&lt;/b&gt;과 &lt;b&gt;해시태그&lt;/b&gt;를 생성하게 한다. 자막 내용과 키워드 일치율을 높인다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-flow-item&quot;&gt;
&lt;div class=&quot;yg-flow-num&quot;&gt;4&lt;/div&gt;
&lt;div class=&quot;yg-flow-content&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;다국어 확장 (선택)&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한국어 자막을 AI로 영어&amp;middot;일어로 번역해 자막 파일을 추가 업로드. 해외 유입 트래픽을 의도적으로 만들 수 있다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-prompt-wrap&quot;&gt;
&lt;div class=&quot;yg-prompt-head&quot;&gt;
&lt;div class=&quot;yg-prompt-dots&quot;&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-dot&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;span class=&quot;yg-prompt-title&quot;&gt;youtube_seo.prompt&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;yg-prompt-body&quot;&gt;&lt;span class=&quot;yg-comment&quot;&gt;# 유튜브 메타데이터 생성&lt;/span&gt; 아래 영상 스크립트를 기반으로 유튜브 업로드에 필요한 메타데이터를 생성해줘. &lt;span class=&quot;yg-var&quot;&gt;[스크립트 전체 붙여넣기]&lt;/span&gt; 생성 목록: &lt;span class=&quot;yg-highlight&quot;&gt;① 제목 최종 후보 3개&lt;/span&gt; (각각 다른 각도로) ② 설명란 (첫 2줄에 핵심 키워드 포함, 200~300자) ③ 타임스탬프 형식 목차 ④ 해시태그 10개 (메인 키워드 3 + 관련 키워드 7) ⑤ 카드 및 최종 화면 CTA 문구 2가지 기준: 한국어 유튜브 검색 최적화, 클릭 유도 우선&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;yg-rule&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- 07 --&gt;
&lt;div class=&quot;yg-section&quot;&gt;
&lt;div class=&quot;yg-section-badge&quot;&gt;&lt;span class=&quot;yg-step-num&quot;&gt;07&lt;/span&gt; &lt;span class=&quot;yg-step-label&quot;&gt;비용 &amp;amp; 스택&lt;/span&gt;&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;비용 계산 &amp;amp; 추천 스택&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;모든 걸 유료로 쓸 필요는 없다. &lt;b&gt;Freemium 툴 조합&lt;/b&gt;만으로도 꽤 높은 완성도가 나온다. 아래는 단계별 예산에 따른 추천 스택이다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;월별 예상 비용 (영상 4편 기준)&lt;/h3&gt;
&lt;div class=&quot;yg-cost-row&quot;&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;Claude / ChatGPT&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;기획 + 스크립트&lt;/div&gt;
&lt;div class=&quot;yg-cost-price&quot;&gt;$20&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;월 / Plus 플랜&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt; ️&lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;ElevenLabs&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;보이스오버&lt;/div&gt;
&lt;div class=&quot;yg-cost-price&quot;&gt;$5&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;월 / Starter&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt;✂️&lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;Descript&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;영상 편집&lt;/div&gt;
&lt;div class=&quot;yg-cost-price&quot;&gt;$12&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;월 / Creator&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;Canva Pro&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;썸네일&lt;/div&gt;
&lt;div class=&quot;yg-cost-price&quot;&gt;$13&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;월 / Pro&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;Runway&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;AI 영상 생성&lt;/div&gt;
&lt;div class=&quot;yg-cost-price free&quot;&gt;무료&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;월 125크레딧&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-cost-card&quot;&gt;
&lt;div class=&quot;yg-cost-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-cost-tool&quot;&gt;Uppbeat&lt;/div&gt;
&lt;div class=&quot;yg-cost-label&quot;&gt;배경음악&lt;/div&gt;
&lt;div class=&quot;yg-cost-price free&quot;&gt;무료&lt;/div&gt;
&lt;div class=&quot;yg-cost-unit&quot;&gt;크리에이터 플랜&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-tip yg-green&quot;&gt;
&lt;div class=&quot;yg-tip-icon&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;yg-tip-inner&quot;&gt;
&lt;div class=&quot;yg-tip-label&quot;&gt;총 비용 요약&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;월 &lt;b&gt;약 $50(7만원) 내외&lt;/b&gt;로 영상 4편 풀 파이프라인 운영 가능. 수익화 전 단계라면 무료 플랜 조합으로 &lt;b&gt;$0~$10&lt;/b&gt;대도 가능하다. Claude와 Whisper 조합부터 시작하는 것을 추천한다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;레벨별 추천 스택&lt;/h3&gt;
&lt;div class=&quot;yg-table-wrap&quot;&gt;
&lt;table data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;레벨&lt;/th&gt;
&lt;th&gt;상황&lt;/th&gt;
&lt;th&gt;추천 조합&lt;/th&gt;
&lt;th&gt;월 비용&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;입문&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;채널 시작 단계, 검증 중&lt;/td&gt;
&lt;td&gt;Claude 무료 + Canva 무료 + Kapwing 무료&lt;/td&gt;
&lt;td&gt;$0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;성장&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;업로드 주기화, 퀄리티 높이기&lt;/td&gt;
&lt;td&gt;Claude Pro + ElevenLabs + Descript&lt;/td&gt;
&lt;td&gt;~$37&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;수익화&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;월 100만원+ 수익, 확장 중&lt;/td&gt;
&lt;td&gt;전체 스택 + Runway + Midjourney&lt;/td&gt;
&lt;td&gt;~$80&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;yg-pullquote&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;도구가 완벽하길 기다리지 마라. 지금 있는 툴로 올려라. 알고리즘은 완성도가 아니라 꾸준함에 반응한다.&lt;/p&gt;
&lt;cite&gt;&amp;mdash; 1인 크리에이터의 AI 파이프라인은 효율이 아니라 지속 가능성이 핵심이다&lt;/cite&gt;&lt;/div&gt;
&lt;!-- CONCLUSION --&gt;
&lt;div class=&quot;yg-conclusion&quot;&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;결론 &amp;mdash; 혼자도 충분히 돌아간다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 파이프라인의 진짜 가치는 완성도가 아니라 &lt;b&gt;진입장벽 제거&lt;/b&gt;에 있다. 편집 기술 없어도, 디자인 감각 없어도, 목소리가 마음에 안 들어도 채널을 시작하고 유지할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;중요한 건 순서다. &lt;b&gt;기획 &amp;rarr; 스크립트 &amp;rarr; 음성 &amp;rarr; 영상 &amp;rarr; 썸네일 &amp;rarr; 자막&lt;/b&gt; 이 순서를 흔들지 말 것. 그리고 각 단계에서 AI에게 충분한 맥락을 주는 것. &quot;스크립트 써줘&quot;가 아니라 누가 볼 건지, 어떤 결과를 원하는지를 함께 줘야 쓸 수 있는 결과물이 나온다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;오늘 할 수 있는 첫 번째 액션:&lt;/b&gt; 지금 당장 Claude에게 내 채널 주제와 타깃을 주고 영상 주제 10개를 요청해보라. 거기서 파이프라인이 시작된다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- /yg-main --&gt; &lt;!-- ── FOOTER ── --&gt;
&lt;div class=&quot;yg-footer&quot;&gt;&lt;span class=&quot;yg-footer-note&quot;&gt;&amp;copy; 2026 &amp;middot; AI 크리에이터 가이드&lt;/span&gt; &lt;button class=&quot;yg-copy-btn&quot;&gt;링크 복사&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- /yt-guide-wrap --&gt;</description>
      <category>자동화 생산성</category>
      <category>1인유튜버</category>
      <category>ai보이스오버</category>
      <category>AI영상제작</category>
      <category>AI유튜브</category>
      <category>descript</category>
      <category>Elevenlabs</category>
      <category>runway</category>
      <category>스크립트작성AI</category>
      <category>유튜브썸네일</category>
      <category>유튜브자동화</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/38</guid>
      <comments>https://temver.tistory.com/38#entry38comment</comments>
      <pubDate>Sat, 30 May 2026 15:15:51 +0900</pubDate>
    </item>
    <item>
      <title>AI 툴에게 일 잘 시키는 법 &amp;mdash; 기획자&amp;middot;마케터를 위한 실무 맥락 설계 가이드</title>
      <link>https://temver.tistory.com/37</link>
      <description>&lt;!-- ※ 티스토리 HTML 편집기에 아래 전체를 붙여넣으세요 --&gt;
&lt;!-- ※ 포스트 에디터 → HTML 모드 전환 후 기존 내용 전체 교체 --&gt;

&lt;style&gt;
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;family=Playfair+Display:ital,wght@0,700;0,900;1,700&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap');

/* ─── 리셋 &amp; 루트 (CSS 변수 → 하드코딩으로 병기) ─── */
.ai-guide-wrap *,
.ai-guide-wrap *::before,
.ai-guide-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ai-guide-wrap {
  background: #FAFAF7;
  color: #18181B;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  max-width: 780px;
  margin: 0 auto;
  padding: 0 4px;
}

/* ─── HERO ─── */
.ag-hero {
  padding: 56px 24px 48px;
}
.ag-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #16A34A;
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  padding: 5px 12px;
  border-radius: 100px;
  margin-bottom: 28px;
}
.ag-kicker-dot {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #16A34A;
  border-radius: 50%;
}
.ag-hero h1 {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-weight: 900;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 24px;
  color: #18181B;
}
@media (max-width: 600px) {
  .ag-hero h1 { font-size: 30px; }
}
.ag-hero h1 .ag-accent {
  font-style: italic;
  color: #16A34A;
  display: block;
}
.ag-hero-desc {
  font-size: 16px;
  color: #52525B;
  max-width: 600px;
  line-height: 1.75;
  margin-bottom: 32px;
  border-left: 3px solid #E4E4E7;
  padding-left: 20px;
}
.ag-hero-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 12px;
  color: #A1A1AA;
}
.ag-meta-pill {
  background: #FFFFFF;
  border: 1px solid #E4E4E7;
  padding: 4px 12px;
  border-radius: 6px;
  color: #52525B;
}

/* ─── TOC ─── */
.ag-toc-wrap {
  padding: 0 24px 40px;
}
.ag-toc-box {
  background: #FFFFFF;
  border: 1px solid #E4E4E7;
  border-radius: 12px;
  overflow: hidden;
}
.ag-toc-head {
  background: #18181B;
  color: #ffffff;
  padding: 14px 24px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ag-toc-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 8px 0;
}
.ag-toc-list li {
  width: 50%;
  padding: 10px 24px;
  font-size: 14px;
  color: #52525B;
  border-bottom: 1px solid #E4E4E7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 10px;
}
@media (max-width: 520px) {
  .ag-toc-list li { width: 100%; }
}
.ag-toc-num {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 10px;
  color: #16A34A;
  background: #F0FDF4;
  padding: 1px 6px;
  border-radius: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* ─── MAIN LAYOUT ─── */
.ag-main {
  padding: 0 24px 60px;
}

/* ─── SECTIONS ─── */
.ag-section { margin-bottom: 56px; }

.ag-section-label {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #16A34A;
  margin-bottom: 12px;
}
.ag-section h2 {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.25;
  color: #18181B;
  margin-bottom: 18px;
}
@media (max-width: 600px) {
  .ag-section h2 { font-size: 22px; }
}
.ag-section h3 {
  font-weight: 700;
  font-size: 17px;
  color: #18181B;
  margin: 28px 0 12px;
}
.ag-section p {
  color: #3F3F46;
  margin-bottom: 16px;
  line-height: 1.85;
}
.ag-section strong { color: #18181B; }

/* ─── DIVIDER ─── */
.ag-rule {
  border: none;
  border-top: 1px solid #E4E4E7;
  margin: 48px 0;
}

/* ─── WHY GRID ─── */
.ag-why-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0;
}
.ag-why-card {
  background: #FFFFFF;
  border: 1px solid #E4E4E7;
  border-radius: 10px;
  padding: 20px;
  width: calc(50% - 6px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 540px) {
  .ag-why-card { width: 100%; }
}
.ag-why-card .ag-icon { font-size: 26px; margin-bottom: 10px; }
.ag-why-card h4 { font-weight: 700; font-size: 14px; margin-bottom: 8px; color: #18181B; }
.ag-why-card p { font-size: 13.5px; color: #52525B; margin: 0; line-height: 1.65; }

/* ─── FORMULA ─── */
.ag-formula-box {
  background: #18181B;
  color: #ffffff;
  border-radius: 12px;
  padding: 28px 32px;
  margin: 28px 0;
}
.ag-formula-label {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 16px;
}
.ag-formula {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ag-formula-item {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 700;
  font-size: 14px;
}
.ag-formula-item.ag-highlight {
  background: #16A34A;
  border-color: #16A34A;
}
.ag-formula-op {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  color: rgba(255,255,255,.35);
  font-size: 20px;
}
.ag-formula-note {
  margin-top: 18px;
  font-size: 13px;
  color: rgba(255,255,255,.55);
  line-height: 1.65;
}

/* ─── BEFORE/AFTER ─── */
.ag-ba-wrap { margin: 24px 0; }
.ag-ba-scenario {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #A1A1AA;
  margin-bottom: 10px;
}
.ag-ba-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #E4E4E7;
  border-radius: 12px;
  overflow: hidden;
}
.ag-ba-col {
  padding: 20px 22px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 560px) {
  .ag-ba-col { width: 100%; }
  .ag-ba-col.ag-before { border-bottom: 1px solid #E4E4E7; }
}
.ag-ba-col.ag-before {
  background: #FEF2F2;
  border-right: 1px solid #E4E4E7;
}
.ag-ba-col.ag-after { background: #F0FDF4; }
.ag-ba-head {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 12px;
}
.ag-ba-col.ag-before .ag-ba-head { color: #DC2626; }
.ag-ba-col.ag-after  .ag-ba-head { color: #16A34A; }
.ag-ba-text {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 12.5px;
  line-height: 1.75;
  color: #18181B;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.ag-ba-tag {
  display: inline-block;
  margin-top: 14px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 100px;
}
.ag-ba-col.ag-before .ag-ba-tag { background: #FEE2E2; color: #DC2626; }
.ag-ba-col.ag-after  .ag-ba-tag { background: #DCFCE7; color: #16A34A; }

/* ─── SCENARIO CARD ─── */
.ag-scenario-block {
  border: 1px solid #E4E4E7;
  border-radius: 12px;
  overflow: hidden;
  margin: 24px 0;
}
.ag-scenario-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  background: #FFFFFF;
  border-bottom: 1px solid #E4E4E7;
}
.ag-scenario-emoji { font-size: 22px; }
.ag-scenario-title { font-weight: 700; font-size: 15px; color: #18181B; }
.ag-scenario-sub { font-size: 13px; color: #52525B; }
.ag-scenario-body { background: #FAFAF7; padding: 20px; }

/* ─── TIP BOX ─── */
.ag-tip {
  border-radius: 10px;
  padding: 18px 22px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  font-size: 14.5px;
}
.ag-tip.ag-green { background: #F0FDF4; border: 1px solid #BBF7D0; }
.ag-tip.ag-amber { background: #FFFBEB; border: 1px solid #FDE68A; }
.ag-tip.ag-blue  { background: #EFF6FF; border: 1px solid #BFDBFE; }
.ag-tip-icon { font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 1px; }
.ag-tip-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.ag-tip-label {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-weight: 500;
}
.ag-tip.ag-green .ag-tip-label { color: #16A34A; }
.ag-tip.ag-amber .ag-tip-label { color: #D97706; }
.ag-tip.ag-blue  .ag-tip-label { color: #2563EB; }
.ag-tip p { margin: 0; font-size: 14px; color: #18181B; line-height: 1.7; }

/* ─── CHECKLIST ─── */
.ag-checklist {
  list-style: none;
  margin: 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.ag-checklist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  color: #18181B;
  line-height: 1.65;
}
.ag-check-mark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #16A34A;
  color: #ffffff;
  font-size: 11px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ─── TABLE ─── */
.ag-table-wrap { overflow-x: auto; margin: 20px 0; -webkit-overflow-scrolling: touch; }
.ag-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 480px;
}
.ag-table-wrap thead th {
  background: #18181B;
  color: #ffffff;
  padding: 12px 14px;
  text-align: left;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: .05em;
  font-weight: 500;
}
.ag-table-wrap tbody td {
  padding: 11px 14px;
  border-bottom: 1px solid #E4E4E7;
  vertical-align: top;
  color: #18181B;
  word-break: keep-all;
}
.ag-table-wrap tbody tr:nth-child(even) td { background: #F4F4F5; }
.ag-table-wrap tbody tr:last-child td { border-bottom: none; }

/* ─── PATTERN ROW ─── */
.ag-pattern-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0;
}
.ag-pattern-card {
  background: #FFFFFF;
  border: 1px solid #E4E4E7;
  border-radius: 10px;
  padding: 18px;
  width: calc(33.33% - 8px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 540px) {
  .ag-pattern-card { width: 100%; }
}
.ag-pattern-num {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 10px;
  color: #16A34A;
  background: #F0FDF4;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}
.ag-pattern-card h4 { font-weight: 700; font-size: 14px; margin-bottom: 8px; color: #18181B; }
.ag-pattern-card p { font-size: 13px; color: #52525B; margin: 0; line-height: 1.6; }

/* ─── PULLQUOTE ─── */
.ag-pullquote {
  margin: 40px 0;
  padding: 0 0 0 24px;
  border-left: 4px solid #16A34A;
}
.ag-pullquote p {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-style: italic;
  font-size: 19px;
  line-height: 1.5;
  color: #18181B;
  margin: 0 0 10px;
}
.ag-pullquote cite {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 12px;
  color: #A1A1AA;
  font-style: normal;
}

/* ─── CODE BOX ─── */
.ag-code-box {
  background: #F8FAFC;
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  padding: 18px 20px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 13px;
  line-height: 1.9;
  color: #18181B;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* ─── CONCLUSION ─── */
.ag-conclusion {
  background: #18181B;
  color: #ffffff;
  border-radius: 16px;
  padding: 40px 40px;
  margin-top: 48px;
}
@media (max-width: 560px) {
  .ag-conclusion { padding: 28px 24px; }
}
.ag-conclusion h2 {
  font-family: 'Playfair Display', 'Georgia', serif;
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 18px;
}
.ag-conclusion p { color: rgba(255,255,255,.75); line-height: 1.8; margin-bottom: 14px; }
.ag-conclusion p:last-child { margin: 0; }
.ag-conclusion strong { color: #ffffff; }

/* ─── FOOTER ─── */
.ag-footer {
  padding: 24px 24px 48px;
  border-top: 1px solid #E4E4E7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}
.ag-footer-note {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11.5px;
  color: #A1A1AA;
}
.ag-copy-btn {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 11.5px;
  background: #18181B;
  color: #ffffff;
  border: none;
  padding: 9px 20px;
  border-radius: 6px;
  cursor: pointer;
  letter-spacing: .04em;
}
&lt;/style&gt;

&lt;div class=&quot;ai-guide-wrap&quot;&gt;

  &lt;!-- ── HERO ── --&gt;
  &lt;div class=&quot;ag-hero&quot;&gt;
    &lt;div class=&quot;ag-kicker&quot;&gt;&lt;span class=&quot;ag-kicker-dot&quot;&gt;&lt;/span&gt; AI 활용 가이드 · 비개발자용&lt;/div&gt;
    &lt;h1&gt;AI 툴에게&lt;span class=&quot;ag-accent&quot;&gt;일 잘 시키는 법&lt;/span&gt;&lt;/h1&gt;
    &lt;p class=&quot;ag-hero-desc&quot;&gt;
      기획자·마케터를 위한 실무 맥락 설계 가이드 — 같은 AI 툴도 어떻게 지시하느냐에 따라 결과물 퀄리티가 완전히 달라진다.
    &lt;/p&gt;
    &lt;div class=&quot;ag-hero-meta&quot;&gt;
      &lt;span&gt;2026년 5월&lt;/span&gt;
      &lt;span class=&quot;ag-meta-pill&quot;&gt;  약 10분 소요&lt;/span&gt;
      &lt;span class=&quot;ag-meta-pill&quot;&gt;기획자 · 마케터 대상&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- ── TOC ── --&gt;
  &lt;div class=&quot;ag-toc-wrap&quot;&gt;
    &lt;div class=&quot;ag-toc-box&quot;&gt;
      &lt;div class=&quot;ag-toc-head&quot;&gt;목차&lt;/div&gt;
      &lt;ul class=&quot;ag-toc-list&quot;&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;01&lt;/span&gt;왜 같은 AI인데 결과가 다를까&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;02&lt;/span&gt;맥락 설계의 3요소 공식&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;03&lt;/span&gt;실전 시나리오 — 보고서 작성&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;04&lt;/span&gt;실전 시나리오 — 마케팅 카피&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;05&lt;/span&gt;실전 시나리오 — 데이터 해석&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;06&lt;/span&gt;자주 하는 실수 5가지&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;07&lt;/span&gt;나만의 맥락 템플릿 만들기&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-toc-num&quot;&gt;08&lt;/span&gt;결론&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- ── MAIN ── --&gt;
  &lt;div class=&quot;ag-main&quot;&gt;

    &lt;!-- 01 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;01 / 문제 정의&lt;/div&gt;
      &lt;h2&gt;왜 같은 AI인데 결과가 다를까?&lt;/h2&gt;
      &lt;p&gt;
        &quot;ChatGPT 써봤는데 별로던데요.&quot; 이런 말을 하는 사람과 &quot;AI로 업무 시간이 절반으로 줄었어요&quot;라는 사람이 쓰는 툴은 대부분 &lt;strong&gt;똑같은 AI&lt;/strong&gt;다. 차이는 툴에 있는 게 아니라 &lt;strong&gt;어떻게 지시하느냐&lt;/strong&gt;에 있다.
      &lt;/p&gt;
      &lt;p&gt;
        AI는 검색 엔진이 아니다. 키워드를 던지는 게 아니라, 충분한 맥락과 함께 구체적인 과업을 부여해야 한다. 비유하자면 신입 인턴에게 &quot;이것 좀 해줘&quot;와 &quot;우리 팀은 이런 상황이고, 이 보고서는 임원 대상이니 이런 형식으로 작성해줘&quot;의 차이와 같다.
      &lt;/p&gt;
      &lt;div class=&quot;ag-why-grid&quot;&gt;
        &lt;div class=&quot;ag-why-card&quot;&gt;
          &lt;div class=&quot;ag-icon&quot;&gt; &lt;/div&gt;
          &lt;h4&gt;목적이 없으면 방향이 없다&lt;/h4&gt;
          &lt;p&gt;AI는 당신이 이 결과물로 무엇을 하려는지 모른다. 독자, 목적, 톤을 알려줘야 한다.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-why-card&quot;&gt;
          &lt;div class=&quot;ag-icon&quot;&gt; &lt;/div&gt;
          &lt;h4&gt;배경 없이는 적합성이 없다&lt;/h4&gt;
          &lt;p&gt;업계, 제품, 경쟁사, 타깃을 모르는 AI는 가장 일반적인 답을 낼 수밖에 없다.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-why-card&quot;&gt;
          &lt;div class=&quot;ag-icon&quot;&gt; &lt;/div&gt;
          &lt;h4&gt;형식 없이는 쓸 수 없다&lt;/h4&gt;
          &lt;p&gt;분량, 구조, 언어 스타일을 지정해야 그대로 쓸 수 있는 결과물이 나온다.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-why-card&quot;&gt;
          &lt;div class=&quot;ag-icon&quot;&gt; &lt;/div&gt;
          &lt;h4&gt;수정 기준 없이는 개선이 없다&lt;/h4&gt;
          &lt;p&gt;&quot;다시 써줘&quot;가 아니라 무엇이 부족한지를 구체적으로 말해야 나아진다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 02 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;02 / 핵심 원리&lt;/div&gt;
      &lt;h2&gt;맥락 설계의 3요소 공식&lt;/h2&gt;
      &lt;p&gt;
        복잡하게 생각할 필요 없다. 어떤 요청이든 세 가지만 담으면 결과물 품질이 극적으로 달라진다.
      &lt;/p&gt;

      &lt;div class=&quot;ag-formula-box&quot;&gt;
        &lt;div class=&quot;ag-formula-label&quot;&gt;The Context Formula&lt;/div&gt;
        &lt;div class=&quot;ag-formula&quot;&gt;
          &lt;div class=&quot;ag-formula-item&quot;&gt;① 상황 + 목적&lt;/div&gt;
          &lt;div class=&quot;ag-formula-op&quot;&gt;+&lt;/div&gt;
          &lt;div class=&quot;ag-formula-item&quot;&gt;② 독자 + 제약&lt;/div&gt;
          &lt;div class=&quot;ag-formula-op&quot;&gt;+&lt;/div&gt;
          &lt;div class=&quot;ag-formula-item ag-highlight&quot;&gt;③ 구체적 요청&lt;/div&gt;
        &lt;/div&gt;
        &lt;p class=&quot;ag-formula-note&quot;&gt;
          ① 왜 이게 필요한지, 어떤 상황인지 &amp;nbsp;|&amp;nbsp; ② 누가 읽는지, 어떤 한계가 있는지 &amp;nbsp;|&amp;nbsp; ③ 정확히 무엇을, 어떤 형식으로 원하는지
        &lt;/p&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-pattern-row&quot;&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;요소 01&lt;/div&gt;
          &lt;h4&gt;상황 + 목적&lt;/h4&gt;
          &lt;p&gt;지금 어떤 상황에서, 이 결과물로 무엇을 하려는지 한 문장으로 설명한다. 이것이 AI의 나침반이 된다.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;요소 02&lt;/div&gt;
          &lt;h4&gt;독자 + 제약&lt;/h4&gt;
          &lt;p&gt;누가 읽는지(직급, 전문성 수준), 분량/톤/금지어 같은 제약 조건을 명시한다.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;요소 03&lt;/div&gt;
          &lt;h4&gt;구체적 요청&lt;/h4&gt;
          &lt;p&gt;&quot;써줘&quot;가 아니라 &quot;3개의 섹션으로, 각 200자 내외로, 결론을 먼저 쓰는 방식으로&quot;처럼 산출물을 명확히 한다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-tip ag-green&quot;&gt;
        &lt;div class=&quot;ag-tip-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;ag-tip-content&quot;&gt;
          &lt;div class=&quot;ag-tip-label&quot;&gt;황금률&lt;/div&gt;
          &lt;p&gt;프롬프트를 쓰기 전에 스스로에게 물어보자: &lt;strong&gt;&quot;신입 직원에게 이 일을 처음 맡긴다면 나는 어떻게 설명할까?&quot;&lt;/strong&gt; 그 설명이 곧 좋은 프롬프트다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 03 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;03 / 실전 시나리오&lt;/div&gt;
      &lt;h2&gt;보고서 작성&lt;/h2&gt;
      &lt;p&gt;
        AI에게 보고서를 맡길 때 가장 흔한 실수는 &quot;보고서 써줘&quot;처럼 과업만 던지는 것이다. 결과는 늘 교과서 같은 범용 문서가 나온다. 다음 비포/애프터를 비교해보자.
      &lt;/p&gt;

      &lt;div class=&quot;ag-ba-wrap&quot;&gt;
        &lt;div class=&quot;ag-ba-scenario&quot;&gt;시나리오 — 경쟁사 분석 보고서&lt;/div&gt;
        &lt;div class=&quot;ag-ba-grid&quot;&gt;
          &lt;div class=&quot;ag-ba-col ag-before&quot;&gt;
            &lt;div class=&quot;ag-ba-head&quot;&gt;✕ 이렇게 하면 안 됩니다&lt;/div&gt;
            &lt;div class=&quot;ag-ba-text&quot;&gt;우리 경쟁사 A사 분석해서 보고서 써줘.&lt;/div&gt;
            &lt;span class=&quot;ag-ba-tag&quot;&gt;❌ 너무 추상적&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class=&quot;ag-ba-col ag-after&quot;&gt;
            &lt;div class=&quot;ag-ba-head&quot;&gt;✓ 이렇게 해보세요&lt;/div&gt;
            &lt;div class=&quot;ag-ba-text&quot;&gt;우리 팀은 SaaS B2B 솔루션을 판매하고 있고, 다음 주 전략회의에서 경쟁사 A사 대응 방안을 논의합니다. 회의 참석자는 C레벨 3명이라 수치 중심의 간결한 포맷을 선호합니다.

A사의 최근 6개월 동향을 ① 제품 업데이트, ② 가격 전략, ③ 마케팅 방향 세 섹션으로 나눠, 각 섹션당 우리 회사에 주는 시사점 1~2줄을 포함해서 A4 한 장 분량으로 써주세요.&lt;/div&gt;
            &lt;span class=&quot;ag-ba-tag&quot;&gt;✓ 맥락 + 독자 + 형식 완비&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;ul class=&quot;ag-checklist&quot;&gt;
        &lt;li&gt;&lt;span class=&quot;ag-check-mark&quot;&gt;✓&lt;/span&gt; 회의 목적과 일정을 언급해 긴박감과 방향을 줌&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-check-mark&quot;&gt;✓&lt;/span&gt; 독자(C레벨)의 선호 스타일을 명시해 톤 조절&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-check-mark&quot;&gt;✓&lt;/span&gt; 섹션 구성과 분량을 사전에 확정해 편집 최소화&lt;/li&gt;
        &lt;li&gt;&lt;span class=&quot;ag-check-mark&quot;&gt;✓&lt;/span&gt; &quot;시사점 포함&quot;으로 단순 정보 나열이 아닌 인사이트 요구&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 04 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;04 / 실전 시나리오&lt;/div&gt;
      &lt;h2&gt;마케팅 카피&lt;/h2&gt;
      &lt;p&gt;
        AI가 쓴 카피가 항상 &quot;지금 바로 경험해보세요!&quot; 같은 뻔한 문장인 이유가 있다. 브랜드의 언어, 타깃의 언어, 채널의 언어를 모르기 때문이다.
      &lt;/p&gt;

      &lt;div class=&quot;ag-scenario-block&quot;&gt;
        &lt;div class=&quot;ag-scenario-header&quot;&gt;
          &lt;div class=&quot;ag-scenario-emoji&quot;&gt; &lt;/div&gt;
          &lt;div&gt;
            &lt;div class=&quot;ag-scenario-title&quot;&gt;신제품 SNS 카피 작성&lt;/div&gt;
            &lt;div class=&quot;ag-scenario-sub&quot;&gt;인스타그램 피드 + 스토리용&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-scenario-body&quot;&gt;
          &lt;div class=&quot;ag-ba-grid&quot; style=&quot;border:none;&quot;&gt;
            &lt;div class=&quot;ag-ba-col ag-before&quot; style=&quot;border-radius:8px 0 0 8px;&quot;&gt;
              &lt;div class=&quot;ag-ba-head&quot;&gt;✕ Before&lt;/div&gt;
              &lt;div class=&quot;ag-ba-text&quot;&gt;새로 나온 비타민 음료 홍보 카피 써줘. 인스타용으로.&lt;/div&gt;
              &lt;span class=&quot;ag-ba-tag&quot;&gt;❌ 브랜드 정보 전무&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class=&quot;ag-ba-col ag-after&quot; style=&quot;border-radius:0 8px 8px 0;&quot;&gt;
              &lt;div class=&quot;ag-ba-head&quot;&gt;✓ After&lt;/div&gt;
              &lt;div class=&quot;ag-ba-text&quot;&gt;우리 브랜드 [이름]은 20-30대 직장 여성을 타깃으로 하는 비타민 음료입니다. 브랜드 톤은 &quot;친한 언니 같은 건강 조언&quot;이고, 무겁거나 의학적인 표현은 피합니다.

이번 신제품은 마그네슘+비타민B 복합 음료로, 오후 3시 피로감을 타깃으로 합니다.

인스타그램 피드용 캡션(150자, 이모지 2개 이하, 해시태그 없음)과 스토리용 짧은 후킹 문구(30자 이내) 각각 3가지씩 써주세요. 두 가지 방향 — 공감형과 정보형 — 으로 나눠주세요.&lt;/div&gt;
              &lt;span class=&quot;ag-ba-tag&quot;&gt;✓ 타깃 + 톤 + 형식 명확&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-tip ag-amber&quot;&gt;
        &lt;div class=&quot;ag-tip-icon&quot;&gt;⚡&lt;/div&gt;
        &lt;div class=&quot;ag-tip-content&quot;&gt;
          &lt;div class=&quot;ag-tip-label&quot;&gt;마케터 팁&lt;/div&gt;
          &lt;p&gt;카피 작업 시 &lt;strong&gt;&quot;우리가 절대 쓰지 않는 표현&quot;&lt;/strong&gt;도 함께 알려주면 수정 횟수가 크게 줄어든다. 예: &quot;혁신적인, 최고의, 최첨단&quot; 같은 진부한 형용사 금지.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-table-wrap&quot;&gt;
        &lt;table&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;정보 유형&lt;/th&gt;
              &lt;th&gt;포함해야 할 내용&lt;/th&gt;
              &lt;th&gt;예시&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;브랜드 톤&lt;/td&gt;
              &lt;td&gt;성격, 닮은 레퍼런스&lt;/td&gt;
              &lt;td&gt;&quot;무신사 스타일&quot;, &quot;올리브영 같은 친근함&quot;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;타깃 페르소나&lt;/td&gt;
              &lt;td&gt;나이, 직업, 상황&lt;/td&gt;
              &lt;td&gt;&quot;20대 후반 직장인, 점심시간 스마트폰 사용&quot;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;채널 특성&lt;/td&gt;
              &lt;td&gt;플랫폼, 형식, 분량&lt;/td&gt;
              &lt;td&gt;&quot;인스타 피드, 150자, 이모지 2개 이하&quot;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;금지어/방향&lt;/td&gt;
              &lt;td&gt;피해야 할 표현&lt;/td&gt;
              &lt;td&gt;&quot;의학적 표현, 과장 형용사 금지&quot;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;핵심 메시지&lt;/td&gt;
              &lt;td&gt;전달할 단 하나의 포인트&lt;/td&gt;
              &lt;td&gt;&quot;오후 피로 해결&quot;이 핵심, 성분 나열 X&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 05 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;05 / 실전 시나리오&lt;/div&gt;
      &lt;h2&gt;데이터 해석&lt;/h2&gt;
      &lt;p&gt;
        숫자를 AI에게 던지면 AI는 숫자를 설명한다. 하지만 우리에게 필요한 것은 설명이 아니라 &lt;strong&gt;결정의 근거&lt;/strong&gt;다. 의사결정 맥락을 주면 AI가 해석가가 된다.
      &lt;/p&gt;

      &lt;div class=&quot;ag-ba-wrap&quot;&gt;
        &lt;div class=&quot;ag-ba-scenario&quot;&gt;시나리오 — 월간 트래픽 데이터 해석&lt;/div&gt;
        &lt;div class=&quot;ag-ba-grid&quot;&gt;
          &lt;div class=&quot;ag-ba-col ag-before&quot;&gt;
            &lt;div class=&quot;ag-ba-head&quot;&gt;✕ Before&lt;/div&gt;
            &lt;div class=&quot;ag-ba-text&quot;&gt;지난달 사이트 트래픽이 전월 대비 23% 감소했어. 이유가 뭐야?&lt;/div&gt;
            &lt;span class=&quot;ag-ba-tag&quot;&gt;❌ 판단 근거 없음&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class=&quot;ag-ba-col ag-after&quot;&gt;
            &lt;div class=&quot;ag-ba-head&quot;&gt;✓ After&lt;/div&gt;
            &lt;div class=&quot;ag-ba-text&quot;&gt;우리 서비스는 직장인 대상 온라인 교육 플랫폼입니다. 4월 트래픽이 3월 대비 23% 하락했고, 세부 데이터를 보면 모바일 트래픽은 유지됐지만 PC 트래픽이 급감했습니다. 같은 기간 블로그 발행은 정상적으로 진행됐고, 광고비는 15% 늘렸습니다.

이 상황에서 가능한 원인 가설 3~5가지를 우선순위 순으로 제시하고, 각 가설을 검증할 수 있는 확인 방법을 함께 알려주세요. 내주 팀 미팅에서 대응 방향을 결정해야 합니다.&lt;/div&gt;
            &lt;span class=&quot;ag-ba-tag&quot;&gt;✓ 데이터 + 맥락 + 결정 목적&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-tip ag-blue&quot;&gt;
        &lt;div class=&quot;ag-tip-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;ag-tip-content&quot;&gt;
          &lt;div class=&quot;ag-tip-label&quot;&gt;데이터 분석 팁&lt;/div&gt;
          &lt;p&gt;데이터 해석 요청 시 &lt;strong&gt;&quot;이 분석으로 무엇을 결정해야 하는지&quot;&lt;/strong&gt;를 반드시 명시하라. AI는 결정 맥락이 있을 때 단순 설명이 아닌 실행 가능한 인사이트를 도출한다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 06 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;06 / 주의사항&lt;/div&gt;
      &lt;h2&gt;자주 하는 실수 5가지&lt;/h2&gt;
      &lt;p&gt;잘못된 패턴을 알면 고치기 쉬워진다. 가장 흔한 실수들과 개선 방법을 정리했다.&lt;/p&gt;

      &lt;div class=&quot;ag-table-wrap&quot;&gt;
        &lt;table&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;실수 패턴&lt;/th&gt;
              &lt;th&gt;왜 문제인가&lt;/th&gt;
              &lt;th&gt;개선 방향&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;01&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&quot;다시 써줘&quot;&lt;/td&gt;
              &lt;td&gt;무엇이 부족한지 AI가 모름&lt;/td&gt;
              &lt;td&gt;&quot;톤이 너무 딱딱함, 더 친근하게&quot; 처럼 구체적 피드백&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;02&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;한 번에 너무 많이 요청&lt;/td&gt;
              &lt;td&gt;우선순위 없이 희석된 결과&lt;/td&gt;
              &lt;td&gt;단계별로 나눠 요청, 검토 후 다음 단계로&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;03&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;업계 용어 없이 요청&lt;/td&gt;
              &lt;td&gt;일반론적 답변 생산&lt;/td&gt;
              &lt;td&gt;업계, 제품명, 내부 용어를 명시적으로 제공&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;04&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;첫 답변 그대로 사용&lt;/td&gt;
              &lt;td&gt;맥락이 부족한 초안을 최종본으로 착각&lt;/td&gt;
              &lt;td&gt;초안으로 인식하고 1~2회 이터레이션 당연시하기&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;05&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;AI 출력 검증 생략&lt;/td&gt;
              &lt;td&gt;잘못된 수치·팩트 포함 가능&lt;/td&gt;
              &lt;td&gt;수치, 고유명사, 인용은 반드시 원본 확인&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-pullquote&quot;&gt;
        &lt;p&gt;AI를 잘 쓰는 사람과 못 쓰는 사람의 차이는 도구 선택이 아니라 지시의 질에 있다.&lt;/p&gt;
        &lt;cite&gt;— 맥락 없는 요청은 맥락 없는 답변을 만든다&lt;/cite&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;ag-rule&quot; /&gt;

    &lt;!-- 07 --&gt;
    &lt;div class=&quot;ag-section&quot;&gt;
      &lt;div class=&quot;ag-section-label&quot;&gt;07 / 실전 적용&lt;/div&gt;
      &lt;h2&gt;나만의 맥락 템플릿 만들기&lt;/h2&gt;
      &lt;p&gt;
        반복적인 업무는 템플릿화하면 된다. 한 번 잘 만들어놓으면 다음부터는 빈칸만 채우면 된다. 아래 구조를 복사해서 자신의 업무에 맞게 저장해두자.
      &lt;/p&gt;

      &lt;div class=&quot;ag-scenario-block&quot;&gt;
        &lt;div class=&quot;ag-scenario-header&quot;&gt;
          &lt;div class=&quot;ag-scenario-emoji&quot;&gt; &lt;/div&gt;
          &lt;div&gt;
            &lt;div class=&quot;ag-scenario-title&quot;&gt;범용 맥락 템플릿&lt;/div&gt;
            &lt;div class=&quot;ag-scenario-sub&quot;&gt;복사해서 바로 사용&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-scenario-body&quot;&gt;
          &lt;div class=&quot;ag-code-box&quot;&gt;[상황] 우리 팀/회사는 ___이고, 지금 ___한 상황입니다.
[목적] 이 결과물은 ___을 위해 필요합니다.
[독자] 이것을 읽는 사람은 ___이며, ___(전문성 수준/선호 스타일)입니다.
[제약] 분량은 ___, 톤은 ___, 피해야 할 표현은 ___입니다.
[요청] 위 조건에 맞게 ___를 작성해주세요.
[형식] ___(섹션 구성/출력 형식)으로 해주세요.&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;h3&gt;직무별 자주 쓰는 맥락 요소&lt;/h3&gt;
      &lt;div class=&quot;ag-pattern-row&quot;&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;기획자&lt;/div&gt;
          &lt;h4&gt;핵심 맥락 요소&lt;/h4&gt;
          &lt;p&gt;제품 단계(MVP/스케일링), 의사결정자 직급, 데이터 있음/없음, 발표 vs 문서 형식 여부&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;마케터&lt;/div&gt;
          &lt;h4&gt;핵심 맥락 요소&lt;/h4&gt;
          &lt;p&gt;캠페인 목표(인지/전환/리텐션), 채널 특성, 타깃 페르소나, 브랜드 가이드라인 키워드&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;ag-pattern-card&quot;&gt;
          &lt;div class=&quot;ag-pattern-num&quot;&gt;콘텐츠&lt;/div&gt;
          &lt;h4&gt;핵심 맥락 요소&lt;/h4&gt;
          &lt;p&gt;SEO 타깃 키워드, 독자 레벨(입문/중급/전문가), 원하는 독자 반응, 참고할 레퍼런스 글&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;ag-tip ag-green&quot;&gt;
        &lt;div class=&quot;ag-tip-icon&quot;&gt; ️&lt;/div&gt;
        &lt;div class=&quot;ag-tip-content&quot;&gt;
          &lt;div class=&quot;ag-tip-label&quot;&gt;생산성 팁&lt;/div&gt;
          &lt;p&gt;Notion이나 메모앱에 &lt;strong&gt;&quot;AI 프롬프트 라이브러리&quot;&lt;/strong&gt; 페이지를 만들어 잘 작동한 프롬프트를 저장해두자. 3개월 후엔 팀 전체가 쓰는 자산이 된다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- CONCLUSION --&gt;
    &lt;div class=&quot;ag-conclusion&quot;&gt;
      &lt;h2&gt;결론 — 지시의 질이 결과의 질이다&lt;/h2&gt;
      &lt;p&gt;
        AI 툴은 이미 충분히 똑똑하다. 2026년의 Claude, ChatGPT, Gemini는 맥락만 제대로 주어진다면 중급 이상의 보조 업무를 거뜬히 처리한다. 문제는 항상 지시하는 쪽에 있다.
      &lt;/p&gt;
      &lt;p&gt;
        오늘부터 모든 AI 요청 전에 딱 세 가지만 확인하자. &lt;strong&gt;① 상황과 목적을 설명했는가, ② 독자와 제약을 명시했는가, ③ 원하는 산출물을 구체적으로 말했는가.&lt;/strong&gt; 이 세 가지가 있으면 AI는 훨씬 더 잘 작동한다.
      &lt;/p&gt;
      &lt;p&gt;
        기획자와 마케터가 AI를 잘 활용한다는 것은 코딩을 배우는 게 아니다. &lt;strong&gt;자신의 업무를 더 명확하게 언어화하는 능력&lt;/strong&gt;을 키우는 것이다. 그 능력은 AI 없이도 팀 내 커뮤니케이션을 향상시키는 덤이 된다.
      &lt;/p&gt;
    &lt;/div&gt;

  &lt;/div&gt;&lt;!-- /ag-main --&gt;

  &lt;!-- ── FOOTER ── --&gt;
  &lt;div class=&quot;ag-footer&quot;&gt;
    &lt;span class=&quot;ag-footer-note&quot;&gt;© 2026 · AI 툴 분석&lt;/span&gt;
    &lt;button class=&quot;ag-copy-btn&quot; onclick=&quot;
      var url = window.location.href;
      if(navigator.clipboard &amp;&amp; window.isSecureContext){
        navigator.clipboard.writeText(url).then(function(){ this.textContent='복사됨 ✓'; }.bind(this));
      } else {
        var ta = document.createElement('textarea');
        ta.value = url;
        ta.style.position='fixed'; ta.style.opacity='0';
        document.body.appendChild(ta); ta.focus(); ta.select();
        try{ document.execCommand('copy'); this.textContent='복사됨 ✓'; } catch(e){}
        document.body.removeChild(ta);
      }
    &quot;&gt;링크 복사&lt;/button&gt;
  &lt;/div&gt;

&lt;/div&gt;&lt;!-- /ai-guide-wrap --&gt;</description>
      <category>사용법 가이드</category>
      <category>AI보고서</category>
      <category>ai업무자동화</category>
      <category>ai카피라이팅</category>
      <category>AI활용법</category>
      <category>ChatGPT활용</category>
      <category>claude활용</category>
      <category>기획자AI</category>
      <category>마케터AI</category>
      <category>비개발자ai</category>
      <category>프롬프트작성법</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/37</guid>
      <comments>https://temver.tistory.com/37#entry37comment</comments>
      <pubDate>Sat, 30 May 2026 14:57:31 +0900</pubDate>
    </item>
    <item>
      <title>프롬프트 엔지니어링은 이제 끝? &amp;mdash; AI 툴이 알아서 이해하는 시대의 변화</title>
      <link>https://temver.tistory.com/36</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot; /&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
  &lt;title&gt;프롬프트 엔지니어링은 이제 끝? — AI 툴이 알아서 이해하는 시대의 변화&lt;/title&gt;
  &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot; /&gt;
  &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin /&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&amp;family=DM+Mono:wght@400;500&amp;family=Syne:wght@700;800&amp;display=swap&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;style&gt;
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg: #F7F4EE;
      --surface: #FFFFFF;
      --ink: #1A1714;
      --ink-muted: #5C5752;
      --ink-faint: #9A958F;
      --accent: #D4541A;
      --accent-soft: #F5E8DF;
      --accent2: #1A6BD4;
      --accent2-soft: #DFE9F5;
      --divider: #E2DDD6;
      --tag-bg: #EDEAE4;
      --mono: 'DM Mono', monospace;
      --serif: 'Noto Serif KR', serif;
      --display: 'Syne', sans-serif;
    }

    body {
      background: var(--bg);
      color: var(--ink);
      font-family: var(--serif);
      font-size: 17px;
      line-height: 1.85;
    }

    /* ── CATEGORY CHIP ── */
    .category-chip {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: .08em;
      color: var(--accent);
      background: var(--accent-soft);
      padding: 4px 10px;
      border-radius: 4px;
      text-transform: uppercase;
    }

    /* ── TOC INLINE ── */
    .toc-inline {
      max-width: 720px;
      margin: 0 auto;
      padding: 32px 28px 0;
    }
    .toc-inline-inner {
      background: var(--surface);
      border: 1px solid var(--divider);
      border-radius: 10px;
      padding: 24px 28px;
    }
    .toc-inline-label {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--ink-faint);
      margin-bottom: 16px;
    }
    .toc-inline-list {
      list-style: none;
      columns: 2;
      column-gap: 32px;
    }
    @media (max-width: 500px) { .toc-inline-list { columns: 1; } }
    .toc-inline-list li {
      font-size: 14px;
      padding: 7px 0;
      border-bottom: 1px solid var(--divider);
      color: var(--ink-muted);
      line-height: 1.45;
      break-inside: avoid;
    }
    .toc-inline-list li:last-child { border-bottom: none; }
    .toc-inline-list li::before {
      content: '—';
      font-family: var(--mono);
      color: var(--accent);
      margin-right: 8px;
      font-size: 11px;
    }

    /* ── HERO ── */
    .hero {
      max-width: 720px;
      margin: 0 auto;
      padding: 64px 28px 40px;
      border-bottom: 1px solid var(--divider);
    }
    .hero-eyebrow {
      font-family: var(--mono);
      font-size: 11.5px;
      letter-spacing: .1em;
      color: var(--ink-faint);
      text-transform: uppercase;
      margin-bottom: 20px;
    }
    .hero-eyebrow span { color: var(--accent); font-weight: 500; }
    .hero h1 {
      font-family: var(--display);
      font-weight: 800;
      font-size: clamp(28px, 5vw, 48px);
      line-height: 1.15;
      letter-spacing: -.01em;
      color: var(--ink);
      margin-bottom: 22px;
    }
    .hero h1 em {
      font-style: normal;
      color: var(--accent);
      position: relative;
    }
    .hero-subtitle {
      font-size: 18px;
      color: var(--ink-muted);
      max-width: 640px;
      line-height: 1.65;
      margin-bottom: 32px;
    }
    .hero-meta {
      display: flex;
      align-items: center;
      gap: 20px;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--ink-faint);
    }
    .hero-meta-divider { color: var(--divider); }
    .read-time {
      background: var(--tag-bg);
      padding: 3px 10px;
      border-radius: 3px;
    }

    /* ── LAYOUT ── */
    .content-wrap {
      max-width: 720px;
      margin: 0 auto;
      padding: 0 28px 80px;
    }

    /* ── ARTICLE ── */
    .article { padding-top: 52px; }

    .article h2 {
      font-family: var(--display);
      font-weight: 700;
      font-size: 22px;
      letter-spacing: -.01em;
      color: var(--ink);
      margin: 52px 0 18px;
      padding-left: 14px;
      border-left: 3px solid var(--accent);
    }
    .article h3 {
      font-weight: 700;
      font-size: 16.5px;
      color: var(--ink);
      margin: 36px 0 12px;
    }
    .article p {
      color: #3A3631;
      margin-bottom: 20px;
    }
    .article strong { color: var(--ink); font-weight: 600; }

    /* INTRO dropcap */
    .dropcap::first-letter {
      float: left;
      font-family: var(--display);
      font-weight: 800;
      font-size: 72px;
      line-height: .82;
      margin: 6px 10px 0 0;
      color: var(--accent);
    }

    /* CALLOUT BOXES */
    .callout {
      border-radius: 8px;
      padding: 22px 26px;
      margin: 30px 0;
      font-size: 15.5px;
    }
    .callout.orange {
      background: var(--accent-soft);
      border-left: 4px solid var(--accent);
    }
    .callout.blue {
      background: var(--accent2-soft);
      border-left: 4px solid var(--accent2);
    }
    .callout-label {
      font-family: var(--mono);
      font-size: 10.5px;
      letter-spacing: .1em;
      text-transform: uppercase;
      font-weight: 500;
      margin-bottom: 10px;
      color: var(--ink-faint);
    }
    .callout p { margin: 0; color: var(--ink); line-height: 1.7; }

    /* TIMELINE */
    .timeline {
      margin: 36px 0;
      position: relative;
    }
    .timeline::before {
      content: '';
      position: absolute;
      left: 18px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: var(--divider);
    }
    .tl-item {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
      align-items: flex-start;
      position: relative;
    }
    .tl-dot {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: var(--surface);
      border: 2px solid var(--accent);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      z-index: 1;
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 500;
      color: var(--accent);
    }
    .tl-content { padding-top: 6px; }
    .tl-year {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--accent);
      letter-spacing: .06em;
      margin-bottom: 4px;
    }
    .tl-title {
      font-weight: 700;
      font-size: 15px;
      margin-bottom: 6px;
      color: var(--ink);
    }
    .tl-desc {
      font-size: 14.5px;
      color: var(--ink-muted);
      line-height: 1.65;
      margin: 0;
    }

    /* COMPARISON TABLE */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 30px 0;
      font-size: 14.5px;
    }
    .compare-table th {
      background: var(--ink);
      color: #fff;
      text-align: left;
      padding: 12px 16px;
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: .05em;
      font-weight: 500;
    }
    .compare-table th:first-child { border-radius: 6px 0 0 0; }
    .compare-table th:last-child { border-radius: 0 6px 0 0; }
    .compare-table td {
      padding: 12px 16px;
      border-bottom: 1px solid var(--divider);
      color: var(--ink);
      vertical-align: top;
    }
    .compare-table tr:nth-child(even) td { background: var(--tag-bg); }
    .compare-table tr:last-child td { border-bottom: none; }
    .badge {
      display: inline-block;
      font-family: var(--mono);
      font-size: 10px;
      padding: 2px 8px;
      border-radius: 3px;
      letter-spacing: .04em;
    }
    .badge.old { background: #E8E3DC; color: #7A7168; }
    .badge.new { background: var(--accent-soft); color: var(--accent); }

    /* PULL QUOTE */
    .pull-quote {
      margin: 44px 0;
      padding: 30px 36px;
      background: var(--ink);
      color: #fff;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
    }
    .pull-quote::before {
      content: '\201C';
      position: absolute;
      top: -20px;
      left: 20px;
      font-family: var(--display);
      font-size: 140px;
      color: rgba(255,255,255,.07);
      line-height: 1;
      pointer-events: none;
    }
    .pull-quote p {
      font-family: var(--display);
      font-weight: 700;
      font-size: 19px;
      line-height: 1.4;
      color: #fff;
      margin: 0;
      position: relative;
    }
    .pull-quote cite {
      display: block;
      font-family: var(--mono);
      font-size: 11px;
      color: rgba(255,255,255,.45);
      margin-top: 14px;
      font-style: normal;
      letter-spacing: .06em;
    }

    /* SECTION DIVIDER */
    .section-rule {
      border: none;
      border-top: 1px solid var(--divider);
      margin: 48px 0;
    }

    /* HIGHLIGHT GRID */
    .highlight-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin: 28px 0;
    }
    @media (max-width: 500px) { .highlight-grid { grid-template-columns: 1fr; } }
    .highlight-card {
      background: var(--surface);
      border: 1px solid var(--divider);
      border-radius: 8px;
      padding: 20px;
    }
    .highlight-card-icon {
      font-size: 24px;
      margin-bottom: 10px;
    }
    .highlight-card h4 {
      font-weight: 700;
      font-size: 14px;
      margin-bottom: 8px;
      color: var(--ink);
    }
    .highlight-card p {
      font-size: 13.5px;
      color: var(--ink-muted);
      line-height: 1.6;
      margin: 0;
    }

    /* CONCLUSION */
    .conclusion-box {
      background: var(--accent);
      color: #fff;
      border-radius: 10px;
      padding: 36px 40px;
      margin-top: 50px;
    }
    .conclusion-box h2 {
      font-family: var(--display);
      font-weight: 800;
      font-size: 20px;
      color: #fff;
      margin: 0 0 16px;
      border: none;
      padding: 0;
    }
    .conclusion-box p {
      color: rgba(255,255,255,.88);
      font-size: 15.5px;
      line-height: 1.75;
      margin-bottom: 14px;
    }
    .conclusion-box p:last-child { margin-bottom: 0; }

    /* ── SIDEBAR ── */
    .sidebar {
      padding-top: 52px;
      position: sticky;
      top: 80px;
    }
    .sidebar-block {
      background: var(--surface);
      border: 1px solid var(--divider);
      border-radius: 8px;
      padding: 22px;
      margin-bottom: 20px;
    }
    .sidebar-block h3 {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--ink-faint);
      margin-bottom: 16px;
    }
    .toc-list { list-style: none; }
    .toc-list li {
      font-size: 13.5px;
      padding: 7px 0;
      border-bottom: 1px solid var(--divider);
      color: var(--ink-muted);
      line-height: 1.45;
    }
    .toc-list li:last-child { border-bottom: none; }
    .toc-list li::before {
      content: '—';
      font-family: var(--mono);
      color: var(--accent);
      margin-right: 8px;
      font-size: 11px;
    }
    .tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
    .tag {
      font-family: var(--mono);
      font-size: 11px;
      background: var(--tag-bg);
      color: var(--ink-muted);
      padding: 4px 10px;
      border-radius: 4px;
    }

    /* FOOTER */
    .article-footer {
      max-width: 720px;
      margin: 0 auto;
      padding: 32px 28px 60px;
      border-top: 1px solid var(--divider);
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
    }
    .footer-note {
      font-family: var(--mono);
      font-size: 12px;
      color: var(--ink-faint);
    }
    .share-btn {
      font-family: var(--mono);
      font-size: 12px;
      background: var(--ink);
      color: #fff;
      border: none;
      padding: 9px 20px;
      border-radius: 5px;
      cursor: pointer;
      letter-spacing: .05em;
    }
    .share-btn:hover { background: var(--accent); }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- HERO --&gt;
&lt;div class=&quot;hero&quot;&gt;
  &lt;div class=&quot;hero-eyebrow&quot;&gt;
    &lt;span&gt;심층 분석&lt;/span&gt; &amp;nbsp;·&amp;nbsp; 트렌드 해설
  &lt;/div&gt;
  &lt;h1&gt;프롬프트 엔지니어링은&lt;br&gt;이제 &lt;em&gt;끝났을까?&lt;/em&gt;&lt;/h1&gt;
  &lt;p class=&quot;hero-subtitle&quot;&gt;
    ChatGPT 초창기부터 지금까지 — AI가 '알아서 이해하는' 시대가 열리면서 프롬프트 기술의 의미가 근본적으로 바뀌고 있다.
  &lt;/p&gt;
  &lt;div class=&quot;hero-meta&quot;&gt;
    &lt;span&gt;2026년 5월&lt;/span&gt;
    &lt;span class=&quot;hero-meta-divider&quot;&gt;|&lt;/span&gt;
    &lt;span class=&quot;read-time&quot;&gt;  약 8분 소요&lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- TOC --&gt;
&lt;div class=&quot;toc-inline&quot;&gt;
  &lt;div class=&quot;toc-inline-inner&quot;&gt;
    &lt;div class=&quot;toc-inline-label&quot;&gt;목차&lt;/div&gt;
    &lt;ul class=&quot;toc-inline-list&quot;&gt;
      &lt;li&gt;프롬프트 기술의 진화 연표&lt;/li&gt;
      &lt;li&gt;실제로 무엇이 달라졌나&lt;/li&gt;
      &lt;li&gt;여전히 중요한 것들&lt;/li&gt;
      &lt;li&gt;그래서 나는 어떻게 해야 할까&lt;/li&gt;
      &lt;li&gt;결론 — 끝이 아닌 진화&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- BODY --&gt;
&lt;div class=&quot;content-wrap&quot;&gt;
  &lt;article class=&quot;article&quot;&gt;

    &lt;!-- INTRO --&gt;
    &lt;p class=&quot;dropcap&quot;&gt;
      2022년 말, ChatGPT가 처음 세상에 나왔을 때 사람들이 가장 먼저 공유한 것은 &lt;strong&gt;&quot;이렇게 쓰면 더 잘 됩니다&quot;&lt;/strong&gt;라는 팁이었다. &quot;전문가처럼 행동해&quot;, &quot;단계별로 생각해&quot;, &quot;출력 형식은 JSON으로&quot; — 이런 주문들이 블로그와 유튜브를 가득 채웠다. 그로부터 불과 3년이 지난 지금, 그 공식들의 상당수가 더 이상 필요 없어졌다. 무슨 일이 일어난 걸까?
    &lt;/p&gt;

    &lt;p&gt;
      답은 간단하다. &lt;strong&gt;AI 모델 자체가 훨씬 똑똑해졌다.&lt;/strong&gt; 하지만 그것이 프롬프트 엔지니어링의 '죽음'을 의미하는지는 훨씬 복잡한 이야기다. 오히려 그 의미가 근본적으로 재정의되고 있다고 보는 것이 정확하다.
    &lt;/p&gt;

    &lt;!-- TIMELINE --&gt;
    &lt;h2&gt;프롬프트 기술의 진화 연표&lt;/h2&gt;

    &lt;div class=&quot;timeline&quot;&gt;
      &lt;div class=&quot;tl-item&quot;&gt;
        &lt;div class=&quot;tl-dot&quot;&gt;1기&lt;/div&gt;
        &lt;div class=&quot;tl-content&quot;&gt;
          &lt;div class=&quot;tl-year&quot;&gt;2022 Q4 — 2023 초&lt;/div&gt;
          &lt;div class=&quot;tl-title&quot;&gt;주문 외우기 시대&lt;/div&gt;
          &lt;p class=&quot;tl-desc&quot;&gt;
            &quot;Act as a…&quot;, &quot;Let's think step by step&quot; 등 마법 주문처럼 통하는 특정 표현이 유행했다. 모델이 지시의 의도보다 특정 패턴에 반응했기 때문이다. 프롬프트는 거의 해킹에 가까웠다.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tl-item&quot;&gt;
        &lt;div class=&quot;tl-dot&quot;&gt;2기&lt;/div&gt;
        &lt;div class=&quot;tl-content&quot;&gt;
          &lt;div class=&quot;tl-year&quot;&gt;2023 — 2024 초&lt;/div&gt;
          &lt;div class=&quot;tl-title&quot;&gt;체계화·직업화 시대&lt;/div&gt;
          &lt;p class=&quot;tl-desc&quot;&gt;
            GPT-4, Claude 2 등장으로 Chain-of-Thought(CoT), Few-shot, RAG 같은 기법이 정립됐다. '프롬프트 엔지니어'라는 직함이 생겨났고, 기업 AI팀에 전담 포지션이 만들어졌다.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tl-item&quot;&gt;
        &lt;div class=&quot;tl-dot&quot;&gt;3기&lt;/div&gt;
        &lt;div class=&quot;tl-content&quot;&gt;
          &lt;div class=&quot;tl-year&quot;&gt;2024 중반 — 현재&lt;/div&gt;
          &lt;div class=&quot;tl-title&quot;&gt;모델이 스스로 이해하는 시대&lt;/div&gt;
          &lt;p class=&quot;tl-desc&quot;&gt;
            Claude 3.5+, GPT-4o, Gemini 1.5 이후 모델들은 맥락 파악 능력이 비약적으로 향상됐다. 구어체로 요청해도 의도를 정확히 파악하고, 모호한 지시도 능동적으로 해석한다.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tl-item&quot;&gt;
        &lt;div class=&quot;tl-dot&quot;&gt;Now&lt;/div&gt;
        &lt;div class=&quot;tl-content&quot;&gt;
          &lt;div class=&quot;tl-year&quot;&gt;2025 — 2026&lt;/div&gt;
          &lt;div class=&quot;tl-title&quot;&gt;에이전트·멀티턴 시대&lt;/div&gt;
          &lt;p class=&quot;tl-desc&quot;&gt;
            단일 프롬프트보다 멀티스텝 워크플로우, 툴 사용, 메모리 관리가 더 중요해졌다. 프롬프트는 '대화의 첫 문장'이 아니라 '시스템을 설계하는 언어'로 진화했다.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;section-rule&quot; /&gt;

    &lt;!-- WHAT CHANGED --&gt;
    &lt;h2&gt;실제로 무엇이 달라졌나&lt;/h2&gt;

    &lt;p&gt;
      가장 극적으로 사라진 것은 &lt;strong&gt;형식 지정 명령어&lt;/strong&gt;다. 예전에는 &quot;불릿 포인트로 정리해줘&quot;, &quot;표 형태로 출력해줘&quot;를 명시하지 않으면 모델이 장문의 단락으로만 답했다. 지금은 질문의 성격을 스스로 판단해 최적 형식을 선택한다.
    &lt;/p&gt;

    &lt;div class=&quot;callout orange&quot;&gt;
      &lt;div class=&quot;callout-label&quot;&gt;예시 비교&lt;/div&gt;
      &lt;p&gt;
        &lt;strong&gt;2023년 프롬프트:&lt;/strong&gt; &quot;당신은 마케팅 전문가입니다. 아래 제품의 장단점을 비교해서 불릿 포인트 형식으로, 각 항목 3개씩, 한국어로 출력하세요: [제품명]&quot;&lt;br /&gt;&lt;br /&gt;
        &lt;strong&gt;2026년 프롬프트:&lt;/strong&gt; &quot;[제품명] 장단점 비교해줘&quot;
      &lt;/p&gt;
    &lt;/div&gt;

    &lt;p&gt;
      결과 품질은 오히려 후자가 더 자연스러운 경우가 많다. 모델이 지나치게 세밀한 지시를 받으면 창의적 판단을 제한당하기 때문이다.
    &lt;/p&gt;

    &lt;table class=&quot;compare-table&quot;&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;기법&lt;/th&gt;
          &lt;th&gt;2023년 필요성&lt;/th&gt;
          &lt;th&gt;2026년 필요성&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;역할 부여&lt;br&gt;(&quot;Act as a…&quot;)&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;필수&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge new&quot;&gt;선택적&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&quot;단계별로 생각해&quot; (CoT)&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;필수&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge new&quot;&gt;자동 적용&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;출력 형식 명시&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;필수&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge new&quot;&gt;상황별&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Few-shot 예시 제공&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;높음&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge new&quot;&gt;복잡한 태스크에만&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;시스템 프롬프트 설계&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;개발자 영역&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;여전히 중요&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;멀티스텝 워크플로우 설계&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge new&quot;&gt;미미&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;span class=&quot;badge old&quot;&gt;핵심 스킬&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;

    &lt;hr class=&quot;section-rule&quot; /&gt;

    &lt;!-- STILL MATTERS --&gt;
    &lt;h2&gt;그래도 여전히 중요한 것들&lt;/h2&gt;

    &lt;p&gt;
      프롬프트 엔지니어링이 사라진 게 아니라, &lt;strong&gt;더 깊은 곳으로 이동했다.&lt;/strong&gt; 일반 사용자 레벨의 '주문'은 덜 중요해졌지만, 시스템을 설계하는 레벨에서의 프롬프팅은 오히려 더 중요해졌다.
    &lt;/p&gt;

    &lt;div class=&quot;highlight-grid&quot;&gt;
      &lt;div class=&quot;highlight-card&quot;&gt;
        &lt;div class=&quot;highlight-card-icon&quot;&gt; &lt;/div&gt;
        &lt;h4&gt;컨텍스트 설계&lt;/h4&gt;
        &lt;p&gt;어떤 배경 정보를 어떤 순서로 제공하느냐가 결과 품질을 좌우한다. 모델이 추론 능력이 높아질수록 '무엇을 알려주느냐'가 더 결정적이다.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;highlight-card&quot;&gt;
        &lt;div class=&quot;highlight-card-icon&quot;&gt; &lt;/div&gt;
        &lt;h4&gt;시스템 프롬프트&lt;/h4&gt;
        &lt;p&gt;프로덕트에 AI를 통합할 때의 시스템 프롬프트 설계는 여전히 고도의 기술이다. 페르소나, 제약, 툴 사용 방식 등을 정교하게 설계해야 한다.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;highlight-card&quot;&gt;
        &lt;div class=&quot;highlight-card-icon&quot;&gt; &lt;/div&gt;
        &lt;h4&gt;에이전트 오케스트레이션&lt;/h4&gt;
        &lt;p&gt;여러 AI 에이전트가 협력하는 워크플로우에서 각 스텝의 인풋/아웃풋을 어떻게 설계하는지가 새로운 핵심 역량이다.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;highlight-card&quot;&gt;
        &lt;div class=&quot;highlight-card-icon&quot;&gt; &lt;/div&gt;
        &lt;h4&gt;평가 및 이터레이션&lt;/h4&gt;
        &lt;p&gt;프롬프트가 잘 작동하는지 체계적으로 검증하고 개선하는 능력. 모델이 스마트해질수록 평가 기준도 정교해져야 한다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;pull-quote&quot;&gt;
      &lt;p&gt;프롬프트 엔지니어링은 끝난 게 아니다. 일반 사용자에게 보이지 않는 곳으로 내려갔을 뿐이다 — 마치 HTML을 직접 쓰지 않아도 웹사이트를 만들 수 있지만, 그렇다고 웹 개발이 사라지지 않은 것처럼.&lt;/p&gt;
      &lt;cite&gt;— AI 레이어의 추상화가 높아질수록, 하부 엔지니어링의 중요성은 오히려 커진다&lt;/cite&gt;
    &lt;/div&gt;

    &lt;hr class=&quot;section-rule&quot; /&gt;

    &lt;!-- WHAT IT MEANS FOR YOU --&gt;
    &lt;h2&gt;그래서 나는 어떻게 해야 할까&lt;/h2&gt;

    &lt;h3&gt;일반 사용자라면&lt;/h3&gt;
    &lt;p&gt;
      솔직히, 지금 모델들은 당신이 자연스럽게 말해도 잘 이해한다. 오히려 과도하게 정교한 프롬프트를 외우려고 시간 낭비할 필요가 없다. 대신 &lt;strong&gt;맥락을 충분히 주는 것&lt;/strong&gt;에 집중하라. &quot;이 글은 30대 직장인 대상의 뉴스레터야&quot;처럼 상황 설명을 먼저 하면 결과가 훨씬 좋아진다.
    &lt;/p&gt;

    &lt;div class=&quot;callout blue&quot;&gt;
      &lt;div class=&quot;callout-label&quot;&gt;핵심 팁&lt;/div&gt;
      &lt;p&gt;
        지금 AI에게 가장 효과적인 접근: &lt;strong&gt;① 목적 설명 → ② 배경/제약 조건 → ③ 요청&lt;/strong&gt;. 마법 주문이 아니라 실제로 동료에게 부탁하듯 말하면 된다.
      &lt;/p&gt;
    &lt;/div&gt;

    &lt;h3&gt;프로덕트 개발자·기업이라면&lt;/h3&gt;
    &lt;p&gt;
      프롬프트 엔지니어링에 대한 투자를 줄이는 것은 오히려 위험하다. 모델이 스마트해질수록 &lt;strong&gt;시스템 레벨의 설계&lt;/strong&gt;가 더 정교해야 한다. 특히 에이전트 워크플로우, RAG 파이프라인, 멀티모달 처리에서 잘못 설계된 프롬프트는 스마트한 모델을 더 예측 불가능하게 만들 수 있다.
    &lt;/p&gt;

    &lt;h3&gt;'프롬프트 엔지니어' 직함은?&lt;/h3&gt;
    &lt;p&gt;
      2023~2024년에 유행했던 순수 프롬프트 엔지니어 포지션은 줄어들고 있다. 대신 &lt;strong&gt;AI 제품 설계자, AI 시스템 엔지니어, LLM 파이프라인 개발자&lt;/strong&gt; 같은 더 광범위한 역할로 흡수되고 있다. 프롬프트 작성 능력은 별도 직업이 아니라 모든 AI 관련 직군의 기본기가 됐다.
    &lt;/p&gt;

    &lt;!-- CONCLUSION --&gt;
    &lt;div class=&quot;conclusion-box&quot;&gt;
      &lt;h2&gt;결론 — 끝이 아닌 진화&lt;/h2&gt;
      &lt;p&gt;
        프롬프트 엔지니어링은 끝나지 않았다. 하지만 그 모습은 완전히 달라졌다. 특수 기법을 외우고 특정 주문을 쓰는 시대는 지났지만, AI와 효과적으로 소통하고 AI 시스템을 설계하는 능력은 오히려 더 중요해지고 있다.
      &lt;/p&gt;
      &lt;p&gt;
        추상화 레이어가 높아질수록 더 복잡한 문제를 다루게 된다. 스프레드시트가 계산을 자동화했지만 재무 분석가가 사라지지 않은 것처럼, AI가 '알아서 이해'하게 될수록 사람이 집중해야 할 문제는 더 고차원으로 이동한다.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;진짜 질문은 &quot;프롬프트 엔지니어링이 끝났나?&quot;가 아니라 &quot;당신은 다음 레벨의 AI 활용을 준비하고 있나?&quot;다.&lt;/strong&gt;
      &lt;/p&gt;
    &lt;/div&gt;

  &lt;/article&gt;
&lt;/div&gt;

&lt;!-- FOOTER --&gt;
&lt;footer class=&quot;article-footer&quot;&gt;
  &lt;span class=&quot;footer-note&quot;&gt;© 2026 AI분석소 &amp;nbsp;·&amp;nbsp; 무단 전재 금지&lt;/span&gt;
  &lt;button class=&quot;share-btn&quot; onclick=&quot;navigator.clipboard?.writeText(location.href); this.textContent='복사됨 ✓'&quot;&gt;링크 복사&lt;/button&gt;
&lt;/footer&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <category>AI 툴 분석</category>
      <category>AI에이전트</category>
      <category>AI트렌드</category>
      <category>AI활용</category>
      <category>ChatGPT</category>
      <category>claude</category>
      <category>GPT4</category>
      <category>LLM</category>
      <category>생성AI</category>
      <category>프롬프트엔지니어링</category>
      <category>프롬프트작성법</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/36</guid>
      <comments>https://temver.tistory.com/36#entry36comment</comments>
      <pubDate>Sat, 30 May 2026 14:36:54 +0900</pubDate>
    </item>
    <item>
      <title>RAG vs. 긴 컨텍스트 윈도우, 뭘 써야 할까?</title>
      <link>https://temver.tistory.com/35</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;RAG vs. 긴 컨텍스트 윈도우, 뭘 써야 할까?&lt;/title&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&amp;family=IBM+Plex+Mono:wght@400;600&amp;family=Noto+Sans+KR:wght@300;400;500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  :root {
    --bg: #fafaf8;
    --bg2: #f2f1ee;
    --bg3: #e9e8e4;
    --line: #dddbd5;
    --accent: #1a7f4b;
    --accent2: #1568b0;
    --accent3: #b85c00;
    --accent4: #8b2fc9;
    --text: #1a1a18;
    --text-muted: #5a5a55;
    --text-dim: #9a9990;
    --serif: 'Noto Serif KR', serif;
    --sans: 'Noto Sans KR', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
    --max: 760px;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--sans);
    font-weight: 300;
    line-height: 1.8;
    font-size: 16px;
  }

  /* ── 헤더 ── */
  .hero {
    max-width: var(--max);
    margin: 0 auto;
    padding: 80px 24px 60px;
    border-bottom: 1px solid var(--line);
  }

  .tag-row {
    display: flex;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
  }

  .tag {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    border-radius: 2px;
    text-transform: uppercase;
  }
  .tag-green { background: rgba(26,127,75,0.10);  color: var(--accent); }
  .tag-blue  { background: rgba(21,104,176,0.10); color: var(--accent2); }
  .tag-amber { background: rgba(184,92,0,0.10);   color: var(--accent3); }
  .tag-purple { background: rgba(139,47,201,0.10); color: var(--accent4); }

  h1 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(28px, 5vw, 44px);
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--text);
    margin-bottom: 20px;
  }

  .subtitle {
    font-size: 17px;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 620px;
    margin-bottom: 32px;
  }

  .meta {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--text-dim);
    display: flex;
    gap: 24px;
  }
  .meta span { color: var(--accent); }

  /* ── 본문 ── */
  .article {
    max-width: var(--max);
    margin: 0 auto;
    padding: 60px 24px 100px;
  }

  h2 {
    font-family: var(--serif);
    font-size: 26px;
    font-weight: 700;
    color: var(--text);
    margin: 56px 0 20px;
    padding-top: 56px;
    border-top: 1px solid var(--line);
    line-height: 1.35;
  }
  h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }

  h3 {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--accent2);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 36px 0 14px;
  }

  p { margin-bottom: 20px; color: var(--text); font-weight: 300; }
  strong { font-weight: 500; color: var(--text); }
  em { color: var(--accent2); font-style: normal; }

  /* ── 인포박스 ── */
  .infobox {
    background: rgba(26,127,75,0.06);
    border-left: 3px solid var(--accent);
    border-radius: 0 6px 6px 0;
    padding: 20px 24px;
    margin: 28px 0;
  }
  .infobox p { margin: 0; color: var(--text-muted); font-size: 15px; }
  .infobox .label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 8px;
    display: block;
  }

  .infobox-blue {
    background: rgba(21,104,176,0.06);
    border-left: 3px solid var(--accent2);
    border-radius: 0 6px 6px 0;
    padding: 20px 24px;
    margin: 28px 0;
  }
  .infobox-blue p { margin: 0; color: var(--text-muted); font-size: 15px; }
  .infobox-blue .label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent2);
    margin-bottom: 8px;
    display: block;
  }

  /* ── 비교 카드 ── */
  .vs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 32px 0;
  }
  @media (max-width: 560px) { .vs-grid { grid-template-columns: 1fr; } }

  .vs-card {
    background: var(--bg2);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 22px 20px;
  }
  .vs-card.rag  { border-top: 3px solid var(--accent2); }
  .vs-card.ctx  { border-top: 3px solid var(--accent4); }

  .vs-title {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 14px;
  }
  .vs-card.rag  .vs-title { color: var(--accent2); }
  .vs-card.ctx  .vs-title { color: var(--accent4); }

  .vs-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 8px;
    line-height: 1.5;
  }
  .vs-item .dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 7px;
  }
  .rag .dot  { background: var(--accent2); }
  .ctx .dot  { background: var(--accent4); }

  /* ── 트레이드오프 다이어그램 ── */
  .tradeoff-wrap {
    background: var(--bg2);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 28px 24px;
    margin: 32px 0;
  }
  .tradeoff-label {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 22px;
  }

  .metric-row {
    margin-bottom: 18px;
  }
  .metric-header {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 6px;
  }
  .metric-name { font-weight: 500; color: var(--text); }
  .metric-scores {
    display: flex;
    gap: 12px;
    font-family: var(--mono);
    font-size: 11px;
  }
  .s-rag   { color: var(--accent2); }
  .s-ctx   { color: var(--accent4); }

  .bar-track {
    height: 6px;
    background: var(--bg3);
    border-radius: 3px;
    display: flex;
    gap: 3px;
  }
  .bar-rag {
    height: 100%;
    border-radius: 3px;
    background: var(--accent2);
    opacity: 0.7;
  }
  .bar-ctx {
    height: 100%;
    border-radius: 3px;
    background: var(--accent4);
    opacity: 0.7;
  }

  .bar-legend {
    display: flex;
    gap: 18px;
    margin-top: 20px;
    font-family: var(--mono);
    font-size: 11px;
  }
  .leg { display: flex; align-items: center; gap: 6px; color: var(--text-dim); }
  .leg-dot { width: 8px; height: 8px; border-radius: 50%; }

  /* ── 코드 블록 ── */
  pre {
    background: #f5f4f0;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 20px 22px;
    overflow-x: auto;
    margin: 24px 0;
    font-family: var(--mono);
    font-size: 13px;
    line-height: 1.7;
    color: #2e2e2c;
  }
  .kw  { color: #7c3aed; }
  .fn  { color: #1568b0; }
  .str { color: #1a7f4b; }
  .cm  { color: var(--text-dim); font-style: italic; }
  .num { color: #b85c00; }
  .cls { color: #8b2fc9; }

  /* ── 의사결정 플로우 ── */
  .flow-wrap {
    background: var(--bg2);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 28px 24px;
    margin: 32px 0;
  }
  .flow-label {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 22px;
  }
  .flow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .flow-q {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
    width: 100%;
    max-width: 420px;
    align-self: center;
  }
  .flow-arrow {
    font-size: 16px;
    color: var(--text-dim);
    align-self: center;
    margin: 4px 0;
    line-height: 1;
  }
  .flow-branch {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
  }
  .flow-ans {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  .flow-cond {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--text-dim);
    letter-spacing: 0.04em;
  }
  .flow-result {
    padding: 9px 18px;
    border-radius: 4px;
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
  }
  .result-rag  { background: rgba(21,104,176,0.10); color: var(--accent2); border: 1px solid rgba(21,104,176,0.25); }
  .result-ctx  { background: rgba(139,47,201,0.10); color: var(--accent4); border: 1px solid rgba(139,47,201,0.25); }
  .result-both { background: rgba(184,92,0,0.10);  color: var(--accent3); border: 1px solid rgba(184,92,0,0.25); }
  .result-eval { background: rgba(26,127,75,0.10); color: var(--accent);  border: 1px solid rgba(26,127,75,0.25); }

  /* ── 경고/팁 박스 ── */
  .warn {
    background: rgba(184,92,0,0.07);
    border-left: 3px solid var(--accent3);
    border-radius: 0 6px 6px 0;
    padding: 18px 22px;
    margin: 28px 0;
  }
  .warn p { margin: 0; color: var(--text-muted); font-size: 15px; }
  .warn .label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent3);
    margin-bottom: 8px;
    display: block;
  }

  /* ── 비교 테이블 ── */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
  }
  th {
    font-family: var(--mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-dim);
    text-align: left;
    padding: 10px 14px;
    border-bottom: 1px solid var(--line);
  }
  td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(221,219,213,0.6);
    color: var(--text-muted);
    vertical-align: top;
  }
  td:first-child { color: var(--text); font-weight: 400; }
  tr:last-child td { border-bottom: none; }
  .good { color: var(--accent); }
  .mid  { color: var(--accent3); }
  .bad  { color: #c0392b; }
  td.rag-col  { color: var(--accent2); }
  td.ctx-col  { color: var(--accent4); }

  /* ── 마무리 ── */
  .closing {
    margin-top: 64px;
    padding-top: 40px;
    border-top: 1px solid var(--line);
  }
  .closing p { color: var(--text-muted); font-size: 15px; }

  @media (max-width: 600px) {
    h2 { font-size: 22px; }
    .meta { flex-direction: column; gap: 6px; }
    .flow-branch { flex-direction: column; align-items: center; }
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- ──────────── HERO ──────────── --&gt;
&lt;header class=&quot;hero&quot;&gt;
  &lt;div class=&quot;tag-row&quot;&gt;
    &lt;span class=&quot;tag tag-blue&quot;&gt;RAG&lt;/span&gt;
    &lt;span class=&quot;tag tag-purple&quot;&gt;컨텍스트 윈도우&lt;/span&gt;
    &lt;span class=&quot;tag tag-amber&quot;&gt;아키텍처 선택&lt;/span&gt;
    &lt;span class=&quot;tag tag-green&quot;&gt;트레이드오프&lt;/span&gt;
  &lt;/div&gt;

  &lt;h1&gt;RAG vs. 긴 컨텍스트 윈도우&lt;br&gt;&quot;그냥 다 넣으면 안 되나?&quot;&lt;/h1&gt;

  &lt;p class=&quot;subtitle&quot;&gt;
    Claude는 200K 토큰, Gemini는 1M 토큰. 모델들의 컨텍스트 창이 폭발적으로 커졌습니다.
    그렇다면 RAG는 이제 구시대 기술일까요?
    비용·정확도·지연 시간·유지 보수 네 가지 축으로 냉정하게 따져봅니다.
  &lt;/p&gt;

  &lt;div class=&quot;meta&quot;&gt;
    &lt;span&gt;2025 · 06 · 08&lt;/span&gt;
    &lt;span&gt;읽는 시간 약 &lt;span&gt;14분&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;난이도 &lt;span&gt;중급&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
&lt;/header&gt;

&lt;!-- ──────────── ARTICLE ──────────── --&gt;
&lt;main class=&quot;article&quot;&gt;

  &lt;!-- 1. 문제 정의 --&gt;
  &lt;h2&gt;왜 이 질문이 지금 중요한가&lt;/h2&gt;

  &lt;p&gt;
    2023년까지만 해도 LLM의 컨텍스트 창은 4K~8K 토큰이 전부였습니다.
    긴 문서를 처리하려면 RAG(Retrieval-Augmented Generation)가 사실상 유일한 선택지였죠.
    그런데 지금은 다릅니다.
  &lt;/p&gt;
  &lt;p&gt;
    수백 페이지의 PDF도 통째로 집어넣을 수 있게 됐습니다.
    덕분에 &quot;&lt;strong&gt;그냥 다 넣으면 되는 거 아닌가요?&lt;/strong&gt;&quot;라는 질문이 자연스럽게 나옵니다.
    실제로 일부 작업에선 이게 맞는 답입니다. 하지만 늘 그런 건 아닙니다.
  &lt;/p&gt;

  &lt;div class=&quot;infobox&quot;&gt;
    &lt;span class=&quot;label&quot;&gt;핵심 전제&lt;/span&gt;
    &lt;p&gt;
      RAG와 긴 컨텍스트는 경쟁 관계가 아닙니다.
      각자 잘하는 영역이 다른 &lt;strong&gt;보완적 도구&lt;/strong&gt;입니다.
      &quot;무엇이 더 좋은가&quot;가 아니라 &quot;언제 무엇을 쓸 것인가&quot;가 올바른 질문입니다.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- 2. 두 접근의 개념 --&gt;
  &lt;h2&gt;두 접근 방식 한눈에 보기&lt;/h2&gt;

  &lt;div class=&quot;vs-grid&quot;&gt;
    &lt;div class=&quot;vs-card rag&quot;&gt;
      &lt;div class=&quot;vs-title&quot;&gt;RAG — Retrieval-Augmented Generation&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;질문과 관련된 청크만 선별해 LLM에 전달&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;벡터 DB + 임베딩 모델 인프라 필요&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;문서 수가 늘어도 입력 토큰은 일정&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;검색 품질이 전체 품질을 좌우&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;문서 업데이트 시 인덱스만 갱신&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;vs-card ctx&quot;&gt;
      &lt;div class=&quot;vs-title&quot;&gt;Long Context — 전체 문서 삽입&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;모든 문서를 프롬프트에 그대로 삽입&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;추가 인프라 없이 API 호출 한 번으로 완결&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;문서량 비례로 입력 토큰·비용 증가&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;검색 단계 없어 &quot;Lost in the Middle&quot; 위험&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;vs-item&quot;&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span&gt;구현 단순, 프로토타입에 즉시 적용 가능&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- 3. 트레이드오프 시각화 --&gt;
  &lt;h2&gt;네 가지 축으로 비교하기&lt;/h2&gt;

  &lt;p&gt;
    추상적인 장단점 대신, 실제 결정에 영향을 미치는 네 가지 지표를 직접 비교해 봅시다.
  &lt;/p&gt;

  &lt;div class=&quot;tradeoff-wrap&quot;&gt;
    &lt;div class=&quot;tradeoff-label&quot;&gt;// tradeoff analysis — relative scores (higher = better)&lt;/div&gt;

    &lt;div class=&quot;metric-row&quot;&gt;
      &lt;div class=&quot;metric-header&quot;&gt;
        &lt;span class=&quot;metric-name&quot;&gt;비용 효율 (대용량 문서 기준)&lt;/span&gt;
        &lt;span class=&quot;metric-scores&quot;&gt;
          &lt;span class=&quot;s-rag&quot;&gt;RAG ▪ 높음&lt;/span&gt;
          &lt;span class=&quot;s-ctx&quot;&gt;Long CTX ▪ 낮음&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bar-track&quot;&gt;
        &lt;div class=&quot;bar-rag&quot; style=&quot;width:82%&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;bar-ctx&quot; style=&quot;width:15%; opacity:0.5&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;metric-row&quot;&gt;
      &lt;div class=&quot;metric-header&quot;&gt;
        &lt;span class=&quot;metric-name&quot;&gt;구현 단순성&lt;/span&gt;
        &lt;span class=&quot;metric-scores&quot;&gt;
          &lt;span class=&quot;s-rag&quot;&gt;RAG ▪ 낮음&lt;/span&gt;
          &lt;span class=&quot;s-ctx&quot;&gt;Long CTX ▪ 높음&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bar-track&quot;&gt;
        &lt;div class=&quot;bar-rag&quot; style=&quot;width:28%&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;bar-ctx&quot; style=&quot;width:68%&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;metric-row&quot;&gt;
      &lt;div class=&quot;metric-header&quot;&gt;
        &lt;span class=&quot;metric-name&quot;&gt;응답 속도 (첫 토큰까지)&lt;/span&gt;
        &lt;span class=&quot;metric-scores&quot;&gt;
          &lt;span class=&quot;s-rag&quot;&gt;RAG ▪ 중간&lt;/span&gt;
          &lt;span class=&quot;s-ctx&quot;&gt;Long CTX ▪ 낮음&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bar-track&quot;&gt;
        &lt;div class=&quot;bar-rag&quot; style=&quot;width:62%&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;bar-ctx&quot; style=&quot;width:30%&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;metric-row&quot;&gt;
      &lt;div class=&quot;metric-header&quot;&gt;
        &lt;span class=&quot;metric-name&quot;&gt;전체 맥락 파악 정확도&lt;/span&gt;
        &lt;span class=&quot;metric-scores&quot;&gt;
          &lt;span class=&quot;s-rag&quot;&gt;RAG ▪ 중간&lt;/span&gt;
          &lt;span class=&quot;s-ctx&quot;&gt;Long CTX ▪ 높음&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bar-track&quot;&gt;
        &lt;div class=&quot;bar-rag&quot; style=&quot;width:55%&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;bar-ctx&quot; style=&quot;width:88%&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;metric-row&quot;&gt;
      &lt;div class=&quot;metric-header&quot;&gt;
        &lt;span class=&quot;metric-name&quot;&gt;실시간 문서 업데이트 대응&lt;/span&gt;
        &lt;span class=&quot;metric-scores&quot;&gt;
          &lt;span class=&quot;s-rag&quot;&gt;RAG ▪ 높음&lt;/span&gt;
          &lt;span class=&quot;s-ctx&quot;&gt;Long CTX ▪ 높음&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;bar-track&quot;&gt;
        &lt;div class=&quot;bar-rag&quot; style=&quot;width:85%&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;bar-ctx&quot; style=&quot;width:80%&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;bar-legend&quot;&gt;
      &lt;div class=&quot;leg&quot;&gt;&lt;div class=&quot;leg-dot&quot; style=&quot;background:var(--accent2)&quot;&gt;&lt;/div&gt;RAG&lt;/div&gt;
      &lt;div class=&quot;leg&quot;&gt;&lt;div class=&quot;leg-dot&quot; style=&quot;background:var(--accent4)&quot;&gt;&lt;/div&gt;Long Context&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- 4. 비용 심층 분석 --&gt;
  &lt;h2&gt;비용: 숫자로 이해하기&lt;/h2&gt;

  &lt;p&gt;
    &quot;다 넣으면 된다&quot;는 생각이 무너지는 첫 번째 지점이 바로 비용입니다.
    Claude Sonnet 기준으로 간단히 계산해 봅시다.
  &lt;/p&gt;

  &lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;시나리오&lt;/th&gt;
        &lt;th&gt;입력 토큰&lt;/th&gt;
        &lt;th&gt;1,000회 호출 비용 (추정)&lt;/th&gt;
        &lt;th&gt;방식&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;사내 위키 Q&amp;A (500페이지)&lt;/td&gt;
        &lt;td&gt;~400K/호출&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;~$1,200&lt;/td&gt;
        &lt;td class=&quot;ctx-col&quot;&gt;Long Context&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;사내 위키 Q&amp;A (500페이지)&lt;/td&gt;
        &lt;td&gt;~3K/호출&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;~$9&lt;/td&gt;
        &lt;td class=&quot;rag-col&quot;&gt;RAG (Top-5 청크)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;계약서 단건 검토 (30페이지)&lt;/td&gt;
        &lt;td&gt;~24K/호출&lt;/td&gt;
        &lt;td class=&quot;mid&quot;&gt;~$72&lt;/td&gt;
        &lt;td class=&quot;ctx-col&quot;&gt;Long Context&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;계약서 단건 검토 (30페이지)&lt;/td&gt;
        &lt;td&gt;~24K/호출&lt;/td&gt;
        &lt;td class=&quot;mid&quot;&gt;~$72&lt;/td&gt;
        &lt;td class=&quot;rag-col&quot;&gt;RAG (비효율, 비추천)&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;div class=&quot;warn&quot;&gt;
    &lt;span class=&quot;label&quot;&gt;⚠ 주의&lt;/span&gt;
    &lt;p&gt;
      문서가 &lt;strong&gt;수십 페이지 이하 단건&lt;/strong&gt;이라면 Long Context가 합리적입니다.
      하지만 동일한 대규모 문서 집합에 &lt;strong&gt;반복적으로 질의&lt;/strong&gt;하는 구조라면
      비용 차이가 수백 배까지 벌어질 수 있습니다.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- 5. 정확도 문제: Lost in the Middle --&gt;
  &lt;h2&gt;정확도: Lost in the Middle 문제&lt;/h2&gt;

  &lt;p&gt;
    긴 컨텍스트의 가장 큰 함정은 &lt;strong&gt;&quot;Lost in the Middle&quot;&lt;/strong&gt; 현상입니다.
    LLM은 컨텍스트의 앞부분과 뒷부분은 잘 기억하지만,
    중간 부분의 정보는 상대적으로 소홀히 처리하는 경향이 있습니다.
  &lt;/p&gt;

  &lt;div class=&quot;infobox-blue&quot;&gt;
    &lt;span class=&quot;label&quot;&gt;연구 배경&lt;/span&gt;
    &lt;p&gt;
      2023년 Stanford 연구에 따르면 관련 문서가 컨텍스트 중간에 위치할 때
      모델 성능이 최대 20%포인트 이상 하락하는 것이 관찰됐습니다.
      이는 긴 컨텍스트를 사용할 때 &lt;strong&gt;문서 순서 설계&lt;/strong&gt;가 중요함을 시사합니다.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;p&gt;
    반면 RAG는 검색 단계에서 이미 관련 청크를 선별하므로,
    LLM에게 전달되는 정보의 밀도가 높습니다.
    단, RAG의 정확도는 검색 품질에 강하게 의존합니다—
    &lt;em&gt;검색이 실패하면 정답이 있어도 모델이 볼 수 없습니다.&lt;/em&gt;
  &lt;/p&gt;

  &lt;!-- 6. 구현 코드 --&gt;
  &lt;h2&gt;하이브리드 접근: 실전 구현&lt;/h2&gt;

  &lt;p&gt;
    실제로는 두 방식을 &lt;strong&gt;함께 사용&lt;/strong&gt;하는 것이 가장 강력합니다.
    RAG로 후보 청크를 좁히고, 그 청크들을 컨텍스트로 넘기는 패턴입니다.
  &lt;/p&gt;

  &lt;h3&gt;청크 검색 + LLM 호출 파이프라인&lt;/h3&gt;

&lt;pre&gt;&lt;span class=&quot;kw&quot;&gt;from&lt;/span&gt; anthropic &lt;span class=&quot;kw&quot;&gt;import&lt;/span&gt; Anthropic
&lt;span class=&quot;kw&quot;&gt;from&lt;/span&gt; typing &lt;span class=&quot;kw&quot;&gt;import&lt;/span&gt; Protocol

client = Anthropic()

&lt;span class=&quot;kw&quot;&gt;class&lt;/span&gt; &lt;span class=&quot;cls&quot;&gt;VectorStore&lt;/span&gt;(Protocol):
    &lt;span class=&quot;kw&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;search&lt;/span&gt;(self, query: str, top_k: &lt;span class=&quot;fn&quot;&gt;int&lt;/span&gt;) -&gt; &lt;span class=&quot;fn&quot;&gt;list&lt;/span&gt;[dict]: ...

&lt;span class=&quot;kw&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;rag_query&lt;/span&gt;(
    question: str,
    store: &lt;span class=&quot;cls&quot;&gt;VectorStore&lt;/span&gt;,
    top_k: &lt;span class=&quot;fn&quot;&gt;int&lt;/span&gt; = &lt;span class=&quot;num&quot;&gt;5&lt;/span&gt;,
    rerank: bool = &lt;span class=&quot;kw&quot;&gt;True&lt;/span&gt;
) -&gt; str:
    &lt;span class=&quot;cm&quot;&gt;# 1단계: 벡터 검색으로 후보 청크 수집&lt;/span&gt;
    chunks = store.&lt;span class=&quot;fn&quot;&gt;search&lt;/span&gt;(question, top_k=top_k * &lt;span class=&quot;num&quot;&gt;2&lt;/span&gt;)

    &lt;span class=&quot;cm&quot;&gt;# 2단계: 선택적 재순위화 (LLM-as-reranker)&lt;/span&gt;
    &lt;span class=&quot;kw&quot;&gt;if&lt;/span&gt; rerank:
        chunks = &lt;span class=&quot;fn&quot;&gt;llm_rerank&lt;/span&gt;(question, chunks, top_k)

    &lt;span class=&quot;cm&quot;&gt;# 3단계: 컨텍스트 조립&lt;/span&gt;
    context = &lt;span class=&quot;str&quot;&gt;&quot;\n\n---\n\n&quot;&lt;/span&gt;.&lt;span class=&quot;fn&quot;&gt;join&lt;/span&gt;(
        &lt;span class=&quot;str&quot;&gt;f&quot;[출처: {c['source']}, 페이지 {c['page']}]\n{c['text']}&quot;&lt;/span&gt;
        &lt;span class=&quot;kw&quot;&gt;for&lt;/span&gt; c &lt;span class=&quot;kw&quot;&gt;in&lt;/span&gt; chunks[:top_k]
    )

    &lt;span class=&quot;cm&quot;&gt;# 4단계: LLM 호출&lt;/span&gt;
    response = client.messages.&lt;span class=&quot;fn&quot;&gt;create&lt;/span&gt;(
        model=&lt;span class=&quot;str&quot;&gt;&quot;claude-sonnet-4-20250514&quot;&lt;/span&gt;,
        max_tokens=&lt;span class=&quot;num&quot;&gt;2048&lt;/span&gt;,
        system=&lt;span class=&quot;str&quot;&gt;&quot;&quot;&quot;당신은 제공된 문서만을 근거로 답변합니다.
문서에 없는 내용은 '문서에서 확인할 수 없습니다'라고 명시하세요.&quot;&quot;&quot;&lt;/span&gt;,
        messages=[{
            &lt;span class=&quot;str&quot;&gt;&quot;role&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;user&quot;&lt;/span&gt;,
            &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;f&quot;참고 문서:\n{context}\n\n질문: {question}&quot;&lt;/span&gt;
        }]
    )
    &lt;span class=&quot;kw&quot;&gt;return&lt;/span&gt; response.content[&lt;span class=&quot;num&quot;&gt;0&lt;/span&gt;].text


&lt;span class=&quot;kw&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;llm_rerank&lt;/span&gt;(question: str, chunks: &lt;span class=&quot;fn&quot;&gt;list&lt;/span&gt;, top_k: &lt;span class=&quot;fn&quot;&gt;int&lt;/span&gt;) -&gt; &lt;span class=&quot;fn&quot;&gt;list&lt;/span&gt;:
    &lt;span class=&quot;cm&quot;&gt;# 각 청크의 관련성을 LLM이 0-10으로 평가&lt;/span&gt;
    prompt = &lt;span class=&quot;str&quot;&gt;f&quot;&quot;&quot;다음 청크들을 질문과의 관련성 순으로 상위 {top_k}개 선별하세요.
질문: {question}
청크 목록: {[c['text'][:200] for c in chunks]}
JSON 배열로 인덱스만 반환: [0, 3, 1, ...]&quot;&quot;&quot;&lt;/span&gt;

    res = client.messages.&lt;span class=&quot;fn&quot;&gt;create&lt;/span&gt;(
        model=&lt;span class=&quot;str&quot;&gt;&quot;claude-haiku-4-5-20251001&quot;&lt;/span&gt;,  &lt;span class=&quot;cm&quot;&gt;# 저렴한 모델로 재순위화&lt;/span&gt;
        max_tokens=&lt;span class=&quot;num&quot;&gt;100&lt;/span&gt;,
        messages=[{&lt;span class=&quot;str&quot;&gt;&quot;role&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;user&quot;&lt;/span&gt;, &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: prompt}]
    )
    &lt;span class=&quot;kw&quot;&gt;import&lt;/span&gt; json
    indices = json.&lt;span class=&quot;fn&quot;&gt;loads&lt;/span&gt;(res.content[&lt;span class=&quot;num&quot;&gt;0&lt;/span&gt;].text)
    &lt;span class=&quot;kw&quot;&gt;return&lt;/span&gt; [chunks[i] &lt;span class=&quot;kw&quot;&gt;for&lt;/span&gt; i &lt;span class=&quot;kw&quot;&gt;in&lt;/span&gt; indices[:top_k]]&lt;/pre&gt;

  &lt;!-- 7. 의사결정 플로우 --&gt;
  &lt;h2&gt;결국 언제 무엇을 써야 하나&lt;/h2&gt;

  &lt;p&gt;
    모든 상황을 커버하는 단일 규칙은 없지만,
    실무에서 반복적으로 유효했던 의사결정 흐름을 정리했습니다.
  &lt;/p&gt;

  &lt;div class=&quot;flow-wrap&quot;&gt;
    &lt;div class=&quot;flow-label&quot;&gt;// decision flow — which approach to pick&lt;/div&gt;
    &lt;div class=&quot;flow&quot;&gt;

      &lt;div class=&quot;flow-q&quot;&gt;총 문서 크기가 컨텍스트 한도의 30% 이하인가?&lt;/div&gt;
      &lt;div class=&quot;flow-arrow&quot;&gt;↓&lt;/div&gt;
      &lt;div class=&quot;flow-branch&quot;&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;YES&lt;/span&gt;
          &lt;div class=&quot;flow-result result-ctx&quot;&gt;Long Context 고려&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;NO&lt;/span&gt;
          &lt;div class=&quot;flow-result result-rag&quot;&gt;RAG 필수&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;flow-arrow&quot; style=&quot;margin-top:16px&quot;&gt;↓ (Long Context 고려 시)&lt;/div&gt;
      &lt;div class=&quot;flow-q&quot;&gt;동일 문서셋에 하루 100회 이상 반복 질의하는가?&lt;/div&gt;
      &lt;div class=&quot;flow-arrow&quot;&gt;↓&lt;/div&gt;
      &lt;div class=&quot;flow-branch&quot;&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;YES&lt;/span&gt;
          &lt;div class=&quot;flow-result result-rag&quot;&gt;RAG로 전환 (비용)&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;NO&lt;/span&gt;
          &lt;div class=&quot;flow-result result-ctx&quot;&gt;Long Context OK&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;flow-arrow&quot; style=&quot;margin-top:16px&quot;&gt;↓ (복잡한 추론 작업)&lt;/div&gt;
      &lt;div class=&quot;flow-q&quot;&gt;문서 전체 맥락을 종합해야 하는가?&lt;/div&gt;
      &lt;div class=&quot;flow-arrow&quot;&gt;↓&lt;/div&gt;
      &lt;div class=&quot;flow-branch&quot;&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;YES&lt;/span&gt;
          &lt;div class=&quot;flow-result result-both&quot;&gt;Hybrid (RAG + Long CTX)&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;flow-ans&quot;&gt;
          &lt;span class=&quot;flow-cond&quot;&gt;NO&lt;/span&gt;
          &lt;div class=&quot;flow-result result-rag&quot;&gt;RAG 충분&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- 8. 요약 테이블 --&gt;
  &lt;h2&gt;한 줄 요약 정리&lt;/h2&gt;

  &lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;상황&lt;/th&gt;
        &lt;th&gt;추천&lt;/th&gt;
        &lt;th&gt;이유&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;소규모 문서 단건 분석 (≤50페이지)&lt;/td&gt;
        &lt;td class=&quot;ctx-col good&quot;&gt;Long Context&lt;/td&gt;
        &lt;td&gt;구현 간단, 비용 차이 미미&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;대규모 문서 반복 질의 (사내 위키, 매뉴얼)&lt;/td&gt;
        &lt;td class=&quot;rag-col good&quot;&gt;RAG&lt;/td&gt;
        &lt;td&gt;비용 수십~수백 배 절감&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;프로토타입 / PoC&lt;/td&gt;
        &lt;td class=&quot;ctx-col good&quot;&gt;Long Context&lt;/td&gt;
        &lt;td&gt;빠른 검증, 인프라 불필요&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;프로덕션 (대용량)&lt;/td&gt;
        &lt;td class=&quot;rag-col good&quot;&gt;RAG&lt;/td&gt;
        &lt;td&gt;비용·속도·확장성 모두 유리&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;복잡한 다문서 추론&lt;/td&gt;
        &lt;td class=&quot;mid&quot;&gt;Hybrid&lt;/td&gt;
        &lt;td&gt;RAG로 압축 → Long CTX로 종합&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;실시간 스트리밍 데이터&lt;/td&gt;
        &lt;td class=&quot;ctx-col good&quot;&gt;Long Context&lt;/td&gt;
        &lt;td&gt;인덱싱 지연 없이 즉시 처리&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;!-- 9. 마무리 --&gt;
  &lt;div class=&quot;closing&quot;&gt;
    &lt;h3&gt;결론&lt;/h3&gt;
    &lt;p&gt;
      긴 컨텍스트 윈도우는 RAG를 대체하지 않습니다.
      &lt;strong&gt;프로토타입 속도&lt;/strong&gt;가 필요하다면 Long Context,
      &lt;strong&gt;프로덕션 규모의 비용과 성능&lt;/strong&gt;이 필요하다면 RAG—
      그리고 복잡한 추론이 필요하다면 둘을 함께 쓰는 것이 현실적인 답입니다.
    &lt;/p&gt;
    &lt;p&gt;
      다음 글에서는 RAG의 핵심 병목인 &lt;em&gt;청크 전략과 하이브리드 검색&lt;/em&gt;(BM25 + 벡터)을
      코드와 함께 심층적으로 다룰 예정입니다.
    &lt;/p&gt;
  &lt;/div&gt;

&lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>자동화 생산성</category>
      <category>ai아키텍처</category>
      <category>claude</category>
      <category>LLM</category>
      <category>rag</category>
      <category>검색증강생성</category>
      <category>벡터db</category>
      <category>비용최적화</category>
      <category>임베딩</category>
      <category>컨텍스트윈도우</category>
      <category>프롬프트엔지니어링</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/35</guid>
      <comments>https://temver.tistory.com/35#entry35comment</comments>
      <pubDate>Wed, 27 May 2026 16:27:06 +0900</pubDate>
    </item>
    <item>
      <title>멀티 에이전트 워크플로우 실전 가이드</title>
      <link>https://temver.tistory.com/34</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;멀티 에이전트 워크플로우 실전 가이드&lt;/title&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&amp;family=IBM+Plex+Mono:wght@400;600&amp;family=Noto+Sans+KR:wght@300;400;500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  :root {
    --bg: #fafaf8;
    --bg2: #f2f1ee;
    --bg3: #e9e8e4;
    --line: #dddbd5;
    --accent: #1a7f4b;
    --accent2: #1568b0;
    --accent3: #b85c00;
    --text: #1a1a18;
    --text-muted: #5a5a55;
    --text-dim: #9a9990;
    --serif: 'Noto Serif KR', serif;
    --sans: 'Noto Sans KR', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
    --max: 760px;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--sans);
    font-weight: 300;
    line-height: 1.8;
    font-size: 16px;
  }

  /* ── 헤더 ── */
  .hero {
    max-width: var(--max);
    margin: 0 auto;
    padding: 80px 24px 60px;
    border-bottom: 1px solid var(--line);
  }

  .tag-row {
    display: flex;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
  }

  .tag {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    border-radius: 2px;
    text-transform: uppercase;
  }
  .tag-green { background: rgba(26,127,75,0.10);  color: var(--accent); }
  .tag-blue  { background: rgba(21,104,176,0.10); color: var(--accent2); }
  .tag-amber { background: rgba(184,92,0,0.10);   color: var(--accent3); }

  h1 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(28px, 5vw, 44px);
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--text);
    margin-bottom: 20px;
  }

  .subtitle {
    font-size: 17px;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 620px;
    margin-bottom: 32px;
  }

  .meta {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--text-dim);
    display: flex;
    gap: 24px;
  }
  .meta span { color: var(--accent); }

  /* ── 본문 레이아웃 ── */
  .article {
    max-width: var(--max);
    margin: 0 auto;
    padding: 60px 24px 100px;
  }

  h2 {
    font-family: var(--serif);
    font-size: 26px;
    font-weight: 700;
    color: var(--text);
    margin: 56px 0 20px;
    padding-top: 56px;
    border-top: 1px solid var(--line);
    line-height: 1.35;
  }
  h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }

  h3 {
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 36px 0 14px;
  }

  p { margin-bottom: 20px; color: var(--text); font-weight: 300; }

  strong { font-weight: 500; color: #fff; }

  em { color: var(--accent2); font-style: normal; }

  /* ── 인포박스 ── */
  .infobox {
    background: rgba(26,127,75,0.06);
    border-left: 3px solid var(--accent);
    border-radius: 0 6px 6px 0;
    padding: 20px 24px;
    margin: 28px 0;
  }
  .infobox p { margin: 0; color: var(--text-muted); font-size: 15px; }
  .infobox .label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 8px;
    display: block;
  }

  /* ── 아키텍처 다이어그램 ── */
  .diagram-wrap {
    background: var(--bg2);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 32px 24px;
    margin: 32px 0;
  }
  .diagram-label {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
  }
  .diagram {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .d-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    flex-wrap: wrap;
  }
  .d-box {
    background: var(--bg3);
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 10px 16px;
    font-family: var(--mono);
    font-size: 13px;
    color: var(--text);
    white-space: nowrap;
  }
  .d-box.orchestrator {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(26,127,75,0.07);
  }
  .d-box.agent {
    border-color: var(--accent2);
    color: var(--accent2);
    background: rgba(21,104,176,0.07);
  }
  .d-box.tool {
    border-color: var(--accent3);
    color: var(--accent3);
    background: rgba(184,92,0,0.07);
  }
  .d-arrow {
    color: var(--text-dim);
    font-size: 18px;
    line-height: 1;
  }
  .d-center { justify-content: center; }
  .d-sub {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 4px 0;
  }

  /* ── 코드 블록 ── */
  pre {
    background: #f5f4f0;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 20px 22px;
    overflow-x: auto;
    margin: 24px 0;
    font-family: var(--mono);
    font-size: 13px;
    line-height: 1.7;
    color: #2e2e2c;
  }
  .kw { color: #7c3aed; }
  .fn { color: #1568b0; }
  .str { color: #1a7f4b; }
  .cm { color: var(--text-dim); font-style: italic; }
  .num { color: #b85c00; }

  /* ── 패턴 카드 ── */
  .pattern-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    margin: 28px 0;
  }
  .pattern-card {
    background: var(--bg2);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 18px 18px 16px;
    transition: border-color 0.2s;
  }
  .pattern-card:hover { border-color: var(--accent2); }
  .pc-num {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--text-dim);
    margin-bottom: 8px;
    letter-spacing: 0.06em;
  }
  .pc-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 8px;
  }
  .pc-desc {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
  }

  /* ── 경고 박스 ── */
  .warn {
    background: rgba(184,92,0,0.07);
    border-left: 3px solid var(--accent3);
    border-radius: 0 6px 6px 0;
    padding: 18px 22px;
    margin: 28px 0;
  }
  .warn p { margin: 0; color: var(--text-muted); font-size: 15px; }
  .warn .label { color: var(--accent3); }

  /* ── 비교 테이블 ── */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
  }
  th {
    font-family: var(--mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-dim);
    text-align: left;
    padding: 10px 14px;
    border-bottom: 1px solid var(--line);
  }
  td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(42,45,54,0.6);
    color: var(--text-muted);
    vertical-align: top;
  }
  td:first-child { color: var(--text); font-weight: 400; }
  tr:last-child td { border-bottom: none; }
  .good { color: var(--accent); }
  .bad  { color: #c0392b; }

  /* ── 마무리 ── */
  .closing {
    margin-top: 64px;
    padding-top: 40px;
    border-top: 1px solid var(--line);
  }
  .closing p { color: var(--text-muted); font-size: 15px; }

  hr { border: none; border-top: 1px solid var(--line); margin: 48px 0; }

  @media (max-width: 600px) {
    h2 { font-size: 22px; }
    .meta { flex-direction: column; gap: 6px; }
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- ──────────── HERO ──────────── --&gt;
&lt;header class=&quot;hero&quot;&gt;
  &lt;div class=&quot;tag-row&quot;&gt;
    &lt;span class=&quot;tag tag-green&quot;&gt;AI 엔지니어링&lt;/span&gt;
    &lt;span class=&quot;tag tag-blue&quot;&gt;멀티 에이전트&lt;/span&gt;
    &lt;span class=&quot;tag tag-amber&quot;&gt;실전 가이드&lt;/span&gt;
  &lt;/div&gt;

  &lt;h1&gt;LLM 단독 호출을 넘어서&lt;br&gt;멀티 에이전트 워크플로우 실전 가이드&lt;/h1&gt;

  &lt;p class=&quot;subtitle&quot;&gt;
    단순 프롬프트 엔지니어링의 한계를 어떻게 극복할까요?
    오케스트레이터-에이전트 패턴으로 복잡한 작업을 자동화하는 방법을
    코드와 함께 단계별로 살펴봅니다.
  &lt;/p&gt;

  &lt;div class=&quot;meta&quot;&gt;
    &lt;span&gt;2025 · 06 · 01&lt;/span&gt;
    &lt;span&gt;읽는 시간 약 &lt;span&gt;12분&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;난이도 &lt;span&gt;중급&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
&lt;/header&gt;

&lt;!-- ──────────── ARTICLE ──────────── --&gt;
&lt;main class=&quot;article&quot;&gt;

  &lt;!-- 1. 왜 멀티 에이전트인가 --&gt;
  &lt;h2&gt;왜 지금 멀티 에이전트인가&lt;/h2&gt;

  &lt;p&gt;
    GPT-4, Claude, Gemini 같은 강력한 모델이 등장하면서 처음에는
    &lt;strong&gt;&quot;프롬프트만 잘 짜면 된다&quot;&lt;/strong&gt;는 기대가 높았습니다.
    실제로 단순한 Q&amp;A나 요약, 번역 같은 작업은 단일 LLM 호출로도 충분합니다.
    하지만 현실의 업무는 다릅니다.
  &lt;/p&gt;
  &lt;p&gt;
    수십 개의 파일을 분석해 보고서를 쓰거나, 외부 API를 조합해 데이터를 수집하고,
    그 결과를 검증하고 다시 처리하는 파이프라인—이런 작업에서는
    단일 LLM 호출이 &lt;em&gt;컨텍스트 한계&lt;/em&gt;와 &lt;em&gt;신뢰성 한계&lt;/em&gt;에 금방 부딪힙니다.
  &lt;/p&gt;

  &lt;div class=&quot;infobox&quot;&gt;
    &lt;span class=&quot;label&quot;&gt;핵심 통찰&lt;/span&gt;
    &lt;p&gt;
      멀티 에이전트 워크플로우는 &quot;모델을 더 스마트하게 만드는 것&quot;이 아닙니다.
      복잡한 작업을 &lt;strong&gt;검증 가능한 작은 단계로 분해&lt;/strong&gt;하여
      각 단계에서 모델이 집중할 수 있도록 설계하는 시스템 엔지니어링입니다.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- 2. 핵심 패턴 3가지 --&gt;
  &lt;h2&gt;핵심 패턴 세 가지&lt;/h2&gt;

  &lt;p&gt;
    실무에서 반복적으로 등장하는 패턴이 있습니다. 모든 복잡한 에이전트 시스템은
    결국 이 세 가지를 조합한 것입니다.
  &lt;/p&gt;

  &lt;div class=&quot;pattern-grid&quot;&gt;
    &lt;div class=&quot;pattern-card&quot;&gt;
      &lt;div class=&quot;pc-num&quot;&gt;01&lt;/div&gt;
      &lt;div class=&quot;pc-title&quot;&gt;오케스트레이터 / 서브에이전트&lt;/div&gt;
      &lt;p class=&quot;pc-desc&quot;&gt;
        계획을 수립하는 LLM이 전문화된 에이전트에게 작업을 위임합니다.
        가장 일반적이고 확장성이 높은 패턴입니다.
      &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;pattern-card&quot;&gt;
      &lt;div class=&quot;pc-num&quot;&gt;02&lt;/div&gt;
      &lt;div class=&quot;pc-title&quot;&gt;파이프라인 체인&lt;/div&gt;
      &lt;p class=&quot;pc-desc&quot;&gt;
        각 단계의 출력이 다음 단계의 입력이 됩니다.
        예측 가능한 순서가 있는 ETL, 문서 처리에 적합합니다.
      &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;pattern-card&quot;&gt;
      &lt;div class=&quot;pc-num&quot;&gt;03&lt;/div&gt;
      &lt;div class=&quot;pc-title&quot;&gt;평가자-최적화 루프&lt;/div&gt;
      &lt;p class=&quot;pc-desc&quot;&gt;
        에이전트 A가 생성하고, 에이전트 B가 평가하고, 결과가 기준을 통과할 때까지
        반복합니다. 고품질 출력이 필요할 때 사용합니다.
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- 3. 아키텍처 --&gt;
  &lt;h2&gt;아키텍처 설계하기&lt;/h2&gt;

  &lt;p&gt;
    오케스트레이터-에이전트 패턴의 실제 구조를 살펴봅시다.
    아래 다이어그램은 &quot;경쟁사 분석 리포트 자동 생성&quot; 시스템의 예입니다.
  &lt;/p&gt;

  &lt;div class=&quot;diagram-wrap&quot;&gt;
    &lt;div class=&quot;diagram-label&quot;&gt;// architecture — competitor analysis pipeline&lt;/div&gt;
    &lt;div class=&quot;diagram&quot;&gt;

      &lt;div class=&quot;d-row d-center&quot;&gt;
        &lt;div class=&quot;d-box orchestrator&quot;&gt;  Orchestrator LLM&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;d-row d-center&quot;&gt;
        &lt;div class=&quot;d-arrow&quot;&gt;↓&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;d-row d-center&quot; style=&quot;gap:12px;&quot;&gt;
        &lt;div class=&quot;d-box agent&quot;&gt;  Research Agent&lt;/div&gt;
        &lt;div class=&quot;d-box agent&quot;&gt;  Analysis Agent&lt;/div&gt;
        &lt;div class=&quot;d-box agent&quot;&gt;✍️ Writer Agent&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;d-row d-center&quot;&gt;
        &lt;div class=&quot;d-arrow&quot;&gt;↓&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;d-sub&quot;&gt;
        &lt;div class=&quot;d-box tool&quot;&gt;Web Search&lt;/div&gt;
        &lt;div class=&quot;d-box tool&quot;&gt;DB Query&lt;/div&gt;
        &lt;div class=&quot;d-box tool&quot;&gt;Chart API&lt;/div&gt;
        &lt;div class=&quot;d-box tool&quot;&gt;Markdown Export&lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;
  &lt;/div&gt;

  &lt;p&gt;
    &lt;strong&gt;오케스트레이터&lt;/strong&gt;는 목표를 받아 계획을 세우고 서브 에이전트를 호출합니다.
    각 에이전트는 자신에게 필요한 &lt;em&gt;도구(Tool)&lt;/em&gt;만 갖습니다.
    이 분리 덕분에 각 에이전트를 독립적으로 테스트하고 교체할 수 있습니다.
  &lt;/p&gt;

  &lt;!-- 4. 코드 구현 --&gt;
  &lt;h2&gt;파이썬으로 직접 구현하기&lt;/h2&gt;

  &lt;h3&gt;기본 에이전트 루프&lt;/h3&gt;
  &lt;p&gt;
    복잡한 프레임워크 없이도 핵심 로직은 단순합니다.
    에이전트의 본질은 &lt;strong&gt;생각 → 행동 → 관찰&lt;/strong&gt;의 반복입니다.
  &lt;/p&gt;

&lt;pre&gt;&lt;span class=&quot;kw&quot;&gt;import&lt;/span&gt; anthropic
&lt;span class=&quot;kw&quot;&gt;from&lt;/span&gt; typing &lt;span class=&quot;kw&quot;&gt;import&lt;/span&gt; Callable

client = anthropic.&lt;span class=&quot;fn&quot;&gt;Anthropic&lt;/span&gt;()

&lt;span class=&quot;kw&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;run_agent&lt;/span&gt;(
    task: str,
    tools: &lt;span class=&quot;fn&quot;&gt;list&lt;/span&gt;[dict],
    tool_handlers: &lt;span class=&quot;fn&quot;&gt;dict&lt;/span&gt;[str, Callable],
    max_steps: &lt;span class=&quot;fn&quot;&gt;int&lt;/span&gt; = &lt;span class=&quot;num&quot;&gt;10&lt;/span&gt;
) -&gt; str:
    messages = [{&lt;span class=&quot;str&quot;&gt;&quot;role&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;user&quot;&lt;/span&gt;, &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: task}]

    &lt;span class=&quot;kw&quot;&gt;for&lt;/span&gt; _ &lt;span class=&quot;kw&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;range&lt;/span&gt;(max_steps):
        response = client.messages.&lt;span class=&quot;fn&quot;&gt;create&lt;/span&gt;(
            model=&lt;span class=&quot;str&quot;&gt;&quot;claude-sonnet-4-20250514&quot;&lt;/span&gt;,
            max_tokens=&lt;span class=&quot;num&quot;&gt;4096&lt;/span&gt;,
            tools=tools,
            messages=messages
        )

        &lt;span class=&quot;cm&quot;&gt;# 도구 호출이 없으면 최종 답변 반환&lt;/span&gt;
        &lt;span class=&quot;kw&quot;&gt;if&lt;/span&gt; response.stop_reason == &lt;span class=&quot;str&quot;&gt;&quot;end_turn&quot;&lt;/span&gt;:
            &lt;span class=&quot;kw&quot;&gt;return&lt;/span&gt; response.content[&lt;span class=&quot;num&quot;&gt;0&lt;/span&gt;].text

        &lt;span class=&quot;cm&quot;&gt;# 도구 호출 처리&lt;/span&gt;
        tool_results = []
        &lt;span class=&quot;kw&quot;&gt;for&lt;/span&gt; block &lt;span class=&quot;kw&quot;&gt;in&lt;/span&gt; response.content:
            &lt;span class=&quot;kw&quot;&gt;if&lt;/span&gt; block.type == &lt;span class=&quot;str&quot;&gt;&quot;tool_use&quot;&lt;/span&gt;:
                handler = tool_handlers[block.name]
                result = &lt;span class=&quot;fn&quot;&gt;handler&lt;/span&gt;(**block.input)
                tool_results.&lt;span class=&quot;fn&quot;&gt;append&lt;/span&gt;({
                    &lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;tool_result&quot;&lt;/span&gt;,
                    &lt;span class=&quot;str&quot;&gt;&quot;tool_use_id&quot;&lt;/span&gt;: block.id,
                    &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: &lt;span class=&quot;fn&quot;&gt;str&lt;/span&gt;(result)
                })

        &lt;span class=&quot;cm&quot;&gt;# 대화 히스토리 업데이트&lt;/span&gt;
        messages += [
            {&lt;span class=&quot;str&quot;&gt;&quot;role&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;assistant&quot;&lt;/span&gt;, &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: response.content},
            {&lt;span class=&quot;str&quot;&gt;&quot;role&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;user&quot;&lt;/span&gt;, &lt;span class=&quot;str&quot;&gt;&quot;content&quot;&lt;/span&gt;: tool_results}
        ]

    &lt;span class=&quot;kw&quot;&gt;raise&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;RuntimeError&lt;/span&gt;(&lt;span class=&quot;str&quot;&gt;&quot;Max steps exceeded&quot;&lt;/span&gt;)&lt;/pre&gt;

  &lt;h3&gt;오케스트레이터 구현&lt;/h3&gt;
  &lt;p&gt;
    오케스트레이터는 서브 에이전트 자체를 &lt;em&gt;도구&lt;/em&gt;로 등록합니다.
    이렇게 하면 LLM이 어떤 에이전트를 언제 호출할지 스스로 결정합니다.
  &lt;/p&gt;

&lt;pre&gt;&lt;span class=&quot;kw&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;fn&quot;&gt;create_orchestrator&lt;/span&gt;():
    &lt;span class=&quot;cm&quot;&gt;# 서브 에이전트를 도구로 래핑&lt;/span&gt;
    agent_tools = [
        {
            &lt;span class=&quot;str&quot;&gt;&quot;name&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;research_agent&quot;&lt;/span&gt;,
            &lt;span class=&quot;str&quot;&gt;&quot;description&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;웹에서 정보를 수집하고 요약합니다&quot;&lt;/span&gt;,
            &lt;span class=&quot;str&quot;&gt;&quot;input_schema&quot;&lt;/span&gt;: {
                &lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;object&quot;&lt;/span&gt;,
                &lt;span class=&quot;str&quot;&gt;&quot;properties&quot;&lt;/span&gt;: {
                    &lt;span class=&quot;str&quot;&gt;&quot;query&quot;&lt;/span&gt;: {&lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;string&quot;&lt;/span&gt;},
                    &lt;span class=&quot;str&quot;&gt;&quot;depth&quot;&lt;/span&gt;: {&lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;integer&quot;&lt;/span&gt;, &lt;span class=&quot;str&quot;&gt;&quot;default&quot;&lt;/span&gt;: &lt;span class=&quot;num&quot;&gt;3&lt;/span&gt;}
                }
            }
        },
        {
            &lt;span class=&quot;str&quot;&gt;&quot;name&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;analysis_agent&quot;&lt;/span&gt;,
            &lt;span class=&quot;str&quot;&gt;&quot;description&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;데이터를 분석하고 인사이트를 추출합니다&quot;&lt;/span&gt;,
            &lt;span class=&quot;str&quot;&gt;&quot;input_schema&quot;&lt;/span&gt;: {
                &lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;object&quot;&lt;/span&gt;,
                &lt;span class=&quot;str&quot;&gt;&quot;properties&quot;&lt;/span&gt;: {
                    &lt;span class=&quot;str&quot;&gt;&quot;data&quot;&lt;/span&gt;: {&lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;string&quot;&lt;/span&gt;},
                    &lt;span class=&quot;str&quot;&gt;&quot;focus&quot;&lt;/span&gt;: {&lt;span class=&quot;str&quot;&gt;&quot;type&quot;&lt;/span&gt;: &lt;span class=&quot;str&quot;&gt;&quot;string&quot;&lt;/span&gt;}
                }
            }
        }
    ]

    handlers = {
        &lt;span class=&quot;str&quot;&gt;&quot;research_agent&quot;&lt;/span&gt;: &lt;span class=&quot;kw&quot;&gt;lambda&lt;/span&gt; **kw: &lt;span class=&quot;fn&quot;&gt;run_agent&lt;/span&gt;(
            kw[&lt;span class=&quot;str&quot;&gt;&quot;query&quot;&lt;/span&gt;], research_tools, research_handlers
        ),
        &lt;span class=&quot;str&quot;&gt;&quot;analysis_agent&quot;&lt;/span&gt;: &lt;span class=&quot;kw&quot;&gt;lambda&lt;/span&gt; **kw: &lt;span class=&quot;fn&quot;&gt;run_agent&lt;/span&gt;(
            kw[&lt;span class=&quot;str&quot;&gt;&quot;data&quot;&lt;/span&gt;], analysis_tools, analysis_handlers
        )
    }

    &lt;span class=&quot;kw&quot;&gt;return lambda&lt;/span&gt; task: &lt;span class=&quot;fn&quot;&gt;run_agent&lt;/span&gt;(task, agent_tools, handlers)&lt;/pre&gt;

  &lt;!-- 5. 함정과 해결책 --&gt;
  &lt;h2&gt;실전에서 마주치는 함정들&lt;/h2&gt;

  &lt;div class=&quot;warn&quot;&gt;
    &lt;span class=&quot;label&quot;&gt;⚠ 경고&lt;/span&gt;
    &lt;p&gt;
      멀티 에이전트 시스템은 실패 지점이 여러 개입니다.
      단일 에이전트 오류는 쉽게 디버깅할 수 있지만,
      에이전트 A의 잘못된 출력이 에이전트 B와 C까지 오염시킬 수 있습니다.
      &lt;strong&gt;검증 레이어를 반드시 추가&lt;/strong&gt;하세요.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;흔한 실수&lt;/th&gt;
        &lt;th&gt;증상&lt;/th&gt;
        &lt;th&gt;해결책&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;에이전트 컨텍스트 비대화&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;응답 품질 저하, 지연 증가&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;단계마다 컨텍스트 요약 후 전달&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;무한 루프&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;max_tokens 초과, 비용 폭증&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;max_steps + 타임아웃 필수 설정&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;도구 오류 미처리&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;에이전트가 멈추거나 환각 발생&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;try/except + 폴백 메시지 반환&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;병렬 호출 미활용&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;불필요한 순차 실행, 느린 파이프라인&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;asyncio.gather로 독립 에이전트 병렬화&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;!-- 6. 언제 쓸 것인가 --&gt;
  &lt;h2&gt;단일 LLM vs 멀티 에이전트: 언제 무엇을?&lt;/h2&gt;

  &lt;p&gt;
    모든 작업에 멀티 에이전트가 정답은 아닙니다. 아래 기준으로 판단해 보세요.
  &lt;/p&gt;

  &lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;기준&lt;/th&gt;
        &lt;th&gt;단일 LLM 호출&lt;/th&gt;
        &lt;th&gt;멀티 에이전트&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;작업 복잡도&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;단순, 명확한 단일 질의&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;다단계, 조건 분기 포함&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;외부 도구 의존&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;없거나 1~2개&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;3개 이상, 동적 선택 필요&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;응답 시간&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;빠름 (초 이하)&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;느림 (수십 초 ~ 분)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;비용&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;저렴&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;LLM 호출 횟수 비례 증가&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;디버깅 용이성&lt;/td&gt;
        &lt;td class=&quot;good&quot;&gt;입출력 추적 간단&lt;/td&gt;
        &lt;td class=&quot;bad&quot;&gt;중간 상태 로깅 필수&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;!-- 7. 마무리 --&gt;
  &lt;div class=&quot;closing&quot;&gt;
    &lt;h3&gt;다음 단계&lt;/h3&gt;
    &lt;p&gt;
      멀티 에이전트 시스템의 진입 장벽은 낮아졌습니다.
      LangGraph, LlamaIndex Workflows, 혹은 직접 구현한 루프—
      어떤 방식이든 &lt;strong&gt;작은 단위부터 검증&lt;/strong&gt;하는 것이 핵심입니다.
    &lt;/p&gt;
    &lt;p&gt;
      다음 글에서는 에이전트 간 &lt;em&gt;공유 메모리&lt;/em&gt;와
      장기 실행 작업에서의 &lt;em&gt;체크포인트 패턴&lt;/em&gt;을 다룰 예정입니다.
    &lt;/p&gt;
  &lt;/div&gt;

&lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>자동화 생산성</category>
      <category>AI에이전트</category>
      <category>AI엔지니어링</category>
      <category>Claude api</category>
      <category>LLM</category>
      <category>개발자</category>
      <category>멀티에이전트</category>
      <category>오케스트레이터</category>
      <category>워크플로우자동화</category>
      <category>파이썬</category>
      <category>프롬프트엔지니어링</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/34</guid>
      <comments>https://temver.tistory.com/34#entry34comment</comments>
      <pubDate>Wed, 27 May 2026 16:18:39 +0900</pubDate>
    </item>
    <item>
      <title>Claude Projects 완전 활용 가이드 | temver</title>
      <link>https://temver.tistory.com/33</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;Claude Projects 완전 활용 가이드 | temver&lt;/title&gt;
&lt;meta name=&quot;description&quot; content=&quot;Claude Projects의 시스템 프롬프트 설정, 파일 업로드, GitHub 연동, 팀 협업까지 실전 중심으로 정리한 완전 활용 가이드입니다.&quot;&gt;
&lt;meta property=&quot;og:title&quot; content=&quot;Claude Projects 완전 활용 가이드 — 시스템 프롬프트·파일 업로드·GitHub 연동·팀 공유&quot;&gt;
&lt;meta property=&quot;og:description&quot; content=&quot;Claude Projects 핵심 기능을 처음부터 끝까지 실전 예시와 함께 완전 정복&quot;&gt;
&lt;meta property=&quot;og:type&quot; content=&quot;article&quot;&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300;400;500;600&amp;family=IBM+Plex+Mono:wght@400;500&amp;family=Noto+Serif+KR:wght@400;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
:root {
  --bg:           #F5F4F0;
  --bg-card:      #FFFFFF;
  --bg-dark:      #0F1117;
  --bg-code:      #1A1D27;
  --text-1:       #111110;
  --text-2:       #52524E;
  --text-3:       #8C8C87;
  --accent:       #0052CC;
  --accent-light: #E6EEFF;
  --accent-mid:   #4D89FF;
  --green:        #146F3E;
  --green-light:  #E4F5EC;
  --amber:        #7A4500;
  --amber-light:  #FEF3DC;
  --red:          #991B1B;
  --red-light:    #FEF2F2;
  --border:       #E2E0D8;
  --border-strong:#C8C5BC;
  --mono:         'IBM Plex Mono', monospace;
  --sans:         'IBM Plex Sans KR', sans-serif;
  --serif:        'Noto Serif KR', Georgia, serif;
  --radius:       8px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  font-family: var(--sans);
  color: var(--text-1);
  line-height: 1.8;
  font-size: 16px;
}

/* ══ HEADER ══ */
.hero {
  background: var(--bg-dark);
  padding: 0;
  overflow: hidden;
  position: relative;
}

.hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  padding: 72px 28px 64px;
}

.badge-row {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.badge-blue   { background: rgba(77,137,255,0.15); color: #7AABFF; border: 1px solid rgba(77,137,255,0.25); }
.badge-green  { background: rgba(34,197,94,0.12);  color: #4ADE80; border: 1px solid rgba(34,197,94,0.2); }
.badge-gray   { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.1); }

h1.hero-title {
  font-family: var(--serif);
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.3;
  margin-bottom: 20px;
  letter-spacing: -0.01em;
}

.hero-sub {
  font-size: 16px;
  color: rgba(255,255,255,0.5);
  font-weight: 300;
  max-width: 600px;
  line-height: 1.7;
  margin-bottom: 36px;
}

.meta-bar {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 20px;
}

.meta-bar b { color: rgba(255,255,255,0.6); font-weight: 500; }

/* ══ LAYOUT ══ */
.wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 28px;
}

/* ══ INTRO BOX ══ */
.intro-box {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 28px 32px;
  margin: 52px 0 44px;
  font-family: var(--serif);
  font-size: 17px;
  color: var(--text-1);
  line-height: 1.9;
}

/* ══ TOC ══ */
.toc {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 32px;
  margin-bottom: 56px;
}
.toc-label {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text-3); margin-bottom: 16px;
}
.toc ol { padding-left: 20px; }
.toc li { margin-bottom: 8px; font-size: 14px; color: var(--text-2); }
.toc a { color: var(--text-2); text-decoration: none; transition: color 0.15s; }
.toc a:hover { color: var(--accent); }
.toc-indent { padding-left: 18px; margin-top: 6px; list-style: disc; }
.toc-indent li { margin-bottom: 4px; font-size: 13px; }

/* ══ SECTIONS ══ */
.section { margin-bottom: 72px; }

.section-eyebrow {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--accent); margin-bottom: 8px;
}

h2.sec-title {
  font-family: var(--serif);
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 700;
  color: var(--text-1);
  line-height: 1.4;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 24px;
}

h3.sub-title {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-1);
  margin: 36px 0 12px;
}

p { font-size: 16px; color: var(--text-2); line-height: 1.9; margin-bottom: 20px; }

/* ══ CODE BLOCK ══ */
.code-wrap {
  background: var(--bg-code);
  border-radius: var(--radius);
  margin: 24px 0;
  overflow: hidden;
}

.code-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.code-lang {
  font-family: var(--mono);
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.code-dots { display: flex; gap: 6px; }
.code-dot { width: 10px; height: 10px; border-radius: 50%; }
.dot-r { background: #FF5F57; }
.dot-y { background: #FEBC2E; }
.dot-g { background: #28C840; }

pre {
  padding: 20px 20px;
  overflow-x: auto;
  margin: 0;
}

code {
  font-family: var(--mono);
  font-size: 13px;
  color: #E2E8F0;
  line-height: 1.8;
}

.kw  { color: #C792EA; }
.str { color: #C3E88D; }
.cm  { color: #546E7A; font-style: italic; }
.fn  { color: #82AAFF; }
.var { color: #F07178; }
.num { color: #F78C6C; }
.hl  { background: rgba(77,137,255,0.12); display: block; margin: 0 -20px; padding: 0 20px; }

/* ══ CALLOUT ══ */
.callout {
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 24px 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.callout-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.callout-body { flex: 1; }
.callout-body b { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; }
.callout-body p { font-size: 14px; line-height: 1.7; margin: 0; }

.callout.tip    { background: var(--accent-light); }
.callout.tip    .callout-body b, .callout.tip p    { color: #003C99; }
.callout.warn   { background: var(--amber-light); }
.callout.warn   .callout-body b, .callout.warn p   { color: var(--amber); }
.callout.ok     { background: var(--green-light); }
.callout.ok     .callout-body b, .callout.ok p     { color: var(--green); }
.callout.danger { background: var(--red-light); }
.callout.danger .callout-body b, .callout.danger p { color: var(--red); }

/* ══ STEP LIST ══ */
.steps { list-style: none; padding: 0; margin: 24px 0; counter-reset: steps; }
.steps li {
  counter-increment: steps;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 16px;
  margin-bottom: 22px;
  align-items: start;
}
.step-n {
  width: 36px; height: 36px;
  background: var(--text-1); color: #fff;
  font-size: 13px; font-weight: 600;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-family: var(--mono);
  margin-top: 1px;
}
.step-body b { display: block; font-size: 15px; font-weight: 600; margin-bottom: 4px; color: var(--text-1); }
.step-body p { font-size: 14px; margin: 0; color: var(--text-2); }

/* ══ FEATURE GRID ══ */
.feat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin: 28px 0;
}
.feat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px 18px;
  position: relative;
  overflow: hidden;
}
.feat-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
}
.feat-card.c-blue::after   { background: var(--accent); }
.feat-card.c-green::after  { background: #22C55E; }
.feat-card.c-amber::after  { background: #F59E0B; }
.feat-card.c-purple::after { background: #8B5CF6; }

.feat-icon { font-size: 24px; margin-bottom: 12px; display: block; }
.feat-name { font-size: 13px; font-weight: 600; color: var(--text-1); margin-bottom: 6px; }
.feat-desc { font-size: 13px; color: var(--text-2); line-height: 1.6; margin: 0; }

/* ══ COMPARE ══ */
.compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  margin: 24px 0;
}
@media (max-width:560px){ .compare{ grid-template-columns:1fr; } }

.cmp-col { padding: 22px 20px; }
.cmp-col:first-child { background: #FFFBF5; border-right: 1px solid var(--border); }
.cmp-col:last-child  { background: #F5FBF5; }
.cmp-head { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding-bottom: 12px; border-bottom: 1px solid var(--border); margin-bottom: 14px; }
.cmp-col:first-child .cmp-head { color: #7A4500; }
.cmp-col:last-child  .cmp-head { color: #146F3E; }
.cmp-item { font-size: 13px; color: var(--text-2); margin-bottom: 10px; padding-left: 18px; position: relative; line-height: 1.55; }
.cmp-item::before { position: absolute; left: 0; top: 0; font-size: 12px; }
.cmp-col:first-child .cmp-item::before { content: '✗'; color: #DC2626; }
.cmp-col:last-child  .cmp-item::before { content: '✓'; color: #16A34A; }

/* ══ TABLE ══ */
.table-wrap { overflow-x: auto; margin: 24px 0; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
thead { background: var(--bg-dark); }
thead th { padding: 12px 14px; text-align: left; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.5); }
tbody tr { border-bottom: 1px solid var(--border); }
tbody tr:last-child { border-bottom: none; }
tbody td { padding: 12px 14px; color: var(--text-2); vertical-align: top; line-height: 1.5; }
tbody tr:hover td { background: rgba(0,82,204,0.03); }
.td-plan { font-weight: 600; color: var(--text-1); }
.td-accent { color: var(--accent); font-weight: 500; }

/* ══ INLINE CODE ══ */
code.inline {
  background: #ECEEF3;
  color: #2D3A5C;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 13px;
  font-family: var(--mono);
}

/* ══ CHECKLIST ══ */
.checklist { list-style: none; padding: 0; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin: 20px 0; }
.checklist li { display: flex; gap: 12px; align-items: flex-start; padding: 13px 18px; border-bottom: 1px solid var(--border); font-size: 14px; color: var(--text-2); line-height: 1.5; }
.checklist li:last-child { border-bottom: none; }
.chk { width: 18px; height: 18px; background: var(--green-light); color: var(--green); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }

/* ══ USE-CASE CARDS ══ */
.uc-list { display: flex; flex-direction: column; gap: 16px; margin: 24px 0; }
.uc-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: start;
}
.uc-emoji { font-size: 28px; line-height: 1; margin-top: 2px; }
.uc-name { font-size: 15px; font-weight: 600; color: var(--text-1); margin-bottom: 6px; }
.uc-desc { font-size: 13px; color: var(--text-2); line-height: 1.65; margin: 0; }
.uc-tag { display: inline-block; background: var(--accent-light); color: var(--accent); font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 3px; margin-top: 8px; }

/* ══ BLOCKQUOTE ══ */
blockquote {
  margin: 28px 0;
  padding: 22px 26px;
  background: var(--accent-light);
  border-radius: var(--radius);
  font-family: var(--serif);
  font-size: 16px;
  color: #1A3A7A;
  line-height: 1.85;
  font-style: italic;
}
blockquote cite { display: block; margin-top: 10px; font-style: normal; font-family: var(--sans); font-size: 12px; color: #3058B0; font-weight: 600; letter-spacing: 0.06em; }

/* ══ HR ══ */
hr { border: none; border-top: 1px solid var(--border); margin: 64px 0; }

/* ══ CONCLUSION ══ */
.conclusion {
  background: var(--bg-dark);
  border-radius: 12px;
  padding: 48px 40px;
  margin: 56px 0;
  position: relative;
  overflow: hidden;
}
.conclusion::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(77,137,255,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.conclusion .eyebrow { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-mid); margin-bottom: 14px; }
.conclusion h2 { font-family: var(--serif); font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 20px; border: none; padding: 0; }
.conclusion p { color: rgba(255,255,255,0.55); font-size: 15px; margin-bottom: 14px; }
.conclusion p:last-child { margin: 0; }

/* ══ TAGS ══ */
.footer-tags { padding: 40px 0 80px; }
.tags-label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3); margin-bottom: 12px; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; }
.tag { display: inline-block; padding: 5px 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; font-size: 12px; color: var(--text-2); text-decoration: none; transition: all 0.15s; }
.tag:hover { background: var(--text-1); color: #fff; border-color: var(--text-1); }

@media(max-width:600px){
  .hero-inner { padding: 52px 20px 44px; }
  .wrap { padding: 0 20px; }
  .intro-box { padding: 22px 20px; }
  .conclusion { padding: 36px 24px; }
  .toc { padding: 22px 20px; }
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- ═══ HERO ═══ --&gt;
&lt;header class=&quot;hero&quot;&gt;
  &lt;div class=&quot;hero-grid&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;hero-inner&quot;&gt;
    &lt;div class=&quot;badge-row&quot;&gt;
      &lt;span class=&quot;badge badge-blue&quot;&gt;사용법 가이드&lt;/span&gt;
      &lt;span class=&quot;badge badge-green&quot;&gt;Claude.ai Pro · Team&lt;/span&gt;
      &lt;span class=&quot;badge badge-gray&quot;&gt;2026.05 최신&lt;/span&gt;
    &lt;/div&gt;
    &lt;h1 class=&quot;hero-title&quot;&gt;Claude Projects&lt;br&gt;완전 활용 가이드&lt;/h1&gt;
    &lt;p class=&quot;hero-sub&quot;&gt;시스템 프롬프트 설정부터 파일 업로드, GitHub 연동, 팀 공유까지 — 한 번 제대로 세팅하면 매번 설명할 필요 없는 나만의 AI 작업 공간 만들기&lt;/p&gt;
    &lt;div class=&quot;meta-bar&quot;&gt;
      &lt;span&gt;&lt;b&gt;2026년 5월 24일&lt;/b&gt;&lt;/span&gt;
      &lt;span&gt;&lt;b&gt;읽기 약 14분&lt;/b&gt;&lt;/span&gt;
      &lt;span&gt;&lt;b&gt;Claude Pro · Team 사용자 대상&lt;/b&gt;&lt;/span&gt;
      &lt;span&gt;&lt;b&gt;실습 예시 포함&lt;/b&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/header&gt;

&lt;!-- ═══ BODY ═══ --&gt;
&lt;main class=&quot;wrap&quot;&gt;

  &lt;!-- LEAD --&gt;
  &lt;div class=&quot;intro-box&quot;&gt;
    ChatGPT에 GPTs가 있다면, Claude에는 Projects가 있습니다. 그런데 GPTs와 단순 비교하기엔 Projects의 성격이 조금 다릅니다. GPTs가 &quot;특화된 AI 챗봇&quot;을 만드는 도구라면, Claude Projects는 &lt;em&gt;내 업무 맥락을 AI가 기억하는 작업 공간&lt;/em&gt;에 가깝습니다. 한 번 제대로 세팅해두면, 매 대화마다 배경을 다시 설명하는 반복 작업이 사라집니다.
  &lt;/div&gt;

  &lt;!-- TOC --&gt;
  &lt;nav class=&quot;toc&quot; aria-label=&quot;목차&quot;&gt;
    &lt;p class=&quot;toc-label&quot;&gt;목차&lt;/p&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#what&quot;&gt;Claude Projects란 무엇인가 — 일반 대화와의 차이&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#plan&quot;&gt;요금제별 사용 가능 기능 정리&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#create&quot;&gt;프로젝트 만들기 — 첫 세팅 단계별 가이드&lt;/a&gt;
        &lt;ul class=&quot;toc-indent&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#instruction&quot;&gt;핵심 ① 지침(커스텀 지시문) 작성법&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#files&quot;&gt;핵심 ② 파일 업로드 &amp; 지식 베이스 구축&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#github&quot;&gt;핵심 ③ GitHub 저장소 연동&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#usecase&quot;&gt;직군별 실전 활용 사례 5가지&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#team&quot;&gt;팀 플랜 협업 기능 완전 정복&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#tips&quot;&gt;실력자만 아는 고급 팁&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#limit&quot;&gt;한계와 주의사항&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/nav&gt;

  &lt;!-- ─── SECTION 1: WHAT ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;what&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;개념 이해&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;Claude Projects란 무엇인가 — 일반 대화와의 차이&lt;/h2&gt;

    &lt;p&gt;Claude.ai를 그냥 열어서 대화하면 매번 새 채팅이 시작됩니다. 어제 내가 어떤 프로젝트를 진행 중인지, 어떤 톤으로 글을 써달라고 했는지, 회사 내부 용어가 무엇인지 — Claude는 아무것도 모릅니다. 매번 다시 설명해야 합니다.&lt;/p&gt;

    &lt;p&gt;Projects는 이 문제를 해결합니다. 프로젝트 하나를 만들면 그 안에서 일어나는 모든 대화가 동일한 컨텍스트를 공유합니다. 지침(시스템 프롬프트)과 업로드된 파일이 모든 대화에 자동으로 적용되고, 대화 기록도 프로젝트 단위로 축적됩니다.&lt;/p&gt;

    &lt;div class=&quot;compare&quot;&gt;
      &lt;div class=&quot;cmp-col&quot;&gt;
        &lt;p class=&quot;cmp-head&quot;&gt;⚡ 일반 채팅&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;매번 배경 설명 반복&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;대화 끝나면 맥락 소멸&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;파일은 해당 대화에서만 유효&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;어투·형식 설정이 지속되지 않음&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;팀원과 공유 불가&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;cmp-col&quot;&gt;
        &lt;p class=&quot;cmp-head&quot;&gt;  Claude Projects&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;지침이 모든 대화에 자동 적용&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;대화 기록이 프로젝트에 누적&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;파일이 지식 베이스로 영구 저장&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;어투·형식·역할이 고정됨&lt;/p&gt;
        &lt;p class=&quot;cmp-item&quot;&gt;팀원과 프로젝트 공유 가능 (Team)&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;feat-grid&quot;&gt;
      &lt;div class=&quot;feat-card c-blue&quot;&gt;
        &lt;span class=&quot;feat-icon&quot;&gt; &lt;/span&gt;
        &lt;p class=&quot;feat-name&quot;&gt;지침 (커스텀 지시문)&lt;/p&gt;
        &lt;p class=&quot;feat-desc&quot;&gt;모든 대화에 적용되는 시스템 프롬프트. 역할, 어투, 출력 형식을 고정한다.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat-card c-green&quot;&gt;
        &lt;span class=&quot;feat-icon&quot;&gt; &lt;/span&gt;
        &lt;p class=&quot;feat-name&quot;&gt;프로젝트 지식&lt;/p&gt;
        &lt;p class=&quot;feat-desc&quot;&gt;문서, PDF, 코드, 텍스트를 업로드해 지식 베이스를 구축한다. 200K 토큰 제공.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat-card c-amber&quot;&gt;
        &lt;span class=&quot;feat-icon&quot;&gt; &lt;/span&gt;
        &lt;p class=&quot;feat-name&quot;&gt;GitHub 연동&lt;/p&gt;
        &lt;p class=&quot;feat-desc&quot;&gt;저장소를 직접 연결해 코드베이스를 기반으로 대화할 수 있다.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat-card c-purple&quot;&gt;
        &lt;span class=&quot;feat-icon&quot;&gt; &lt;/span&gt;
        &lt;p class=&quot;feat-name&quot;&gt;팀 협업 (Team 플랜)&lt;/p&gt;
        &lt;p class=&quot;feat-desc&quot;&gt;공유 프로젝트, 대화 스냅샷, 활동 피드로 팀 단위 AI 활용을 지원한다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 2: PLAN ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;plan&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;요금제 비교&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;요금제별 사용 가능 기능 정리&lt;/h2&gt;

    &lt;p&gt;Projects는 Claude Pro, Team, Enterprise 플랜에서 사용할 수 있습니다. 무료 플랜은 Projects를 지원하지 않습니다. 플랜별 주요 차이점은 다음과 같습니다.&lt;/p&gt;

    &lt;div class=&quot;table-wrap&quot;&gt;
      &lt;table&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;기능&lt;/th&gt;
            &lt;th&gt;Free&lt;/th&gt;
            &lt;th&gt;Pro ($20/월)&lt;/th&gt;
            &lt;th&gt;Team ($25/월)&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;Projects 생성&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓ 무제한&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓ 무제한&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;지침(시스템 프롬프트)&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;파일 업로드 (지식 베이스)&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓ 200K 토큰&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓ 200K 토큰&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;GitHub 저장소 연동&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;프로젝트 팀 공유&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td&gt;✗ (개인만)&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;활동 피드 &amp; 스냅샷 공유&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td&gt;✗&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;✓&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;사용 모델&lt;/td&gt;
            &lt;td&gt;Claude Haiku&lt;/td&gt;
            &lt;td&gt;Claude Sonnet 4.6&lt;/td&gt;
            &lt;td class=&quot;td-accent&quot;&gt;Opus 4.6 포함&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout tip&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;개인 사용자라면 Pro로도 충분합니다&lt;/b&gt;
        &lt;p&gt;팀 협업 기능이 필요하지 않다면 Pro 플랜의 Projects 기능으로 대부분의 작업을 커버할 수 있습니다. GitHub 연동과 200K 토큰 지식 베이스는 Pro에서도 동일하게 제공됩니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 3: CREATE ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;create&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;단계별 가이드&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;프로젝트 만들기 — 첫 세팅 단계별 가이드&lt;/h2&gt;

    &lt;p&gt;Claude.ai 왼쪽 사이드바에서 &quot;Projects&quot; 항목을 클릭하고 &quot;새 프로젝트&quot;를 누르면 시작됩니다. 프로젝트 이름과 설명을 입력한 후 두 가지 핵심 설정으로 바로 넘어가세요.&lt;/p&gt;

    &lt;ol class=&quot;steps&quot;&gt;
      &lt;li&gt;
        &lt;span class=&quot;step-n&quot;&gt;1&lt;/span&gt;
        &lt;div class=&quot;step-body&quot;&gt;
          &lt;b&gt;사이드바 → Projects → 새 프로젝트 클릭&lt;/b&gt;
          &lt;p&gt;이름은 나중에 한눈에 구분할 수 있게 구체적으로 짓는 게 좋습니다. &quot;블로그용&quot;보다 &quot;temver 블로그 – AI 툴 분석&quot; 형태가 낫습니다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;span class=&quot;step-n&quot;&gt;2&lt;/span&gt;
        &lt;div class=&quot;step-body&quot;&gt;
          &lt;b&gt;지침(커스텀 지시문) 작성&lt;/b&gt;
          &lt;p&gt;프로젝트 내 모든 대화에 시스템 프롬프트처럼 적용됩니다. 역할, 어투, 출력 형식을 여기에 설정합니다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;span class=&quot;step-n&quot;&gt;3&lt;/span&gt;
        &lt;div class=&quot;step-body&quot;&gt;
          &lt;b&gt;파일 업로드 (프로젝트 지식)&lt;/b&gt;
          &lt;p&gt;관련 문서, 참고 자료, 브랜드 가이드라인 등을 업로드합니다. 최대 약 200K 토큰(500페이지 분량) 지원.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;span class=&quot;step-n&quot;&gt;4&lt;/span&gt;
        &lt;div class=&quot;step-body&quot;&gt;
          &lt;b&gt;첫 대화로 세팅 검증&lt;/b&gt;
          &lt;p&gt;지침과 파일이 잘 반영되는지 테스트 질문을 던져보세요. &quot;현재 설정된 지침을 요약해줘&quot;로 빠르게 확인할 수 있습니다.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ol&gt;

    &lt;!-- 3-1: Instruction --&gt;
    &lt;h3 class=&quot;sub-title&quot; id=&quot;instruction&quot;&gt;핵심 ① 지침(커스텀 지시문) 작성법&lt;/h3&gt;

    &lt;p&gt;지침은 Projects의 심장입니다. 잘 쓴 지침 하나가 수십 번의 반복 설명을 대신합니다. 명확하고 구체적일수록 결과가 좋습니다. 다음은 블로그 글쓰기 프로젝트용 지침 예시입니다.&lt;/p&gt;

    &lt;div class=&quot;code-wrap&quot;&gt;
      &lt;div class=&quot;code-header&quot;&gt;
        &lt;div class=&quot;code-dots&quot;&gt;&lt;span class=&quot;code-dot dot-r&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-y&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-g&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;span class=&quot;code-lang&quot;&gt;지침 예시 — 블로그 글쓰기 프로젝트&lt;/span&gt;
      &lt;/div&gt;
      &lt;pre&gt;&lt;code&gt;&lt;span class=&quot;cm&quot;&gt;## 역할&lt;/span&gt;
당신은 AI 툴 전문 블로그 'temver'의 편집 파트너입니다.
기술에 밝은 일반 독자를 대상으로, 실용적이고 읽기 쉬운
한국어 콘텐츠를 작성합니다.

&lt;span class=&quot;cm&quot;&gt;## 글쓰기 원칙&lt;/span&gt;
- 문장은 짧게. 단문과 장문을 섞어 리듬감을 만든다.
- 어려운 기술 용어는 첫 등장 시 괄호로 간단히 설명한다.
- 목차는 H2, 소제목은 H3. 소제목 끝에 마침표 없음.
- 본문에 코드 예시가 필요하면 반드시 언어 레이블을 붙인다.
- 결론은 핵심 한 줄로 요약하고 독자에게 다음 행동을 제안한다.

&lt;span class=&quot;cm&quot;&gt;## 하지 말 것&lt;/span&gt;
- &quot;안녕하세요, 오늘은 ~에 대해 알아보겠습니다&quot; 류의 시작 금지
- 과도한 영어 원문 병기 금지 (필요한 경우만)
- 확인되지 않은 통계 수치 임의 작성 금지

&lt;span class=&quot;cm&quot;&gt;## 출력 형식&lt;/span&gt;
요청 없으면 마크다운으로 출력. HTML 요청 시 별도 명시.&lt;/code&gt;&lt;/pre&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout ok&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt;✅&lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;지침 작성 3가지 원칙&lt;/b&gt;
        &lt;p&gt;① 역할 명확히 — &quot;누구의 입장에서 답하는가&quot;를 한 문장으로 / ② 해야 할 것과 하지 말 것 분리 — 두 가지 모두 적어야 정확도가 높아짐 / ③ 출력 형식 명시 — 마크다운, HTML, JSON 등 기본 출력 방식을 지정&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 3-2: Files --&gt;
    &lt;h3 class=&quot;sub-title&quot; id=&quot;files&quot;&gt;핵심 ② 파일 업로드 &amp; 지식 베이스 구축&lt;/h3&gt;

    &lt;p&gt;프로젝트 지식에 파일을 올려두면 Claude가 해당 내용을 대화 전반에서 참조합니다. PDF, TXT, 코드 파일, 마크다운 등 대부분의 텍스트 기반 파일을 지원합니다. 최대 약 200K 토큰으로 약 500페이지 분량의 문서를 담을 수 있습니다.&lt;/p&gt;

    &lt;p&gt;올릴 때 한 가지 주의사항이 있습니다. 파일은 업로드 시점의 스냅샷으로 저장됩니다. 원본 파일이 수정되더라도 프로젝트는 자동으로 업데이트되지 않습니다. 변경사항이 생기면 해당 파일을 삭제하고 새 버전을 다시 올려야 합니다.&lt;/p&gt;

    &lt;div class=&quot;callout tip&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;파일 업로드 후 반드시 이 명령을 실행하세요&lt;/b&gt;
        &lt;p&gt;&quot;첨부 파일을 바탕으로 이 프로젝트의 핵심 맥락, 용어, 규칙을 요약해줘. 모호하거나 충돌하는 부분이 있으면 알려줘.&quot; — Claude가 자료를 제대로 이해했는지 한 번에 검증할 수 있습니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;p&gt;어떤 파일을 올릴지 고민된다면 아래 체크리스트를 참고하세요.&lt;/p&gt;

    &lt;ul class=&quot;checklist&quot;&gt;
      &lt;li&gt;&lt;span class=&quot;chk&quot;&gt;✓&lt;/span&gt;브랜드/문체 가이드라인 (어투, 용어 정의, 피해야 할 표현)&lt;/li&gt;
      &lt;li&gt;&lt;span class=&quot;chk&quot;&gt;✓&lt;/span&gt;자주 참조하는 내부 문서 (사양서, 정책, 매뉴얼)&lt;/li&gt;
      &lt;li&gt;&lt;span class=&quot;chk&quot;&gt;✓&lt;/span&gt;과거 작업물 샘플 (내 글 스타일을 학습시킬 때)&lt;/li&gt;
      &lt;li&gt;&lt;span class=&quot;chk&quot;&gt;✓&lt;/span&gt;자주 쓰는 템플릿 (보고서 양식, 이메일 형식)&lt;/li&gt;
      &lt;li&gt;&lt;span class=&quot;chk&quot;&gt;✓&lt;/span&gt;도메인 특화 자료 (법령, 기술 스펙, 논문 요약)&lt;/li&gt;
    &lt;/ul&gt;

    &lt;!-- 3-3: GitHub --&gt;
    &lt;h3 class=&quot;sub-title&quot; id=&quot;github&quot;&gt;핵심 ③ GitHub 저장소 연동&lt;/h3&gt;

    &lt;p&gt;개발자라면 이 기능이 특히 유용합니다. 프로젝트에 GitHub 저장소를 직접 연결하면 코드베이스를 기반으로 질문하고, 코드 리뷰를 받고, 구조 분석을 할 수 있습니다. 파일 업로드와 달리 특정 브랜치의 내용을 동기화하는 방식입니다.&lt;/p&gt;

    &lt;div class=&quot;code-wrap&quot;&gt;
      &lt;div class=&quot;code-header&quot;&gt;
        &lt;div class=&quot;code-dots&quot;&gt;&lt;span class=&quot;code-dot dot-r&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-y&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-g&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;span class=&quot;code-lang&quot;&gt;GitHub 연동 설정 순서&lt;/span&gt;
      &lt;/div&gt;
      &lt;pre&gt;&lt;code&gt;&lt;span class=&quot;num&quot;&gt;1.&lt;/span&gt; 프로젝트 설정 → &lt;span class=&quot;str&quot;&gt;&quot;GitHub 저장소 추가&quot;&lt;/span&gt; 클릭
&lt;span class=&quot;num&quot;&gt;2.&lt;/span&gt; GitHub 계정 연결 (최초 1회 OAuth 인증)
&lt;span class=&quot;num&quot;&gt;3.&lt;/span&gt; 연결할 저장소와 브랜치 선택
&lt;span class=&quot;num&quot;&gt;4.&lt;/span&gt; &lt;span class=&quot;str&quot;&gt;&quot;파일 구성&quot;&lt;/span&gt;에서 포함할 디렉토리·파일 선택
   &lt;span class=&quot;cm&quot;&gt;→ 불필요한 파일 제외해 토큰 낭비를 줄일 것&lt;/span&gt;
&lt;span class=&quot;num&quot;&gt;5.&lt;/span&gt; 동기화 완료 후 대화에서 바로 코드 질문 가능

&lt;span class=&quot;cm&quot;&gt;## 주의사항&lt;/span&gt;
&lt;span class=&quot;cm&quot;&gt;- 저장소 업데이트 후 수동으로 새로고침 필요&lt;/span&gt;
&lt;span class=&quot;cm&quot;&gt;- 파일 내용(이름+코드)만 동기화됨, 커밋 기록 미포함&lt;/span&gt;
&lt;span class=&quot;cm&quot;&gt;- 브랜치별 스냅샷 방식으로 실시간 연동은 아님&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout warn&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt;⚠️&lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;GitHub 파일 선택은 전략적으로&lt;/b&gt;
        &lt;p&gt;모노레포나 대형 프로젝트는 모든 파일을 넣으면 토큰 한도를 금방 채웁니다. 현재 작업 중인 핵심 디렉토리와 파일만 선택적으로 포함하고, 작업이 바뀔 때 구성을 업데이트하는 방식이 효율적입니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 4: USE CASES ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;usecase&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;실전 활용&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;직군별 실전 활용 사례 5가지&lt;/h2&gt;

    &lt;p&gt;Projects는 반복적이고 맥락이 중요한 작업일수록 빛납니다. 직군별로 가장 효과적인 세팅 방식을 정리했습니다.&lt;/p&gt;

    &lt;div class=&quot;uc-list&quot;&gt;
      &lt;div class=&quot;uc-card&quot;&gt;
        &lt;span class=&quot;uc-emoji&quot;&gt;✍️&lt;/span&gt;
        &lt;div&gt;
          &lt;p class=&quot;uc-name&quot;&gt;블로거 · 콘텐츠 크리에이터&lt;/p&gt;
          &lt;p class=&quot;uc-desc&quot;&gt;지침에 나만의 문체 규칙과 독자 페르소나를 저장합니다. 과거 글 베스트 3~5개를 파일로 올려두면 Claude가 내 어투를 학습합니다. 매번 &quot;내 톤을 유지하면서 써줘&quot;라고 설명할 필요가 없어집니다.&lt;/p&gt;
          &lt;span class=&quot;uc-tag&quot;&gt;핵심 설정: 지침 + 파일 (글 샘플)&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;uc-card&quot;&gt;
        &lt;span class=&quot;uc-emoji&quot;&gt; &lt;/span&gt;
        &lt;div&gt;
          &lt;p class=&quot;uc-name&quot;&gt;개발자 · 사이드 프로젝트&lt;/p&gt;
          &lt;p class=&quot;uc-desc&quot;&gt;GitHub 저장소를 연결하고 지침에 코딩 컨벤션, 사용 스택, 금지 패턴을 명시합니다. &quot;이 함수 리팩토링해줘&quot;, &quot;이 버그 원인 분석해줘&quot; 같은 질문을 코드베이스 맥락 위에서 바로 할 수 있습니다.&lt;/p&gt;
          &lt;span class=&quot;uc-tag&quot;&gt;핵심 설정: GitHub 연동 + 지침 (코딩 컨벤션)&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;uc-card&quot;&gt;
        &lt;span class=&quot;uc-emoji&quot;&gt; &lt;/span&gt;
        &lt;div&gt;
          &lt;p class=&quot;uc-name&quot;&gt;마케터 · 기획자&lt;/p&gt;
          &lt;p class=&quot;uc-desc&quot;&gt;브랜드 가이드라인, 제품 스펙, 경쟁사 분석 자료를 파일로 올려둡니다. &quot;이 내용을 우리 브랜드 보이스로 SNS 캡션으로 바꿔줘&quot; 같은 요청이 한 줄로 끝납니다. 제품 업데이트 시 관련 파일만 교체하면 됩니다.&lt;/p&gt;
          &lt;span class=&quot;uc-tag&quot;&gt;핵심 설정: 파일 (브랜드 가이드) + 지침 (톤 앤 매너)&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;uc-card&quot;&gt;
        &lt;span class=&quot;uc-emoji&quot;&gt; &lt;/span&gt;
        &lt;div&gt;
          &lt;p class=&quot;uc-name&quot;&gt;연구자 · 학습자&lt;/p&gt;
          &lt;p class=&quot;uc-desc&quot;&gt;논문, 교재, 강의 노트를 파일로 올려두고 &quot;이 개념을 내가 업로드한 논문 기준으로 설명해줘&quot;라고 질문합니다. 200K 토큰 덕분에 두꺼운 PDF 여러 개를 한꺼번에 올려도 됩니다. AI가 엉뚱한 정보를 만들어낼 위험이 줄어듭니다.&lt;/p&gt;
          &lt;span class=&quot;uc-tag&quot;&gt;핵심 설정: 파일 (자료 업로드) + 지침 (인용 방식)&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;uc-card&quot;&gt;
        &lt;span class=&quot;uc-emoji&quot;&gt; &lt;/span&gt;
        &lt;div&gt;
          &lt;p class=&quot;uc-name&quot;&gt;고객지원 · CS팀&lt;/p&gt;
          &lt;p class=&quot;uc-desc&quot;&gt;제품 FAQ, 환불 정책, 자주 발생하는 오류 해결책을 파일로 올립니다. 지침에 응대 어투와 에스컬레이션 규칙을 작성하면 일관된 고객 응대 초안 작성기로 활용할 수 있습니다. Team 플랜에서는 팀원 모두가 같은 지식 베이스를 사용합니다.&lt;/p&gt;
          &lt;span class=&quot;uc-tag&quot;&gt;핵심 설정: 파일 (정책 문서) + 팀 공유&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 5: TEAM ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;team&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;팀 플랜 전용&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;팀 플랜 협업 기능 완전 정복&lt;/h2&gt;

    &lt;p&gt;Claude Team 플랜을 쓴다면 Projects가 협업 도구로 확장됩니다. 핵심 기능은 세 가지입니다.&lt;/p&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;① 공유 프로젝트&lt;/h3&gt;
    &lt;p&gt;프로젝트를 팀원과 공유하면 동일한 지침과 지식 베이스를 모두가 사용할 수 있습니다. 신규 팀원이 들어와도 별도 온보딩 없이 프로젝트를 열면 됩니다. 단, 각자의 대화 내역은 분리됩니다. 실시간 공동 편집은 지원하지 않습니다.&lt;/p&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;② 대화 스냅샷 공유&lt;/h3&gt;
    &lt;p&gt;유용하게 사용한 대화를 팀 활동 피드에 공유할 수 있습니다. 잘 작동한 프롬프트나 결과물을 팀 전체가 배울 수 있는 노하우 공유 채널이 됩니다. &quot;이 프롬프트로 하면 보고서 초안이 이렇게 나와요&quot;를 직접 보여줄 수 있습니다.&lt;/p&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;③ 활동 피드&lt;/h3&gt;
    &lt;p&gt;팀원들이 프로젝트에서 어떻게 AI를 활용하고 있는지 피드로 확인할 수 있습니다. AI 활용 역량 편차가 큰 팀에서 특히 효과적입니다. 잘 쓰는 사람의 방식이 자연스럽게 전파됩니다.&lt;/p&gt;

    &lt;div class=&quot;callout tip&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;팀 공유 프로젝트 세팅 전략&lt;/b&gt;
        &lt;p&gt;처음부터 완벽한 지침을 만들려 하지 마세요. 지침 초안 → 팀 피드백 → 개선 주기를 2~3회 반복하는 게 훨씬 효과적입니다. 공유 전에 혼자 2주 정도 써보면서 지침을 다듬는 것을 권장합니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 6: TIPS ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;tips&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;고급 활용&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;실력자만 아는 고급 팁&lt;/h2&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;팁 1 — 지침에 &quot;출력 예시&quot;를 넣어라&lt;/h3&gt;
    &lt;p&gt;설명만으로 원하는 형식을 잡기 어려울 때는 원하는 결과물의 예시를 직접 지침에 넣으세요. &quot;이런 형식으로 출력해줘: [예시]&quot; 형태가 추상적인 설명보다 훨씬 정확하게 작동합니다.&lt;/p&gt;

    &lt;div class=&quot;code-wrap&quot;&gt;
      &lt;div class=&quot;code-header&quot;&gt;
        &lt;div class=&quot;code-dots&quot;&gt;&lt;span class=&quot;code-dot dot-r&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-y&quot;&gt;&lt;/span&gt;&lt;span class=&quot;code-dot dot-g&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;span class=&quot;code-lang&quot;&gt;출력 예시 포함 지침 패턴&lt;/span&gt;
      &lt;/div&gt;
      &lt;pre&gt;&lt;code&gt;&lt;span class=&quot;cm&quot;&gt;## 블로그 글 도입부 형식&lt;/span&gt;
아래 예시처럼 도입부를 작성한다:

&lt;span class=&quot;str&quot;&gt;---예시 시작---&lt;/span&gt;
&quot;ChatGPT한테 시키면 5분 만에 뚝딱 나온다던데요?&quot;
맞습니다. 나옵니다. 그런데 6개월 후 그 블로그의
방문자가 왜 반토막이 났는지는 아무도 알려주지 않습니다.
&lt;span class=&quot;str&quot;&gt;---예시 끝---&lt;/span&gt;

&lt;span class=&quot;cm&quot;&gt;특징: 짧은 인용/가정으로 시작 → 반전 → 문제 제기&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
    &lt;/div&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;팁 2 — 프로젝트를 기능 단위로 잘게 쪼개라&lt;/h3&gt;
    &lt;p&gt;하나의 프로젝트에 모든 것을 넣고 싶은 유혹을 참아야 합니다. &quot;콘텐츠 제작 전반&quot;보다 &quot;블로그 초안 작성&quot;과 &quot;SNS 카드뉴스 제작&quot;을 각각 분리하면 지침이 명확해지고 결과 품질이 높아집니다.&lt;/p&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;팁 3 — 파일 업로드 후 첫 명령을 &quot;자기소개&quot;로 써라&lt;/h3&gt;

    &lt;blockquote&gt;
      &quot;업로드된 파일을 기반으로, 이 프로젝트에서 네가 맡은 역할, 알고 있는 핵심 정보, 모호하거나 충돌하는 부분을 정리해줘.&quot;
      &lt;cite&gt;— 파일 업로드 후 첫 검증 프롬프트&lt;/cite&gt;
    &lt;/blockquote&gt;

    &lt;p&gt;이 명령 하나로 Claude가 파일을 제대로 읽었는지, 지침을 잘 이해했는지 단번에 확인할 수 있습니다. 이상한 부분이 있으면 파일을 교체하거나 지침을 수정하면 됩니다.&lt;/p&gt;

    &lt;h3 class=&quot;sub-title&quot;&gt;팁 4 — 주기적으로 지침을 Claude에게 개선시켜라&lt;/h3&gt;
    &lt;p&gt;프로젝트를 2~4주 사용한 뒤, 이런 프롬프트를 던져보세요: &quot;지금까지 이 프로젝트에서 내가 자주 추가 설명한 것들을 보면, 지침에 어떤 내용을 추가하면 더 효율적일 것 같아?&quot; Claude가 대화 패턴을 분석해서 지침 개선안을 제안해줍니다.&lt;/p&gt;
  &lt;/section&gt;

  &lt;!-- ─── SECTION 7: LIMIT ─── --&gt;
  &lt;section class=&quot;section&quot; id=&quot;limit&quot;&gt;
    &lt;p class=&quot;section-eyebrow&quot;&gt;주의사항&lt;/p&gt;
    &lt;h2 class=&quot;sec-title&quot;&gt;한계와 주의사항&lt;/h2&gt;

    &lt;p&gt;Projects를 잘 쓰려면 한계도 알아야 합니다. 과도한 기대는 오히려 실망으로 이어집니다.&lt;/p&gt;

    &lt;div class=&quot;callout danger&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;파일은 실시간 동기화가 안 됩니다&lt;/b&gt;
        &lt;p&gt;업로드 시점의 스냅샷으로 저장됩니다. 원본이 변경되면 프로젝트를 직접 업데이트해야 합니다. 자주 바뀌는 문서는 올리기보다 그때그때 대화에서 직접 붙여넣는 게 나을 수 있습니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout danger&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;팀 공유는 실시간 협업이 아닙니다&lt;/b&gt;
        &lt;p&gt;같은 문서에 동시 편집하거나, AI 출력에 댓글을 달거나, 공유 화이트보드에서 브레인스토밍하는 것은 지원하지 않습니다. 같은 지식 베이스를 공유하는 것이지, Notion이나 Google Docs 같은 실시간 협업 툴은 아닙니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout warn&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt;⚠️&lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;200K 토큰 한도 관리가 필요합니다&lt;/b&gt;
        &lt;p&gt;파일을 마구 올리다 보면 토큰 한도에 가까워집니다. 정기적으로 오래되거나 불필요한 파일을 정리하는 습관이 필요합니다. 특히 이미지나 스캔 PDF는 텍스트 추출이 제한될 수 있습니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;callout warn&quot;&gt;
      &lt;span class=&quot;callout-icon&quot;&gt;⚠️&lt;/span&gt;
      &lt;div class=&quot;callout-body&quot;&gt;
        &lt;b&gt;민감 정보 업로드는 신중하게&lt;/b&gt;
        &lt;p&gt;내부 문서, 개인정보, 영업 기밀을 올리기 전에 Anthropic의 데이터 처리 정책과 소속 조직의 보안 규정을 확인하세요. Enterprise 플랜은 별도의 데이터 보안 정책이 적용됩니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;hr&gt;

  &lt;!-- CONCLUSION --&gt;
  &lt;div class=&quot;conclusion&quot;&gt;
    &lt;p class=&quot;eyebrow&quot;&gt;마치며&lt;/p&gt;
    &lt;h2&gt;세팅 1시간이 수백 시간의 반복을 없앤다&lt;/h2&gt;
    &lt;p&gt;Claude Projects의 진짜 가치는 처음 세팅이 끝난 이후에 나타납니다. 지침과 파일을 한 번 제대로 설정해두면, 이후 모든 대화가 그 위에서 시작됩니다. 매번 배경 설명을 반복하지 않아도 됩니다.&lt;/p&gt;
    &lt;p&gt;지금 당장 가장 반복적으로 하는 AI 작업 하나를 골라서 프로젝트를 만들어보세요. 블로그 글쓰기, 코드 리뷰, 보고서 작성 — 어떤 것이든 좋습니다. 일주일만 써보면 차이가 느껴집니다.&lt;/p&gt;
    &lt;p&gt;다음 편에서는 지침을 더 정밀하게 작성하는 방법과 프로젝트별 템플릿을 직군별로 공유할 예정입니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- TAGS --&gt;
  &lt;footer class=&quot;footer-tags&quot;&gt;
    &lt;p class=&quot;tags-label&quot;&gt;태그&lt;/p&gt;
    &lt;div class=&quot;tags&quot;&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;ClaudeProjects&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;Claude사용법&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;AI활용&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;시스템프롬프트&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;AI생산성&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;프롬프트엔지니어링&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;Claude팀플랜&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;GitHub연동&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;업무자동화&lt;/a&gt;
      &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;사용법가이드&lt;/a&gt;
    &lt;/div&gt;
  &lt;/footer&gt;

&lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>사용법 가이드</category>
      <category>ai생산성</category>
      <category>AI활용</category>
      <category>ClaudeProjects</category>
      <category>Claude사용법</category>
      <category>Claude팀플랜</category>
      <category>github연동</category>
      <category>사용법가이드</category>
      <category>시스템프롬프트</category>
      <category>업무자동화</category>
      <category>프롬프트엔지니어링</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/33</guid>
      <comments>https://temver.tistory.com/33#entry33comment</comments>
      <pubDate>Sun, 24 May 2026 23:32:16 +0900</pubDate>
    </item>
    <item>
      <title>AI가 내 글을 대신 써줄 때 생기는 문제들</title>
      <link>https://temver.tistory.com/32</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;div&gt;
&lt;style&gt;
  :root {
    --bg: #F8F6F1;
    --bg-card: #FFFFFF;
    --text-primary: #1A1A18;
    --text-secondary: #5A5A54;
    --text-muted: #9A9A90;
    --accent: #C8401A;
    --accent-light: #FAECE7;
    --accent-mid: #F0997B;
    --border: #E2E0D8;
    --warn-bg: #FAEEDA;
    --warn-text: #854F0B;
    --success-bg: #EAF3DE;
    --success-text: #3B6D11;
    --info-bg: #E6F1FB;
    --info-text: #185FA5;
    --serif: 'Noto Serif KR', Georgia, serif;
    --sans: 'Noto Sans KR', sans-serif;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: var(--bg);
    font-family: var(--sans);
    color: var(--text-primary);
    line-height: 1.8;
  }

  /* ── Header ── */
  .post-header {
    background: var(--text-primary);
    padding: 80px 24px 64px;
    text-align: center;
  }

  .category-tag {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 2px;
    margin-bottom: 28px;
  }

  .post-title {
    font-family: var(--serif);
    font-size: clamp(26px, 4vw, 42px);
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.35;
    max-width: 760px;
    margin: 0 auto 20px;
  }

  .post-subtitle {
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    font-weight: 300;
    max-width: 560px;
    margin: 0 auto 36px;
  }

  .post-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: rgba(255,255,255,0.45);
    flex-wrap: wrap;
  }

  .post-meta span::before {
    content: '·';
    margin-right: 20px;
  }
  .post-meta span:first-child::before { content: ''; margin: 0; }

  /* ── Layout ── */
  .container {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 24px;
  }

  /* ── Lead ── */
  .lead-block {
    background: var(--bg-card);
    border-left: 4px solid var(--accent);
    border-radius: 0 8px 8px 0;
    padding: 28px 32px;
    margin: 56px 0 48px;
    font-size: 17px;
    font-family: var(--serif);
    color: var(--text-primary);
    line-height: 1.85;
  }

  /* ── TOC ── */
  .toc {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 28px 32px;
    margin-bottom: 56px;
  }

  .toc-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 16px;
  }

  .toc ol {
    padding-left: 20px;
  }

  .toc li {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .toc a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s;
  }

  .toc a:hover { color: var(--accent); }

  /* ── Sections ── */
  .section {
    margin-bottom: 72px;
  }

  .section-number {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--accent);
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  h2.section-title {
    font-family: var(--serif);
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.4;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
  }

  h3.sub-title {
    font-family: var(--serif);
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 36px 0 12px;
  }

  p {
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 1.9;
    margin-bottom: 20px;
  }

  /* ── Problem Cards ── */
  .problem-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin: 32px 0;
  }

  .problem-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 24px 20px;
    position: relative;
    overflow: hidden;
  }

  .problem-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
  }

  .problem-card.red::before  { background: #E24B4A; }
  .problem-card.amber::before { background: #EF9F27; }
  .problem-card.blue::before { background: #378ADD; }
  .problem-card.purple::before { background: #7F77DD; }

  .card-icon {
    font-size: 28px;
    margin-bottom: 12px;
    display: block;
  }

  .card-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 6px;
  }

  .card-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
    line-height: 1.4;
  }

  .card-desc {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.7;
    margin: 0;
  }

  /* ── Callout Boxes ── */
  .callout {
    border-radius: 8px;
    padding: 20px 24px;
    margin: 28px 0;
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }

  .callout-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
  .callout-body { flex: 1; }
  .callout-body strong { display: block; font-size: 14px; font-weight: 700; margin-bottom: 4px; }
  .callout-body p { font-size: 14px; line-height: 1.7; margin: 0; }

  .callout.warn  { background: var(--warn-bg);    }
  .callout.warn  .callout-body strong, .callout.warn  .callout-body p { color: var(--warn-text); }
  .callout.ok    { background: var(--success-bg); }
  .callout.ok    .callout-body strong, .callout.ok    .callout-body p { color: var(--success-text); }
  .callout.info  { background: var(--info-bg);    }
  .callout.info  .callout-body strong, .callout.info  .callout-body p { color: var(--info-text); }
  .callout.danger { background: #FCEBEB; }
  .callout.danger .callout-body strong, .callout.danger .callout-body p { color: #A32D2D; }

  /* ── Compare Block ── */
  .compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    margin: 28px 0;
  }

  @media (max-width: 560px) {
    .compare { grid-template-columns: 1fr; }
  }

  .compare-col {
    padding: 24px 20px;
  }

  .compare-col:first-child {
    background: #FEF7F5;
    border-right: 1px solid var(--border);
  }

  .compare-col:last-child {
    background: #F4FAF0;
  }

  .compare-header {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
  }

  .compare-col:first-child .compare-header { color: #993C1D; }
  .compare-col:last-child .compare-header { color: #3B6D11; }

  .compare-item {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
    line-height: 1.6;
  }

  .compare-item::before {
    position: absolute; left: 0; top: 1px;
    font-size: 13px;
  }

  .compare-col:first-child .compare-item::before { content: '✗'; color: #E24B4A; }
  .compare-col:last-child  .compare-item::before { content: '✓'; color: #639922; }

  /* ── Step List ── */
  .step-list {
    counter-reset: steps;
    list-style: none;
    padding: 0;
    margin: 24px 0;
  }

  .step-list li {
    counter-increment: steps;
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    align-items: flex-start;
  }

  .step-num {
    width: 32px; height: 32px;
    background: var(--text-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .step-content strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--text-primary);
  }

  .step-content p {
    font-size: 14px;
    margin: 0;
    color: var(--text-secondary);
  }

  /* ── Blockquote ── */
  blockquote {
    margin: 32px 0;
    padding: 24px 28px;
    background: var(--accent-light);
    border-radius: 8px;
    font-family: var(--serif);
    font-size: 17px;
    color: #6B2A14;
    line-height: 1.8;
    font-style: italic;
  }

  blockquote cite {
    display: block;
    margin-top: 12px;
    font-style: normal;
    font-family: var(--sans);
    font-size: 12px;
    color: #993C1D;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  /* ── Checklist ── */
  .checklist {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
  }

  .checklist li {
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.5;
  }

  .checklist li:last-child { border-bottom: none; }

  .check-icon {
    width: 20px; height: 20px;
    background: var(--success-bg);
    color: var(--success-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
    font-weight: 700;
  }

  /* ── Divider ── */
  .divider {
    border: none;
    border-top: 1px solid var(--border);
    margin: 56px 0;
  }

  /* ── Conclusion ── */
  .conclusion {
    background: var(--text-primary);
    border-radius: 12px;
    padding: 48px 40px;
    margin: 56px 0;
    color: #fff;
  }

  .conclusion .label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent-mid);
    margin-bottom: 16px;
  }

  .conclusion h2 {
    font-family: var(--serif);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.4;
    border: none;
    padding: 0;
  }

  .conclusion p {
    color: rgba(255,255,255,0.65);
    font-size: 15px;
    margin-bottom: 16px;
  }

  .conclusion p:last-child { margin-bottom: 0; }

  /* ── Tags + Footer ── */
  .post-footer {
    padding: 40px 0 80px;
  }

  .tags-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 12px;
  }

  .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .tag {
    display: inline-block;
    padding: 5px 12px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 12px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
  }

  .tag:hover {
    background: var(--text-primary);
    color: #fff;
    border-color: var(--text-primary);
  }

  /* ── Responsive ── */
  @media (max-width: 600px) {
    .post-header { padding: 56px 20px 48px; }
    .lead-block { padding: 22px 20px; }
    .toc { padding: 22px 20px; }
    .conclusion { padding: 36px 24px; }
  }
&lt;/style&gt;
&lt;/div&gt;
&lt;!-- ═══ HEADER ═══ --&gt;&lt;header class=&quot;post-header&quot;&gt;
&lt;div class=&quot;category-tag&quot;&gt;AI 툴 분석&lt;/div&gt;
&lt;h1 class=&quot;post-title&quot;&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;AI가 내 글을 대신 써줄 때 생기는 문제들&lt;/span&gt;&lt;/h1&gt;
&lt;p class=&quot;post-subtitle&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;블로그&amp;middot;SNS 콘텐츠에서 AI 툴을 제대로 쓰는 법&lt;/span&gt;&lt;/p&gt;
&lt;div class=&quot;post-meta&quot;&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;2026년 5월 24일 읽기 약 12분 AI 툴 분석&lt;/span&gt;&lt;/div&gt;
&lt;/header&gt;&lt;!-- ═══ BODY ═══ --&gt;&lt;main class=&quot;container&quot;&gt;&lt;!-- 리드 --&gt;
&lt;div class=&quot;lead-block&quot;&gt;&quot;ChatGPT한테 시키면 5분 만에 블로그 글 뚝딱 나오던데요?&quot;&lt;br /&gt;&lt;br /&gt;맞습니다. 나옵니다. 그런데 6개월 후 그 블로그의 방문자가 왜 반토막이 났는지는 아무도 알려주지 않습니다. AI가 글을 대신 써주는 건 분명한 효율이지만, 그 과정에서 조용히 잃어버리는 것들이 있습니다. 이 글은 그 목록을 들여다봅니다.&lt;/div&gt;
&lt;!-- 목차 --&gt;&lt;nav class=&quot;toc&quot; aria-label=&quot;목차&quot;&gt;
&lt;p class=&quot;toc-title&quot; data-ke-size=&quot;size16&quot;&gt;목차&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#problem-overview&quot;&gt;문제는 생산성이 아니라 품질이다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#problem-1&quot;&gt;문제 1 &amp;mdash; 어투가 모두 같아진다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#problem-2&quot;&gt;문제 2 &amp;mdash; 사실이 조용히 틀려있다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#problem-3&quot;&gt;문제 3 &amp;mdash; 검색엔진이 AI 글을 걸러낸다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#problem-4&quot;&gt;문제 4 &amp;mdash; 독자와의 신뢰가 무너진다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#problem-5&quot;&gt;문제 5 &amp;mdash; 작가로서 나 자신이 사라진다&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#solution&quot;&gt;그렇다면 어떻게 써야 하는가&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/nav&gt;&lt;!-- ─── SECTION 0: 개요 ─── --&gt;
&lt;section id=&quot;problem-overview&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;들어가며&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;문제는 생산성이 아니라 품질이다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 글쓰기 툴이 없던 시절과 비교하면 콘텐츠 생산 속도는 비교할 수 없이 빨라졌습니다. ChatGPT, Claude, Gemini 같은 AI는 지시만 하면 그럴듯한 문장을 수천 자씩 뽑아냅니다. 블로거, 마케터, 유튜버 모두 AI를 쓰지 않으면 뒤처지는 것 같은 압박을 느낍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런데 실제로 장기간 AI 의존 콘텐츠를 운영한 채널들을 보면 공통된 패턴이 보입니다. 초반 몇 달은 양이 늘면서 지표가 오르지만, 시간이 지날수록 체류 시간이 줄고, 재방문율이 떨어지고, 구독자 이탈이 시작됩니다. AI가 생산성 문제를 해결하는 동안 품질과 신뢰도 문제를 만들어내고 있었던 겁니다.&lt;/p&gt;
&lt;div class=&quot;problem-grid&quot;&gt;
&lt;div class=&quot;problem-card red&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-label&quot; data-ke-size=&quot;size16&quot;&gt;문제 1&lt;/p&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;어투 획일화&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;모든 글이 같은 톤. 독자가 AI 글인 것을 느낀다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;problem-card amber&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-label&quot; data-ke-size=&quot;size16&quot;&gt;문제 2&lt;/p&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;사실 오류 삽입&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;그럴듯한 문장 속에 틀린 정보가 섞인다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;problem-card blue&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-label&quot; data-ke-size=&quot;size16&quot;&gt;문제 3&lt;/p&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;SEO 패널티&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;검색엔진이 AI 생성 대량 콘텐츠를 다운랭킹한다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;problem-card purple&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-label&quot; data-ke-size=&quot;size16&quot;&gt;문제 4 &amp;middot; 5&lt;/p&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;신뢰 + 정체성 손실&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;독자 신뢰가 무너지고, 작가 자신도 희미해진다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;!-- ─── SECTION 1: 어투 ─── --&gt;
&lt;section id=&quot;problem-1&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;문제 01&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;어투가 모두 같아진다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;ChatGPT나 Claude에게 블로그 글을 써달라고 하면 어떤 주제든 비슷한 구조가 나옵니다. &quot;~에 대해 알아보겠습니다&quot;로 시작해서 소제목을 나열하고, &quot;정리하자면&quot;으로 마무리하는 패턴. 처음 한두 번은 자연스러워 보이지만, 이런 글이 10개, 20개 쌓이면 독자들이 감지하기 시작합니다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;&quot;이 블로그 글들, 왜 다 같은 사람이 쓴 것 같지? 아니, 같은 AI가 쓴 것 같아.&quot; &lt;cite&gt;&amp;mdash; 실제 독자 반응 패턴 (커뮤니티 모니터링 기반)&lt;/cite&gt;&lt;/blockquote&gt;
&lt;h3 class=&quot;sub-title&quot; data-ke-size=&quot;size23&quot;&gt;왜 이런 현상이 생기는가&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 언어모델은 학습 데이터에서 가장 '평균적으로 좋은' 문장을 생성하도록 훈련되어 있습니다. 즉, 가장 무난하고 보편적인 어투가 기본값입니다. 개인의 경험에서 나오는 거친 표현, 의외의 비유, 속도감 있는 단문 같은 것은 AI가 기본적으로 회피합니다. 결과적으로 AI가 많이 쓸수록 모든 콘텐츠가 동질화됩니다.&lt;/p&gt;
&lt;div class=&quot;compare&quot;&gt;
&lt;div class=&quot;compare-col&quot;&gt;
&lt;p class=&quot;compare-header&quot; data-ke-size=&quot;size16&quot;&gt;❌ AI가 기본으로 생성하는 어투&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;관형절이 3개 이상 중첩된 긴 문장&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;&quot;~에 대해 살펴보겠습니다&quot; 반복&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;과도하게 객관적이고 중립적인 어조&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;개인 경험 없는 일반론 나열&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;감정 표현 없는 건조한 서술&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;compare-col&quot;&gt;
&lt;p class=&quot;compare-header&quot; data-ke-size=&quot;size16&quot;&gt;✅ 독자가 기억하는 어투&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;단문과 장문이 자연스럽게 섞인 리듬&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;필자 고유의 반복 표현&amp;middot;말버릇&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;실제 경험에서 나오는 불완전한 표현&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;독자를 직접 부르는 2인칭 문체&lt;/p&gt;
&lt;p class=&quot;compare-item&quot; data-ke-size=&quot;size16&quot;&gt;감정과 판단이 담긴 주관적 서술&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;callout warn&quot;&gt;&lt;span class=&quot;callout-icon&quot;&gt;⚠️&lt;/span&gt;
&lt;div class=&quot;callout-body&quot;&gt;&lt;b&gt;핵심 지표 확인&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Google Analytics에서 '평균 세션 시간'과 '이탈률'을 AI 사용 전후로 비교해보세요. 어투가 획일화된 블로그는 대부분 이탈률이 올라갑니다. 독자가 읽다가 &quot;이거 AI가 쓴 거 같은데&quot;라고 느끼는 순간 뒤로가기를 누릅니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;!-- ─── SECTION 2: 사실 오류 ─── --&gt;
&lt;section id=&quot;problem-2&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;문제 02&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;사실이 조용히 틀려있다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI가 생성한 글에서 가장 위험한 문제 중 하나는 사실 오류입니다. 특히 무서운 건 틀린 내용이 마치 맞는 것처럼 자신 있게 서술된다는 점입니다. 이것을 AI 업계에서는 '할루시네이션(Hallucination)'이라고 부릅니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;통계 수치, 인물의 발언, 제품 스펙, 법령 내용, 역사적 사실 등은 AI가 특히 자주 오류를 만드는 영역입니다. AI 모델은 학습 데이터에서 패턴을 추출하는데, 그 과정에서 존재하지 않는 출처나 변형된 수치를 자신 있게 제시하는 경우가 발생합니다.&lt;/p&gt;
&lt;h3 class=&quot;sub-title&quot; data-ke-size=&quot;size23&quot;&gt;실제로 어떤 오류가 나오는가&lt;/h3&gt;
&lt;div class=&quot;callout danger&quot;&gt;&lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;callout-body&quot;&gt;&lt;b&gt;실제 확인된 AI 오류 유형들&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;존재하지 않는 연구 논문 인용 / 실제와 다른 통계 수치 제시 / 기업 설립 연도나 CEO 이름 오류 / 삭제된 정책&amp;middot;법령을 현행인 것처럼 서술 / 혼합된 두 인물의 발언을 한 명의 것으로 합성&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 블로그나 SNS에서 &quot;ChatGPT가 말했는데...&quot;라고 쓰인 잘못된 정보가 공유되면서 2차, 3차 오류 확산이 일어나는 사례가 늘고 있습니다. 독자들이 나중에 사실 오류를 발견하면 해당 채널 전체의 신뢰도가 무너집니다.&lt;/p&gt;
&lt;div class=&quot;callout ok&quot;&gt;&lt;span class=&quot;callout-icon&quot;&gt;✅&lt;/span&gt;
&lt;div class=&quot;callout-body&quot;&gt;&lt;b&gt;검증 원칙: '신뢰하되 확인하라'&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI가 생성한 글의 모든 수치, 인용, 고유명사는 반드시 원본 출처를 직접 확인하세요. AI는 초안 작성 도구이지 팩트체커가 아닙니다. 특히 숫자가 들어간 문장은 100% 검증을 원칙으로 삼으세요.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;!-- ─── SECTION 3: SEO ─── --&gt;
&lt;section id=&quot;problem-3&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;문제 03&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;검색엔진이 AI 글을 걸러낸다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;구글은 2022년 'helpful content update'를 시작으로 AI 대량 생성 콘텐츠에 대한 평가 기준을 지속적으로 강화하고 있습니다. 구글의 공식 입장은 &quot;AI 생성 여부 자체가 아니라 도움이 되는 콘텐츠인가를 본다&quot;이지만, 실제 SEO 분석 사례들을 보면 AI 의존도가 높은 사이트들에서 명확한 트래픽 감소 패턴이 나타납니다.&lt;/p&gt;
&lt;h3 class=&quot;sub-title&quot; data-ke-size=&quot;size23&quot;&gt;구글이 감지하는 AI 콘텐츠의 특징들&lt;/h3&gt;
&lt;div class=&quot;callout warn&quot;&gt;&lt;span class=&quot;callout-icon&quot;&gt;⚠️&lt;/span&gt;
&lt;div class=&quot;callout-body&quot;&gt;&lt;b&gt;이런 패턴이 누적되면 검색 노출이 줄어든다&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특정 키워드의 과도한 반복 / 같은 구조의 글이 대량으로 짧은 기간에 게시 / 외부 링크 없이 추상적 근거만 나열 / 실제 사용 경험이나 사진이 없는 리뷰 / 체류 시간이 매우 짧고 이탈률이 높은 페이지&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO 관점에서 더 근본적인 문제는 'E-E-A-T(경험, 전문성, 권위, 신뢰성)' 기준입니다. 구글은 특히 '경험(Experience)' 항목을 중요하게 봅니다. 실제 사용자가 직접 경험하고 작성한 글인지를 평가하는 것인데, AI가 쓴 글은 이 기준에서 구조적으로 취약합니다.&lt;/p&gt;
&lt;div class=&quot;callout info&quot;&gt;&lt;span class=&quot;callout-icon&quot;&gt; &lt;/span&gt;
&lt;div class=&quot;callout-body&quot;&gt;&lt;b&gt;E-E-A-T를 강화하는 방법&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;직접 찍은 사진 삽입 / 구체적인 날짜와 맥락이 담긴 경험 서술 / 실수나 실패 경험까지 솔직하게 기술 / 관련 전문가나 공식 자료 명시적 인용 / 독자 질문에 직접 답하는 댓글 운영&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;!-- ─── SECTION 4: 신뢰 ─── --&gt;
&lt;section id=&quot;problem-4&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;문제 04&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;독자와의 신뢰가 무너진다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;콘텐츠 크리에이터에게 신뢰는 알고리즘보다 더 오래 지속되는 자산입니다. 독자가 &quot;이 사람 글은 믿을 수 있어&quot;라고 느끼기까지는 수십 개의 콘텐츠가 필요하지만, 신뢰가 무너지는 데는 한 번의 사실 오류, 혹은 &quot;이거 AI가 쓴 거잖아&quot;라는 확신 하나면 충분합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 한국 독자들은 콘텐츠의 '진정성'에 매우 민감합니다. 블로그 이웃이나 유튜브 구독자를 오랜 시간 유지하는 채널들을 분석하면, 공통적으로 필자의 개인적 경험과 실패, 불완전한 감정이 담긴 콘텐츠가 많습니다. 이런 요소들은 AI가 기본적으로 생성하지 않는 것들입니다.&lt;/p&gt;
&lt;h3 class=&quot;sub-title&quot; data-ke-size=&quot;size23&quot;&gt;독자가 AI 글에서 느끼는 것&lt;/h3&gt;
&lt;div class=&quot;problem-grid&quot;&gt;
&lt;div class=&quot;problem-card amber&quot; style=&quot;grid-column: auto;&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;차갑고 거리감 있음&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;감정이 없는 서술. 필자가 보이지 않는다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;problem-card red&quot; style=&quot;grid-column: auto;&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;어디서 본 것 같음&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;차별점이 없고, 다른 글과 구분이 안 된다.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;problem-card blue&quot; style=&quot;grid-column: auto;&quot;&gt;&lt;span class=&quot;card-icon&quot;&gt; &lt;/span&gt;
&lt;p class=&quot;card-title&quot; data-ke-size=&quot;size16&quot;&gt;너무 완벽해서 오히려 수상함&lt;/p&gt;
&lt;p class=&quot;card-desc&quot; data-ke-size=&quot;size16&quot;&gt;실수나 솔직함이 없으면 인간답지 않게 느껴진다.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;!-- ─── SECTION 5: 정체성 ─── --&gt;
&lt;section id=&quot;problem-5&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;문제 05&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;작가로서 나 자신이 사라진다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이것은 다른 문제들보다 덜 즉각적이지만, 가장 장기적으로 심각한 문제입니다. 글을 쓰는 행위 자체가 사고를 정리하고, 관점을 형성하고, 자신의 목소리를 발견하는 과정입니다. AI에게 글쓰기를 완전히 위임하면 이 과정이 사라집니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1년 뒤, &quot;나는 어떤 주제에 대해 어떤 생각을 가진 사람인가?&quot;라는 질문에 답할 수 없게 됩니다. 블로그에는 글이 100개가 넘지만, 그 안에 '나'는 없는 상태가 됩니다. 독자들이 그것을 먼저 알아챕니다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;글쓰기를 AI에게 맡기는 순간, 우리가 잃는 것은 시간이 아니라 '생각하는 습관'입니다. &lt;cite&gt;&amp;mdash; AI 글쓰기 도구 의존도 조사, 2025&lt;/cite&gt;&lt;/blockquote&gt;
&lt;/section&gt;
&lt;hr class=&quot;divider&quot; data-ke-style=&quot;style1&quot; /&gt;&lt;!-- ─── SECTION 6: 해결책 ─── --&gt;
&lt;section id=&quot;solution&quot; class=&quot;section&quot;&gt;
&lt;p class=&quot;section-number&quot; data-ke-size=&quot;size16&quot;&gt;그래서&lt;/p&gt;
&lt;h2 class=&quot;section-title&quot; data-ke-size=&quot;size26&quot;&gt;그렇다면 어떻게 써야 하는가&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI를 안 쓰라는 이야기가 아닙니다. AI는 분명히 강력한 도구입니다. 문제는 AI를 '작가 대체재'로 쓰는 것이지, '작업 보조 도구'로 쓰는 건 전혀 다른 이야기입니다. 다음은 실제로 효과적인 AI 보조 글쓰기 워크플로우입니다.&lt;/p&gt;
&lt;ol class=&quot;step-list&quot; style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;span class=&quot;step-num&quot;&gt;1&lt;/span&gt;
&lt;div class=&quot;step-content&quot;&gt;&lt;b&gt;아이디어와 경험은 직접 먼저 써라&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;주제를 결정하고, 내가 이 주제에 대해 어떤 경험이 있는지, 어떤 생각인지를 메모 수준으로라도 먼저 직접 써두세요. AI는 이 씨앗을 확장하는 데 씁니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;step-num&quot;&gt;2&lt;/span&gt;
&lt;div class=&quot;step-content&quot;&gt;&lt;b&gt;AI는 구조와 리서치 보조에만 활용하라&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;목차 구성 제안, 특정 개념의 설명 초안, 빠진 논점 체크 등에 AI가 강합니다. 본문 전체를 맡기지 말고, 섹션별로 내가 초안을 쓰고 AI에게 보완을 요청하세요.&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;step-num&quot;&gt;3&lt;/span&gt;
&lt;div class=&quot;step-content&quot;&gt;&lt;b&gt;AI가 생성한 모든 사실은 직접 검증하라&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;수치, 인용, 고유명사, 날짜는 반드시 원본 출처에서 확인하세요. &quot;AI가 그랬는데&quot;는 독자에게 변명이 되지 않습니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;step-num&quot;&gt;4&lt;/span&gt;
&lt;div class=&quot;step-content&quot;&gt;&lt;b&gt;마지막 목소리 편집은 반드시 직접 하라&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI가 작성한 초안을 그대로 올리지 마세요. 나만의 어투로 문장을 다듬고, 나의 경험 에피소드를 추가하고, 어색한 AI 패턴 문장을 걷어내는 편집 과정이 필수입니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;step-num&quot;&gt;5&lt;/span&gt;
&lt;div class=&quot;step-content&quot;&gt;&lt;b&gt;AI가 못 하는 것을 의도적으로 넣어라&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;직접 찍은 사진, 솔직한 실패 경험, 감정이 담긴 주관적 판단, 특정 커뮤니티 문화적 뉘앙스 &amp;mdash; 이것들이 AI 글과 인간 글의 차이를 만듭니다.&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 class=&quot;sub-title&quot; data-ke-size=&quot;size23&quot;&gt;AI를 올바르게 쓰고 있는지 체크하기&lt;/h3&gt;
&lt;ul class=&quot;checklist&quot; style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;이 글에서 나의 직접 경험이나 관찰이 최소 1개 이상 들어가 있다&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;AI가 생성한 수치와 인용을 모두 직접 확인했다&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;글을 소리 내어 읽었을 때 내 평소 말투와 비슷하다&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;이 글의 핵심 주장이 내 생각이며, AI가 제안한 게 아니다&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;독자가 이 글을 읽고 '이 사람이 쓴 글'이라고 느낄 수 있다&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;check-icon&quot;&gt;✓&lt;/span&gt;E-E-A-T 관점에서 나의 경험과 전문성이 드러난다&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;!-- ─── CONCLUSION ─── --&gt;
&lt;div class=&quot;conclusion&quot;&gt;
&lt;p class=&quot;label&quot; data-ke-size=&quot;size16&quot;&gt;마치며&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;AI는 도구다. 작가는 여전히 당신이어야 한다.&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 글쓰기 툴이 콘텐츠 제작의 속도를 바꾼 것은 사실입니다. 하지만 속도가 품질을 대체하지는 않습니다. 독자들은 결국 사람의 목소리를 찾습니다. 정확한 정보를 원합니다. 자신과 비슷한 경험을 한 필자를 신뢰합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI를 쓰되, AI에게 작가 자리를 내주지 마세요. 가장 좋은 AI 활용은 내가 더 좋은 글을 쓸 수 있도록 도와주는 것이지, 나 대신 글을 쓰는 것이 아닙니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;결국 독자가 기억하는 것은 ChatGPT가 아니라 당신의 이름입니다.&lt;/p&gt;
&lt;/div&gt;
&lt;!-- ─── TAGS ─── --&gt;&lt;footer class=&quot;post-footer&quot;&gt;
&lt;p class=&quot;tags-label&quot; data-ke-size=&quot;size16&quot;&gt;태그&lt;/p&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;AI글쓰기&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;콘텐츠마케팅&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;블로그운영&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;ChatGPT&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;SEO&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;AI툴분석&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;할루시네이션&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;EEAT&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;콘텐츠전략&lt;/a&gt; &lt;a class=&quot;tag&quot; href=&quot;#&quot;&gt;글쓰기&lt;/a&gt;&lt;/div&gt;
&lt;/footer&gt;&lt;/main&gt;</description>
      <category>AI 툴 분석</category>
      <category>AI글쓰기</category>
      <category>AI툴분석</category>
      <category>ChatGPT</category>
      <category>EEAT</category>
      <category>SEO</category>
      <category>글쓰기</category>
      <category>블로그운영</category>
      <category>콘텐츠마케팅</category>
      <category>콘텐츠전략</category>
      <category>할루시네이션</category>
      <author>temver</author>
      <guid isPermaLink="true">https://temver.tistory.com/32</guid>
      <comments>https://temver.tistory.com/32#entry32comment</comments>
      <pubDate>Sun, 24 May 2026 23:19:54 +0900</pubDate>
    </item>
  </channel>
</rss>