<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>인공지능 활용백서</title>
    <link>https://babc.tistory.com/</link>
    <description>Be Creator! Be Artist!
인공지능을 활용해 다양한 창작 활동을 시작해 보세요!</description>
    <language>ko</language>
    <pubDate>Sun, 6 Sep 2026 15:01:49 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>BABC</managingEditor>
    <image>
      <title>인공지능 활용백서</title>
      <url>https://tistory1.daumcdn.net/tistory/3074563/attach/0c76d41cb3b94198a8e1057d1a1b6a9b</url>
      <link>https://babc.tistory.com</link>
    </image>
    <item>
      <title>&amp;quot;저기요&amp;quot; 대신 이름을 불러주는 앱을 만들었습니다</title>
      <link>https://babc.tistory.com/26</link>
      <description>&lt;div style=&quot;font-family: 'Noto Sans KR',sans-serif; line-height: 1.7; max-width: 800px; margin: 0 auto; font-size: 16px; color: #333;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 --&gt;
&lt;div style=&quot;background: #e8f4fd; padding: 15px; border-radius: 8px; font-style: italic; margin-bottom: 25px;&quot;&gt;&lt;b&gt;학생 이름, 아직도 종이 출석부로 외우시나요?&lt;/b&gt;&lt;br /&gt;쌤자리(SSAM-ZARI)는 자리 배치와 출석 체크를 동시에 관리하고, Google Sheets로 자동 저장하는 무료 웹앱입니다.&lt;/div&gt;
&lt;!-- 도입 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  학생들의 이름을 외우고 싶다!&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코딩 강사로 학교에 수업을 나가다 보면 어떤 수업은 단 하루짜리 수업을 나가기도 하고, 일주일에 한 번씩 일 년 일정으로 수업을 나가기도 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;담임 선생님처럼 매일 학생들을 만나지 않기 때문에 학생 이름을 외운다는 건 참 쉽지 않은 일이지만, &lt;b&gt;서로의 이름을 알고 이름을 불러가며 수업을 한다는 건 생각보다 의미 있는 행동&lt;/b&gt;이며 그 작은 행위만으로도 서로에게 작은 신뢰를 쌓아가게 해 줍니다.&lt;/p&gt;
&lt;!-- 문제 정의 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  문제는...&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;수업에 10명 미만의 학생들이라면 충분히 외울 수 있지만, 20명 30명이 되어 버리면 이름 외우기의 난이도가 올라가 버리기 때문에 출석부와 학생 명단이 필요합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런데 명단이 있어도 학생들이 앉은 자리가 달라지거나 번호순대로 앉는 게 아니라면 명단도 사실 무용지물&amp;hellip;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 &lt;b&gt;학생들의 이름과 위치를 잘 파악해서 수업에 참여하는 학생들을 잘 파악할 수 있는 앱&lt;/b&gt;을 바이브코딩으로 만들어 보았습니다.&lt;/p&gt;
&lt;!-- 앱 소개 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  이번 앱은... 쌤자리(SSAM-ZARI)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;앱 이름: &lt;b&gt;쌤자리&lt;/b&gt;&lt;br /&gt;이름 짓는 것이 여간 쉬운 일이 아니라 AI에게 추천받아 정했습니다  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기능은 &lt;b&gt;출석체크, 자리배치, 명단관리&lt;/b&gt;, 그리고 이 모든 걸 구글 스프레드시트에 저장하기 위해서 GAS 코드로 만들고 배포한 URL을 연결할 &lt;b&gt;설정&lt;/b&gt; &amp;mdash; 이렇게 심플하게 구성했습니다.&lt;/p&gt;
&lt;div style=&quot;background: #f9fafb; padding: 15px; border-radius: 8px; margin: 20px 0;&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;  나중에 원하는 기능들이 생각나면 추가하면 되기 때문에 일단 &lt;b&gt;학생들의 이름과 얼굴을 매칭하는 것&lt;/b&gt;에 중점을 맞췄고, 모바일 기기에서도 사용할 수 있는 화면 디자인으로 &lt;b&gt;화면 하단에 메뉴가 보이도록&lt;/b&gt; 만든 것이 특징입니다.&lt;/p&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;출석체크, 자리배치, 명단관리 모두 &lt;b&gt;학교, 학년, 반을 필터링&lt;/b&gt;해서 입력하거나 조회해야 하기 때문에 비슷한 구조로 상단에 배치하고, 아래에는 학생 명단과 자리배치를 보여주는 심플한 구조입니다.&lt;/p&gt;
&lt;!-- 1. 명단관리 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  1. 명단관리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;명단관리 메뉴 화면에서 &lt;b&gt;학교, 학년, 반을 입력&lt;/b&gt; 후 한 줄씩 구분하여 전체 학생 이름을 입력할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;학생 데이터가 있는 텍스트 파일이나 엑셀 파일을 업로드하면 자동으로 명단을 가져오게 해 놓긴 했는데, 이건 테스트가 좀 필요합니다  &lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;968&quot; data-origin-height=&quot;964&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bbFGtS/dJMcac4br7B/IDbKNDz76Cb5ee7adoNnv0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bbFGtS/dJMcac4br7B/IDbKNDz76Cb5ee7adoNnv0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bbFGtS/dJMcac4br7B/IDbKNDz76Cb5ee7adoNnv0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbbFGtS%2FdJMcac4br7B%2FIDbKNDz76Cb5ee7adoNnv0%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;968&quot; height=&quot;964&quot; data-origin-width=&quot;968&quot; data-origin-height=&quot;964&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;!-- 2. 출석체크 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;✅ 2. 출석체크&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;명단을 입력했으면 출석체크 화면에서 해당 &lt;b&gt;학교 &amp;rarr; 학년 &amp;rarr; 반&lt;/b&gt;을 필터링해 가져올 수 있고, 디폴트 값은 &lt;b&gt;출석&lt;/b&gt;으로 되어 있기 때문에 &lt;b&gt;결석한 학생만 변경&lt;/b&gt;하고 저장하기 버튼을 누르면 연결된 시트에 저장이 됩니다.&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;965&quot; data-origin-height=&quot;966&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/0gKPs/dJMcabEebSm/NHzyq1yoQiWfKlkUgJiaM1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/0gKPs/dJMcabEebSm/NHzyq1yoQiWfKlkUgJiaM1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/0gKPs/dJMcabEebSm/NHzyq1yoQiWfKlkUgJiaM1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0gKPs%2FdJMcabEebSm%2FNHzyq1yoQiWfKlkUgJiaM1%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;965&quot; height=&quot;966&quot; data-origin-width=&quot;965&quot; data-origin-height=&quot;966&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;!-- 3. 자리배치 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  3. 자리배치&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;마지막으로 자리배치 메뉴 화면에선 &lt;b&gt;열과 행으로 자리 수를 배치&lt;/b&gt;하고, 역시 학교 &amp;rarr; 학년 &amp;rarr; 반을 선택하여 명단을 가져와 &lt;b&gt;원하는 위치에 학생 이름을 배치&lt;/b&gt;할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위치는 &lt;b&gt;드래그하여 변경&lt;/b&gt;할 수도 있고, 해당 위치 값들도 저장 버튼으로 연결된 스프레드시트에 저장할 수 있습니다.&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;965&quot; data-origin-height=&quot;961&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/X1xVQ/dJMcacQENf6/dNY2CdgE8rZb3Z15m8ZfIk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/X1xVQ/dJMcacQENf6/dNY2CdgE8rZb3Z15m8ZfIk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/X1xVQ/dJMcacQENf6/dNY2CdgE8rZb3Z15m8ZfIk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FX1xVQ%2FdJMcacQENf6%2FdNY2CdgE8rZb3Z15m8ZfIk%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;965&quot; height=&quot;961&quot; data-origin-width=&quot;965&quot; data-origin-height=&quot;961&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;!-- 4. 설정 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;⚙️ 4. 설정&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설정 메뉴에선 &lt;b&gt;GAS로 배포된 URL 주소를 입력&lt;/b&gt;하면 모든 값들이 저장되어 사용할 수 있습니다.&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;961&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/V9kTV/dJMcahqV8tr/bil9vx0S4dHuEDSzPy5dk0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/V9kTV/dJMcahqV8tr/bil9vx0S4dHuEDSzPy5dk0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/V9kTV/dJMcahqV8tr/bil9vx0S4dHuEDSzPy5dk0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FV9kTV%2FdJMcahqV8tr%2Fbil9vx0S4dHuEDSzPy5dk0%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;960&quot; height=&quot;961&quot; data-origin-width=&quot;960&quot; data-origin-height=&quot;961&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;!-- 요약 카드 --&gt;
&lt;style&gt;
.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;
box-shadow:0 6px 16px rgba(0,0,0,.1);padding:25px;margin:30px 0;}
.summary-card h3{margin-top:0;color:#6366f1;}
&lt;/style&gt;
&lt;div class=&quot;summary-card&quot;&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  쌤자리 한 줄 요약&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;문제:&lt;/b&gt; 학생 이름과 자리를 매칭하기 어렵다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;해결:&lt;/b&gt; 자리 배치 + 출석 체크 + 명단 관리를 한 번에&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;핵심:&lt;/b&gt; Google Sheets 연동 + 제로 코스트 + 모바일 대응&lt;/p&gt;
&lt;/div&gt;
&lt;!-- 마무리 --&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;마무리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;필요하신 선생님들은 댓글로 문의 주세요!  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;이름&amp;rdquo;을 불러주는 것, 그 작은 행위가 수업의 분위기를 바꿉니다.&lt;br /&gt;&lt;b&gt;쌤자리&lt;/b&gt;와 함께 학생들의 이름을 기억해 보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://litt.ly/aklabs&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;  아크랩스 홈페이지&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;</description>
      <category>Create</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/26</guid>
      <comments>https://babc.tistory.com/26#entry26comment</comments>
      <pubDate>Sat, 16 May 2026 18:51:31 +0900</pubDate>
    </item>
    <item>
      <title>학교 교구 관리, 아직도 엑셀로 하시나요?&amp;lt;</title>
      <link>https://babc.tistory.com/25</link>
      <description>&lt;div style=&quot;font-family: 'Noto Sans KR',sans-serif; line-height: 1.7; max-width: 800px; margin: 0 auto; font-size: 16px; color: #333;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 --&gt;
&lt;div style=&quot;background: #e8f4fd; padding: 15px; border-radius: 8px; font-style: italic; margin-bottom: 25px;&quot;&gt;&lt;b&gt;학교 교구 관리, 아직도 엑셀로 하시나요?&lt;/b&gt;&lt;br /&gt;EduKit Manager는 교육용 키트 대여&amp;middot;재고&amp;middot;이력을 Google Sheets로 자동 관리하는 무료 웹앱입니다.&lt;/div&gt;
&lt;!-- 도입 --&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;과학 실험 키트, 로봇 키트, 메이커 교구&amp;hellip;&lt;br /&gt;학교나 교육센터에서 교구 관리 맡아보신 분들은 공감하실 거예요   &lt;br /&gt;&lt;br /&gt;&amp;ldquo;누가 빌려갔지?&amp;rdquo; &amp;ldquo;이거 아직 안 돌아왔는데?&amp;rdquo; &amp;ldquo;엑셀 파일 최신 버전이 뭐지&amp;hellip;?&amp;rdquo; &lt;br /&gt;&lt;br /&gt;이런 상황을 줄이기 위해 만든 게 바로 &lt;b&gt;EduKit Manager&lt;/b&gt;입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a title=&quot;에듀킷 메니저 이동&quot; href=&quot;https://ai-service-hub.vercel.app/apps/fqGR5M0qieeYpVPR5vLW&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://ai-service-hub.vercel.app/apps/fqGR5M0qieeYpVPR5vLW&lt;/a&gt;&lt;/p&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  EduKit Manager란?&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;EduKit Manager는 &lt;b&gt;교육용 키트 대여 시스템을 관리하는 웹 기반 관리자 도구&lt;/b&gt;입니다.&lt;br /&gt;별도 서버나 프로그램 설치 없이, &lt;b&gt;웹 브라우저 + Google Sheets&lt;/b&gt;만 있으면 바로 사용할 수 있어요.&lt;/p&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;✨ 주요 기능 한눈에 보기&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;margin-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;키트 대여 관리&lt;/b&gt; &amp;ndash; 학생 대여 신청 접수 및 상태 추적&lt;/li&gt;
&lt;li&gt;&lt;b&gt;재고 현황 모니터링&lt;/b&gt; &amp;ndash; 실시간 수량, 대여 가능 여부 확인&lt;/li&gt;
&lt;li&gt;&lt;b&gt;대여 기록 관리&lt;/b&gt; &amp;ndash; 대여/반납 이력 자동 저장&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Google Sheets 연동&lt;/b&gt; &amp;ndash; 모든 기록 자동 동기화&lt;/li&gt;
&lt;li&gt;&lt;b&gt;상태 기반 필터링&lt;/b&gt; &amp;ndash; 대여 중 / 반납 완료 빠른 검색&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  이런 분들께 추천해요&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;margin-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;학교 교구 관리 담당 교사&lt;/li&gt;
&lt;li&gt;교육센터&amp;middot;청소년수련관 행정 담당자&lt;/li&gt;
&lt;li&gt;과학 실험 키트, 로봇 키트를 학생에게 대여하는 환경&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  EduKit Manager의 차별점&lt;/b&gt;&lt;/h2&gt;
&lt;div style=&quot;background: #f9fafb; padding: 15px; border-radius: 8px;&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;  제로 코스트 운영&lt;/b&gt;&lt;br /&gt;Google Sheets를 DB로 사용 &amp;rarr; 서버 비용, 유료 툴 필요 없음&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;⚡ 즉시 사용 가능&lt;/b&gt;&lt;br /&gt;설치 없이 링크만 열면 바로 사용&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;  직관적인 인터페이스&lt;/b&gt;&lt;br /&gt;Tailwind CSS 기반 반응형 디자인, 모바일에서도 편리&lt;/p&gt;
&lt;/div&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;  실제 사용 시나리오&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;① 과학 실험 키트 대여&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;중학교 과학 교사가 학생 30명에게 현미경 키트를 대여합니다.&lt;br /&gt;학생 이름과 학번 입력 &amp;rarr; 대여 버튼 클릭 &amp;rarr;&lt;br /&gt;재고 자동 차감 + Google Sheets에 기록 완료.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;② 월말 재고 실사&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;학기 말, 대시보드에서 전체 키트 현황을 한눈에 확인하고&lt;br /&gt;미반납 목록만 필터링해 바로 관리할 수 있습니다.&lt;/p&gt;
&lt;!-- 요약 카드 --&gt;
&lt;style&gt;
.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;
box-shadow:0 6px 16px rgba(0,0,0,.1);padding:25px;margin:30px 0;}
.summary-card h3{margin-top:0;color:#1a73e8;}
&lt;/style&gt;
&lt;div class=&quot;summary-card&quot;&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  EduKit Manager 한 줄 요약&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;문제:&lt;/b&gt; 교구 대여&amp;middot;재고&amp;middot;이력 관리가 번거롭다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;해결:&lt;/b&gt; 웹에서 바로 쓰는 교구 관리 시스템&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;핵심:&lt;/b&gt; Google Sheets + 제로 코스트 + 즉시 사용&lt;/p&gt;
&lt;/div&gt;
&lt;h2 style=&quot;font-size: 22px; margin: 35px 0 15px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;마무리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;교구 관리 때문에 수업 준비 시간까지 줄어들고 있었다면,&lt;br /&gt;&lt;b&gt;EduKit Manager&lt;/b&gt; 한 번 써보세요  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://ai-service-hub.vercel.app/apps/fqGR5M0qieeYpVPR5vLW&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://ai-service-hub.vercel.app/apps/fqGR5M0qieeYpVPR5vLW&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&amp;ldquo;관리&amp;rdquo;는 줄이고, &amp;ldquo;수업&amp;rdquo;에 더 집중할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;궁금한 점이나 실제 사용해보고 싶은 분들은 댓글로 남겨주세요!&lt;/p&gt;
&lt;/div&gt;</description>
      <category>Create</category>
      <category>교구관리시스템</category>
      <category>교사추천</category>
      <category>교육용교구관리</category>
      <category>교육웹앱</category>
      <category>구글시트자동화</category>
      <category>바이브코딩</category>
      <category>아크랩스</category>
      <category>인공지능활용</category>
      <category>학교업무자동화</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/25</guid>
      <comments>https://babc.tistory.com/25#entry25comment</comments>
      <pubDate>Fri, 26 Dec 2025 18:17:00 +0900</pubDate>
    </item>
    <item>
      <title>크리스마스 트리에 카드를 단다고요? - 크리스마스 카드 만들기 웹앱</title>
      <link>https://babc.tistory.com/24</link>
      <description>&lt;div style=&quot;color: #333; line-height: 1.7; max-width: 800px; margin: 0 auto; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 --&gt;
&lt;div style=&quot;background-color: #f6ede8; padding: 15px; border-radius: 8px; font-style: italic; margin-bottom: 25px; font-size: 15px; border: 1px solid #e0cfc2;&quot;&gt;&lt;b&gt;크리스마스 트리에 카드를 단다고요?&lt;/b&gt;&lt;br /&gt;크리스마스 때마다 단톡방 인사로 끝났나요? 이제 친구들과 함께 트리에 카드를 달며 특별한 추억을 만들어보세요. 서버 비용 0원, 10분이면 시작 가능한 Christmas Tree Card 가이드입니다.&lt;/div&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;또 올해도 &amp;lsquo;메리 크리스마스~&amp;rsquo;만 보내고 끝?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;크리스마스 때마다 친구들이랑 단톡방에서 &amp;lsquo;메리 크리스마스~&amp;rsquo;만 보내고 끝났던 경험, 다들 있으시죠?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;원격 근무가 일상이 된 요즘, 회사 동료들과도 화면 속에서만 인사를 나눕니다. 학교도 마찬가지예요. 온라인 수업이 많아지면서 친구들과 직접 만나 카드를 주고받는 일도 줄어들었죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런데 올해는 좀 다르게 해보면 어떨까요?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;진짜 크리스마스 트리에 카드를 달듯이, 온라인에서도 &lt;b&gt;우리만의 트리를 만들어 보는 것&lt;/b&gt;이에요. 상상만 해도 재미있지 않나요?  &lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;트리에 카드 달기, 대체 어떻게 하는 거야?&lt;/h2&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1269&quot; data-origin-height=&quot;907&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rZKpo/dJMcahQvV57/AecSqJff5lxIVlZqrv79y1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rZKpo/dJMcahQvV57/AecSqJff5lxIVlZqrv79y1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rZKpo/dJMcahQvV57/AecSqJff5lxIVlZqrv79y1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrZKpo%2FdJMcahQvV57%2FAecSqJff5lxIVlZqrv79y1%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;1269&quot; height=&quot;907&quot; data-origin-width=&quot;1269&quot; data-origin-height=&quot;907&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Christmas Tree Card&lt;/b&gt;는 여러 사람이 함께 디지털 카드를 만들고, 그걸 크리스마스 트리에 장식처럼 달아서 공유하는 웹 애플리케이션이에요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;글로만 보면 감이 잘 안 올 수도 있어요. 그래서 먼저 직접 체험해보는 걸 추천해요.&lt;/p&gt;
&lt;div style=&quot;background: #fff3e0; border: 1px solid #ffcc80; padding: 18px; margin: 25px 0; border-radius: 10px; text-align: center;&quot;&gt;
&lt;p style=&quot;margin: 0;&quot; data-ke-size=&quot;size16&quot;&gt;  &lt;b&gt;Christmas Tree Card 체험 링크&lt;/b&gt;&lt;br /&gt;&lt;a style=&quot;color: #d2691e; font-weight: bold; text-decoration: none;&quot; href=&quot;https://ai-service-hub.vercel.app/apps/mIyyKJQsNREWUP8SzpUh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; https://ai-service-hub.vercel.app/apps/mIyyKJQsNREWUP8SzpUh &lt;/a&gt;&lt;/p&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;솔직히 말해서, 요즘 온라인 연말 인사는 너무 밋밋해요. 단톡방에 &amp;lsquo;메리 크리스마스&amp;rsquo; 다섯 글자 던지고 끝. 가끔 이모티콘 하나 보내면 그게 최선이었죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;줌으로 크리스마스 파티를 해도 뭔가 2% 부족합니다. 화면 보며 건배하고, 각자 집에서 케이크 먹고, 그게 전부예요. 뭔가 함께 만들어가는 느낌이 없거든요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Christmas Tree Card는 이런 아쉬움에서 출발했어요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;우리가 직접 참여해서 뭔가를 만들어가는 느낌, 그걸 온라인에서도 느낄 수 없을까?&amp;rdquo;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;드래그만 하면 끝, 정말 쉬워요&lt;/h3&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1225&quot; data-origin-height=&quot;745&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/varlJ/dJMcacVYcxi/23KroKPcJVlIzq4xBpQ5r0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/varlJ/dJMcacVYcxi/23KroKPcJVlIzq4xBpQ5r0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/varlJ/dJMcacVYcxi/23KroKPcJVlIzq4xBpQ5r0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvarlJ%2FdJMcacVYcxi%2F23KroKPcJVlIzq4xBpQ5r0%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;1225&quot; height=&quot;745&quot; data-origin-width=&quot;1225&quot; data-origin-height=&quot;745&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;카드를 만들어요. 텍스트 쓰고, 원하면 이미지도 넣고 애니메이션도 추가할 수 있어요.&lt;/li&gt;
&lt;li&gt;트리에 카드가 오브제처럼 달려요. 반짝반짝 빛나는 장식이 되는 거죠.&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다른 사람이 만든 카드를 클릭하면 그 사람이 쓴 메시지를 볼 수 있어요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;마치 진짜 트리에서 오브제 하나를 집어 들어 자세히 보는 것처럼요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;배경 음악도 나오고, 카드 열 때마다 효과음도 들려요. 그냥 텍스트를 읽는 게 아니라, &lt;b&gt;크리스마스 분위기를 제대로 느낄 수 있습니다.&lt;/b&gt;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;우리 팀만의 특별한 공간 만들기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;비밀번호로 내 카드 지키기&lt;/h3&gt;
&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;436&quot; data-origin-height=&quot;182&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/clA9kH/dJMcag49jKR/BTP2k3Nx5uN4KKrqOdUNHk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/clA9kH/dJMcag49jKR/BTP2k3Nx5uN4KKrqOdUNHk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/clA9kH/dJMcag49jKR/BTP2k3Nx5uN4KKrqOdUNHk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FclA9kH%2FdJMcag49jKR%2FBTP2k3Nx5uN4KKrqOdUNHk%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;436&quot; height=&quot;182&quot; data-origin-width=&quot;436&quot; data-origin-height=&quot;182&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;누가 내 카드 함부로 지우면 어떡해요?&amp;rdquo;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;걱정 마세요. 카드를 만들 때 비밀번호를 설정할 수 있어요. 내가 만든 카드는 나만 수정하고 삭제할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;비밀번호는 SHA-256으로 해시되어 저장돼요. 다른 사람이 볼 수 없다는 뜻이죠.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;실시간으로 다 같이 보는 재미&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;누군가 카드를 새로 추가하면 다른 사람 화면에도 바로 나타나요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;새로고침 할 필요 없이 자동으로 업데이트됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;팀원들이 하나씩 카드를 달 때마다 트리가 점점 풍성해지는 걸 함께 지켜볼 수 있어요.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;서버 비용 0원, Google Sheets면 끝&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;좋은 건 알겠는데, 서버 돌리려면 돈 들지 않아요?&amp;rdquo;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;전혀 안 들어요. 이게 이 앱의 가장 큰 장점 중 하나예요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Christmas Tree Card는 Google Sheets와 Apps Script로 돌아갑니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;별도 서버가 필요 없고, Google이 제공하는 무료 도구만으로 충분해요.&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;실제로 어디서 쓰면 좋을까?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;원격 근무 팀의 특별한 크리스마스&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;각자 집에서 카드를 만들고, 크리스마스 당일 줌 회의에서 함께 트리를 봐요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;이거 누가 쓴 거야?&amp;rdquo; &amp;ldquo;아, 이거 내가 썼어!&amp;rdquo;&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;학생들이 친구에게 전하고 싶은 메시지를 카드로 만들어 트리에 달아요.&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;올해도 함께해서 좋았어요&amp;rdquo; &amp;ldquo;내년에도 우리 오래 가요&amp;rdquo;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런 메시지가 모이면 단순한 온라인 모임이 아니라 &lt;b&gt;진짜 공동체 같은 느낌&lt;/b&gt;이 들어요.&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;올해는 특별하게, 우리만의 트리를 만들어봐요&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;올해 크리스마스도 똑같이 보내기엔 너무 아깝잖아요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Christmas Tree Card로 우리만의 특별한 트리를 만들어보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단톡방 메시지 한 줄보다 훨씬 따뜻하고, 줌 회의보다 훨씬 재미있을 거예요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;올해 크리스마스, 우리만의 트리로 특별한 추억 만들어봐요  ✨&lt;/p&gt;
&lt;/div&gt;</description>
      <category>Create</category>
      <category>ChatGPT</category>
      <category>생성형AI</category>
      <category>아크랩스</category>
      <category>인공지능</category>
      <category>크리스마스</category>
      <category>크리스마스카드</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/24</guid>
      <comments>https://babc.tistory.com/24#entry24comment</comments>
      <pubDate>Thu, 18 Dec 2025 12:18:06 +0900</pubDate>
    </item>
    <item>
      <title>10분 만에 끝! 바이브코딩으로 만드는 랜덤 주제 뽑기 웹앱 가이드</title>
      <link>https://babc.tistory.com/23</link>
      <description>&lt;div style=&quot;font-family: 'Noto Sans KR', sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; font-size: 16px; box-sizing: border-box;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 박스 --&gt;
&lt;div style=&quot;background-color: #e8f4fd; padding: 15px; border-radius: 8px; font-style: italic; margin-bottom: 25px; font-size: 15px; border: 1px solid #cfe3fb;&quot;&gt;&lt;b&gt;조별과제 주제 정하기, 10분 만에 자동화할 수 있을까요?&lt;/b&gt; 바이브코딩으로 랜덤 주제 뽑기 웹앱을 만들면 중복 없는 공정한 추첨과 사운드 효과까지 한 번에 해결할 수 있습니다. 코딩을 몰라도 수업용 도구를 직접 만들어 보세요!&lt;/div&gt;
&lt;!-- 도입부 --&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;조별과제 주제를 정하다 보면 수업 시간이 훌쩍 지나가 버린 경험, 한 번쯤 있으실 거예요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;학생들은 각자의 의견을 내느라 시간이 길어지고, 선생님은 &amp;ldquo;누가 더 좋은 주제를 가져갔다&amp;rdquo;, &amp;ldquo;불공평하다&amp;rdquo;는 이야기를 듣게 되기도 하죠.  &lt;br /&gt;이런 고민을 줄이고, 수업의 시작부터 집중도를 끌어올릴 수 있는 방법이 있다면 어떨까요?&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;이 글에서는 &lt;b&gt;바이브코딩을 활용해 10분 만에 만드는 &amp;lsquo;랜덤 주제 뽑기 웹앱&amp;rsquo;&lt;/b&gt;을 소개해 드립니다.&lt;/p&gt;
&lt;!-- 섹션 1: 문제 정의 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;조별 주제 정하기, 왜 이렇게 어려울까요?  &lt;/b&gt;&lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;실제로 많은 교사들이 &amp;ldquo;조별과제 주제 정하기&amp;rdquo;를 수업의 가장 큰 난관 중 하나로 꼽습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;학생들은 각자 하고 싶은 주제가 달라 의견 충돌이 생기고, 누군가는 소극적으로 참여하게 되기도 합니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;결국 선생님이 중재하고 설득하는 데 시간을 많이 쓰게 되죠.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;또 다른 문제는 &lt;b&gt;공정성&lt;/b&gt;입니다. 선생님이 직접 주제를 배정하면 &amp;ldquo;우리 조는 왜 이거예요?&amp;rdquo;라는 반응이 나오고, 학생들에게 선택을 맡기면 인기 주제를 두고 실랑이가 이어지곤 합니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;이럴 때, &lt;b&gt;랜덤으로 공정하게 배정해 주는 도구&lt;/b&gt;가 있다면 상황이 훨씬 편해집니다.&lt;/p&gt;
&lt;div style=&quot;background-color: #e8f4fd; border-left: 4px solid #1a73e8; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;  알아두세요!&lt;/b&gt;&lt;br /&gt;조별 주제 배정은 단순히 &amp;ldquo;주제를 정하는 일&amp;rdquo;이 아니라, 수업 분위기와 학생 참여도에 직접적인 영향을 주는 요소입니다. 초반 흐름을 잘 잡아두면 이후 활동에서도 훨씬 수월하게 진행할 수 있습니다.&lt;/div&gt;
&lt;!-- 섹션 2: 해결 프로세스 (How-to) --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;바이브코딩으로 10분 만에 웹앱 만들기  &lt;/b&gt;&lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;바이브코딩&lt;/b&gt;은 Claude AI를 활용해 웹앱을 만들어 주는 노코드 도구입니다. 코드를 한 줄도 쓰지 않아도, &lt;b&gt;자연어로 원하는 기능을 설명하면 AI가 HTML, CSS, JavaScript 코드를 자동으로 생성&lt;/b&gt;해 줍니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 10px; font-weight: bold;&quot; data-ke-size=&quot;size16&quot;&gt;1단계. 바이브코딩 접속 및 로그인 (약 2분)&lt;/p&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;바이브코딩 사이트에 접속합니다.&lt;/li&gt;
&lt;li&gt;기존 계정으로 로그인하거나, 간단히 회원가입을 진행합니다.&lt;/li&gt;
&lt;li&gt;새 프로젝트를 생성할 준비만 하면 1단계는 끝입니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 10px; font-weight: bold;&quot; data-ke-size=&quot;size16&quot;&gt;2단계. AI에게 원하는 웹앱을 말로 설명하기 (약 3분)&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;아래와 같이 프롬프트를 입력해 보세요.&lt;/p&gt;
&lt;div style=&quot;background-color: #f5f5f5; border-radius: 8px; padding: 12px 14px; margin-bottom: 15px; border: 1px solid #e0e0e0; font-size: 15px;&quot;&gt;&amp;ldquo;중고등학생용 사회문제 주제 55개를 랜덤으로 뽑아주는 웹앱을 만들어줘. 5초 타이머, 사운드 효과, 컨페티 애니메이션을 넣고, 한 번 뽑힌 주제는 다시 나오지 않게 해줘.&amp;rdquo;&lt;/div&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;이 한 문장만 입력해도 AI가 &lt;b&gt;전체 페이지 구조, 스타일, 동작 로직&lt;/b&gt;을 모두 포함한 코드를 자동으로 생성해 줍니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 10px; font-weight: bold;&quot; data-ke-size=&quot;size16&quot;&gt;3단계. 필요한 부분만 미세 조정하고 완성 (약 5분)&lt;/p&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&amp;ldquo;주제를 100개로 늘려줘요.&amp;rdquo;&lt;/li&gt;
&lt;li&gt;&amp;ldquo;배경색을 보라색 계열로 바꿔 주세요.&amp;rdquo;&lt;/li&gt;
&lt;li&gt;&amp;ldquo;타이머를 5초에서 3초로 줄여 주세요.&amp;rdquo;&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;이런 식으로 대화하듯 수정 요청을 하면, AI가 코드를 바로 고쳐 줍니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;테스트 후 마음에 들면 &lt;b&gt;URL을 복사해 학생들과 공유&lt;/b&gt;하면 바로 수업에 사용할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 섹션 3: 활용 팁/실전 사용 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;수업에서 이렇게 활용해 보세요  &lt;/b&gt;&lt;/h2&gt;
&lt;h3 style=&quot;font-size: 18px; margin: 10px 0 8px; color: #333; font-weight: bold;&quot; data-ke-size=&quot;size23&quot;&gt;1) 수업 시작 5분, 조별 주제 한 번에 배정&lt;/h3&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;빔프로젝터나 전자칠판에 웹앱 화면을 띄웁니다.&lt;/li&gt;
&lt;li&gt;각 조 대표가 순서대로 나와 &amp;ldquo;뽑기 시작&amp;rdquo; 버튼을 누릅니다.&lt;/li&gt;
&lt;li&gt;5초 카운트다운 후 주제가 확정되고, 컨페티와 사운드가 함께 나옵니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;한 조당 10초도 걸리지 않기 때문에, 6개 조라 해도 &lt;b&gt;1분 안에 전체 주제 배정&lt;/b&gt;을 끝낼 수 있습니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 18px; margin: 10px 0 8px; color: #333; font-weight: bold;&quot; data-ke-size=&quot;size23&quot;&gt;2) 아이스브레이킹용 5분 스피치 챌린지&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;랜덤으로 뽑힌 사회문제를 주제로 삼아, 조별로 5분간 아이디어를 브레인스토밍하게 해 보세요. 제한 시간과 랜덤성이 주어지면, 학생들의 창의력이 훨씬 잘 발휘됩니다. 간단한 발표까지 연결하면 &lt;b&gt;팀워크 형성과 말하기 연습&lt;/b&gt;에도 도움이 됩니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 18px; margin: 10px 0 8px; color: #333; font-weight: bold;&quot; data-ke-size=&quot;size23&quot;&gt;3) 프로젝트 수업 &amp;ndash; &amp;lsquo;홍보 MBTI&amp;rsquo; 만들기&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;뽑힌 사회문제를 해결하는 기존 상품&amp;middot;서비스를 찾아보고, 그들의 홍보 스타일을 MBTI처럼 분류해 보는 활동도 가능합니다. &amp;ldquo;이 브랜드는 감성형인가, 이성형인가?&amp;rdquo;, &amp;ldquo;어떤 톤앤매너로 소통하고 있는가?&amp;rdquo;를 분석하면서 자연스럽게 &lt;b&gt;마케팅 감각과 비판적 사고력&lt;/b&gt;을 키울 수 있습니다.&lt;/p&gt;
&lt;!-- 섹션 4: 특징 + 주의점 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;랜덤 주제 뽑기 웹앱의 장점 &amp;amp; 주의할 점 ⚙️&lt;/b&gt;&lt;/h2&gt;
&lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 15px 0 20px;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #dde3ea; background-color: #f3f7fd; font-weight: 600; text-align: left;&quot;&gt;구분&lt;/th&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #dde3ea; background-color: #f3f7fd; font-weight: 600; text-align: left;&quot;&gt;내용&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;교육용 맞춤 주제&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;1인 가구, 학교폭력, 환경오염, 디지털 격차 등 중고등학생이 공감할 수 있는 사회문제를 미리 세팅해 둘 수 있습니다.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;중복 없는 공정한 추첨&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;한 번 뽑힌 주제는 자동으로 제외되어, 조별로 서로 다른 주제가 배정됩니다.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;몰입감 있는 연출&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;타이머, 사운드, 컨페티 애니메이션 등으로 학생들의 집중과 기대감을 높일 수 있습니다.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;설치 없이 사용&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #dde3ea;&quot;&gt;URL만 있으면 PC, 태블릿, 스마트폰 어디에서나 바로 접속해 활용할 수 있습니다.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;div style=&quot;background-color: #fff8e1; border-left: 4px solid #ffb300; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;⚠️ 주의하세요!&lt;/b&gt;&lt;br /&gt;수업 전에 반드시 한두 번 테스트를 해 보시고, &lt;span style=&quot;background-color: #fffde7; padding: 2px 4px; border-radius: 3px;&quot;&gt;인터넷 연결 상태&lt;/span&gt;를 확인해 주세요. 학교 네트워크 환경에 따라 접속 속도나 사운드 재생이 달라질 수 있습니다.&lt;/div&gt;
&lt;!-- 요약 카드 --&gt;
&lt;style&gt;
    .single-summary-card-container {
      font-family: 'Noto Sans KR', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 10px;
      background-color: #e8f4fd;
      margin: 20px 0;
    }
    .single-summary-card {
      width: 100%;
      max-width: 700px;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.12);
      padding: 25px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid #b6d7fb;
      box-sizing: border-box;
    }
    .single-summary-card .card-header {
      display: flex;
      align-items: center;
      border-bottom: 2px solid #1a73e8;
      padding-bottom: 12px;
      margin-bottom: 12px;
    }
    .single-summary-card .card-header-icon {
      font-size: 34px;
      color: #1a73e8;
      margin-right: 14px;
    }
    .single-summary-card .card-header h3 {
      font-size: 24px;
      color: #1a73e8;
      margin: 0;
      line-height: 1.3;
      font-weight: 700;
    }
    .single-summary-card .card-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      font-size: 16px;
      line-height: 1.65;
      color: #333;
    }
    .single-summary-card .card-content .section {
      margin-bottom: 10px;
    }
    .single-summary-card .card-content .highlight {
      background-color: #fff9c4;
      padding: 2px 6px;
      border-radius: 3px;
      font-weight: bold;
    }
    .single-summary-card .card-footer {
      font-size: 14px;
      color: #777;
      text-align: center;
      padding-top: 12px;
      border-top: 1px dashed #cfd8dc;
      margin-top: auto;
    }
    @media (max-width: 768px) {
      .single-summary-card { padding: 18px; }
      .single-summary-card .card-header h3 { font-size: 20px; }
      .single-summary-card .card-content { font-size: 15px; }
    }
  &lt;/style&gt;
&lt;div class=&quot;single-summary-card-container&quot;&gt;
&lt;div class=&quot;single-summary-card&quot;&gt;
&lt;div class=&quot;card-header&quot;&gt;&lt;span class=&quot;card-header-icon&quot;&gt; &lt;/span&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;랜덤 주제 뽑기로 수업 준비 시간 줄이기&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;card-content&quot;&gt;
&lt;div class=&quot;section&quot;&gt;&lt;b&gt;핵심 1:&lt;/b&gt; &lt;span class=&quot;highlight&quot;&gt;조별 주제 선정 과정을 자동화하면 수업 도입 시간을 1~2분으로 줄일 수 있습니다.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;section&quot;&gt;&lt;b&gt;핵심 2:&lt;/b&gt; &lt;span class=&quot;highlight&quot;&gt;중복 방지, 타이머, 사운드 효과를 활용하면 공정성과 몰입도를 동시에 확보할 수 있습니다.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;section&quot;&gt;&lt;b&gt;적용 팁:&lt;/b&gt; &lt;span class=&quot;highlight&quot;&gt;첫 시간에는 사회문제, 다음에는 진로, 프로젝트 주제 등으로 확장해 다양한 활동에 활용해 보세요.&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;card-footer&quot;&gt;바이브코딩으로 만든 도구는 한 번 만들어 두면 학기 내내 재사용할 수 있습니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- FAQ 섹션 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;자주 묻는 질문 ❓&lt;/b&gt;&lt;/h2&gt;
&lt;div style=&quot;margin: 30px 0;&quot;&gt;
&lt;div style=&quot;margin-bottom: 20px;&quot;&gt;
&lt;div style=&quot;font-weight: bold; margin-bottom: 5px;&quot;&gt;Q1. 코딩을 전혀 몰라도 정말 만들 수 있을까요?&lt;/div&gt;
&lt;div style=&quot;padding-left: 15px;&quot;&gt;A. 네, 가능합니다. 원하는 기능을 문장으로 설명하면 AI가 코드를 대신 작성해 줍니다. 선생님께서는 결과를 확인하고, 필요하면 &amp;ldquo;색을 바꿔 주세요&amp;rdquo;, &amp;ldquo;주제를 더 늘려 주세요&amp;rdquo; 정도만 요청하시면 됩니다.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 20px;&quot;&gt;
&lt;div style=&quot;font-weight: bold; margin-bottom: 5px;&quot;&gt;Q2. 학생들도 직접 만들어 보게 할 수 있나요?&lt;/div&gt;
&lt;div style=&quot;padding-left: 15px;&quot;&gt;A. 네, 충분히 가능합니다. 고학년 혹은 중&amp;middot;고등학생이라면, 간단한 프롬프트만 알려 주어도 스스로 랜덤 뽑기, 출석 체크, 팀 배정 등 다양한 웹앱을 만들어 볼 수 있습니다.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 20px;&quot;&gt;
&lt;div style=&quot;font-weight: bold; margin-bottom: 5px;&quot;&gt;Q3. 학교 컴퓨터실에서도 문제 없이 사용할 수 있나요?&lt;/div&gt;
&lt;div style=&quot;padding-left: 15px;&quot;&gt;A. 기본적으로는 웹 브라우저만 열 수 있으면 사용 가능합니다. 다만, 수업 전에 인터넷 차단 여부와 소리 출력(스피커, 헤드셋)을 한 번 확인해 보시는 것을 추천드립니다.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 20px;&quot;&gt;
&lt;div style=&quot;font-weight: bold; margin-bottom: 5px;&quot;&gt;Q4. 랜덤 주제를 사회과목 말고도 활용할 수 있을까요?&lt;/div&gt;
&lt;div style=&quot;padding-left: 15px;&quot;&gt;A. 물론입니다. 과학 탐구 주제, 진로 탐색 질문, 글쓰기 주제, 토론 토픽 등 다양한 교과와 연계해 활용하실 수 있습니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- FAQ JSON-LD 스키마 --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
  {
    &quot;@context&quot;: &quot;https://schema.org&quot;,
    &quot;@type&quot;: &quot;FAQPage&quot;,
    &quot;mainEntity&quot;: [
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;코딩을 전혀 몰라도 정말 만들 수 있을까요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;네, 가능합니다. 원하는 기능을 문장으로 설명하면 AI가 코드를 대신 작성해 줍니다. 선생님께서는 결과를 확인하고, 필요하면 색상 변경이나 주제 추가 정도만 요청하시면 됩니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;학생들도 직접 만들어 보게 할 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;네, 충분히 가능합니다. 고학년 혹은 중·고등학생이라면, 간단한 프롬프트만 알려 주어도 스스로 랜덤 뽑기, 출석 체크, 팀 배정 등 다양한 웹앱을 만들어 볼 수 있습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;학교 컴퓨터실에서도 문제 없이 사용할 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;기본적으로는 웹 브라우저만 열 수 있으면 사용 가능합니다. 다만, 수업 전에 인터넷 차단 여부와 소리 출력 설정을 한 번 확인해 보시는 것을 추천드립니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;랜덤 주제를 사회과목 말고도 활용할 수 있을까요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;물론입니다. 과학 탐구 주제, 진로 탐색 질문, 글쓰기 주제, 토론 토픽 등 다양한 교과와 연계해 활용하실 수 있습니다.&quot;
        }
      }
    ]
  }
  &lt;/script&gt;
&lt;!-- 마무리 문단 --&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;조별 주제 배정만 바꿔도 수업의 시작 분위기가 달라집니다. 다음 수업을 준비하실 때, &lt;b&gt;10분만 투자해 랜덤 주제 뽑기 웹앱&lt;/b&gt;을 한 번 만들어 보세요. 학생들의 반응을 보시면, 아마 계속 활용하고 싶어지실 거예요.  &lt;/p&gt;
&lt;/div&gt;</description>
      <category>Create</category>
      <category>AI교육플랫폼</category>
      <category>ai수업</category>
      <category>교사용웹앱</category>
      <category>교사추천도구</category>
      <category>랜덤주제뽑기</category>
      <category>바이브코딩</category>
      <category>수업도구추천</category>
      <category>인터렉티브수업</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/23</guid>
      <comments>https://babc.tistory.com/23#entry23comment</comments>
      <pubDate>Mon, 8 Dec 2025 00:07:57 +0900</pubDate>
    </item>
    <item>
      <title>수업 시작 3분 만에 학생들 집중시킨 비법   AI 진단 테스트, 이렇게 만들었어요</title>
      <link>https://babc.tistory.com/22</link>
      <description>&lt;div style=&quot;max-width: 860px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; color: #333;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 박스 --&gt;
&lt;div style=&quot;background-color: #e3f2fd; padding: 16px 20px; border-radius: 8px; border: 1px solid #bbdefb; font-size: 14px; margin-bottom: 28px;&quot;&gt;&lt;b&gt;AI 수업 첫 시간, 어떻게 시작해야 할지 고민이라면?&lt;/b&gt;&lt;br /&gt;바이브코딩으로 3시간 만에 AI 활용 수준을 진단하는 테스트 웹앱을 만든 실제 과정을 정리했어요. 코딩 몰라도 따라 할 수 있는 인트로 활동용 진단 도구 제작 가이드입니다.&lt;/div&gt;
&lt;!-- 제목 &amp; 도입부 --&gt;
&lt;h1 style=&quot;font-size: 28px; margin: 0 0 18px; color: #1a237e;&quot;&gt;수업 시작 3분 만에 학생들 집중시킨 비법   AI 진단 테스트, 이렇게 만들었어요&lt;/h1&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;AI 활용 수업 첫 시간, 대체 어떻게 시작하지&amp;hellip;?&amp;rdquo;&lt;br /&gt;PPT로 AI 개념을 설명하자니 금방 지루해지고, 바로 실습으로 들어가자니 학생들 수준 차이가 걱정되더라고요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 생각한 게 &lt;b&gt;&amp;lsquo;AI 활용 수준 진단 테스트&amp;rsquo;&lt;/b&gt;였어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;수업 시작 3분 안에 학생들의 관심을 모으고, 동시에 본인 AI 수준까지 점검할 수 있는 인트로 활동 도구를 직접 만들어 보기로 했습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;코딩을 잘 몰라도 괜찮아요. 저는 &lt;b&gt;바이브코딩(Vibecoding)&lt;/b&gt;이라는 AI 웹 개발 도구를 활용해서 단 3시간 만에 진단 테스트 웹앱을 완성했고, 실제 수업에서 써보니 반응이 정말 좋았어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;아래에 과정과 팁을 단계별로 정리해 둘 테니, 그대로 따라 하면서 여러분 수업에도 적용해 보세요.  &lt;/p&gt;
&lt;!-- 섹션 1: 문제 정의 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;왜 AI 수업 첫 시간에 &amp;lsquo;진단 테스트&amp;rsquo;가 필요할까?  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;AI 활용 수업을 준비할 때 가장 크게 느꼈던 고민은 &lt;b&gt;&amp;ldquo;학생들의 현재 수준을 모른다&amp;rdquo;&lt;/b&gt;는 점이었어요.&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 14px 18px; padding-left: 4px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;어떤 학생은 이미 ChatGPT, Gemini를 능숙하게 쓰고 있고&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;어떤 학생은 AI 툴에 회원가입도 안 해본 &amp;lsquo;완전 초보&amp;rsquo; 상태&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;누가 어느 정도인지 모르니 수업 난이도 조절이 어려움&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 첫 시간에는 &lt;b&gt;AI가 무엇인지 이론 설명&lt;/b&gt;을 길게 하기보다는, &lt;b&gt;&amp;ldquo;너는 지금 어느 레벨인지&amp;rdquo;를 스스로 확인하는 활동&lt;/b&gt;으로 시작하면 좋겠다고 생각했어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;저는 이렇게 시작합니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;i&gt;&amp;ldquo;얘들아, 일단 너희가 평소에 AI를 얼마나 활용하는지, 3분짜리 테스트 한 번 해볼래?&amp;rdquo;&lt;/i&gt;&lt;br /&gt;이 한마디로 수업 분위기가 확 달라져요. 학생들은 자신의 결과가 궁금해서 집중하게 되고, 저는 수업 설계에 꼭 필요한 &lt;b&gt;AI 활용 데이터&lt;/b&gt;를 한 번에 얻을 수 있죠.&lt;/p&gt;
&lt;div style=&quot;background-color: #e8f4fd; border-left: 4px solid #1a73e8; padding: 12px 14px; margin: 18px 0; border-radius: 0 8px 8px 0; font-size: 14px;&quot;&gt;&lt;b&gt;  포인트 정리&lt;/b&gt;&lt;br /&gt;첫 시간에 모든 걸 설명하려고 하기보다, &lt;b&gt;학생 스스로 진단하고 궁금해지게 만드는 설계&lt;/b&gt;가 훨씬 효과적이에요.&lt;/div&gt;
&lt;!-- 섹션 2: 도구 소개 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;바이브코딩이 뭐길래? 코딩 몰라도 되는 AI 웹앱 제작 도구&lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;바이브코딩(Vibecoding)&lt;/b&gt;은 쉽게 말해서, &lt;b&gt;&amp;ldquo;AI에게 설명만 하면 알아서 웹앱을 만들어주는 서비스&amp;rdquo;&lt;/b&gt;예요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;생성형 AI가 뒤에서 코드를 작성해 주고, 우리는 브라우저 화면을 보면서 &amp;ldquo;이 부분만 이렇게 바꿔줘&amp;rdquo;라고 요청하는 식으로 수정할 수 있습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;제가 직접 써보고 느낀 장점은 이래요.&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 14px 18px; padding-left: 4px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;설치 필요 없음&lt;/b&gt; &amp;ndash; 브라우저에서 바로 실행&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;자연어로 기능 요청&lt;/b&gt; &amp;ndash; &amp;ldquo;점수 계산 기능 넣어줘&amp;rdquo;처럼 말하면 끝&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;실시간 미리보기&lt;/b&gt; &amp;ndash; 수정 요청하면 화면이 바로 바뀜&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;개발 지식 부담&amp;darr;&lt;/b&gt; &amp;ndash; 교육자, 강사도 혼자 프로토타입 제작 가능&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 &amp;ldquo;수업에서 쓸 진단 테스트, 퀴즈, 간단한 도구&amp;rdquo; 같은 걸 빠르게 만들어야 하는 &lt;b&gt;교육자&amp;middot;강사&amp;middot;사내 강의 담당자&lt;/b&gt;에게 특히 잘 맞는 도구라고 느꼈습니다.&lt;/p&gt;
&lt;!-- 섹션 3: 단계별 제작 가이드 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;단계별 가이드: 3시간 만에 AI 활용 수준 진단 테스트 만든 방법&lt;/h2&gt;
&lt;h3 style=&quot;font-size: 18px; color: #0d47a1; margin: 18px 0 8px;&quot; data-ke-size=&quot;size23&quot;&gt;1단계. 기본 틀 만들기&amp;nbsp;&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;먼저 ChatGPT나 Gemini에 접속해서, 아래와 같이 &lt;b&gt;요구사항을 한 번에 정리해서 입력&lt;/b&gt;했어요.&lt;/p&gt;
&lt;pre class=&quot;asciidoc&quot; style=&quot;background-color: #f5f5f5; padding: 12px 14px; border-radius: 6px; border: 1px solid #e0e0e0; font-size: 13px; overflow-x: auto; margin-bottom: 12px;&quot;&gt;&lt;code&gt;AI 활용 수준을 진단하는 테스트 웹앱을 만들어줘.
- 8개 질문, 각 4지선다
- 점수 합산해서 레벨 나누기
- 레벨별 피드백 메시지 보여주기
- 시작할 때 이름 입력받기
    &lt;/code&gt;&lt;/pre&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;30초도 안 돼서 &lt;b&gt;질문 페이지, 진행바, 결과 화면&lt;/b&gt;까지 포함된 기본 테스트 화면이 생성됐어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;이 정도까지 자동으로 만들어준다고?&amp;rdquo; 하는 놀라움이 먼저 왔습니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 18px; color: #0d47a1; margin: 18px 0 8px;&quot; data-ke-size=&quot;size23&quot;&gt;2단계. 디자인 다듬기&amp;nbsp;&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;기능은 충분했지만, 첫 수업에 보여주기에는 화면이 너무 심심했어요. 그래서 &lt;b&gt;디자인 요구사항을 추가&lt;/b&gt;로 적어줬습니다.&lt;/p&gt;
&lt;pre class=&quot;asciidoc&quot; style=&quot;background-color: #f5f5f5; padding: 12px 14px; border-radius: 6px; border: 1px solid #e0e0e0; font-size: 13px; overflow-x: auto; margin-bottom: 12px;&quot;&gt;&lt;code&gt;디자인을 개선해줘:
- 배경은 파란색-핑크 그라데이션
- 버튼에 마우스 올리면 살짝 커지는 효과
- 결과 화면에 부드러운 등장 애니메이션
- 레벨별로 다른 이모지 아이콘 보여주기
  &lt;/code&gt;&lt;/pre&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;그러자 &lt;b&gt;Tailwind CSS&lt;/b&gt;를 활용해서 훨씬 세련된 UI로 바꿔줬고, 버튼 호버 효과, 결과 등장 애니메이션까지 한 번에 적용됐어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;학생들 입장에서는 &amp;ldquo;어디서 가져온 멋진 서비스 같다&amp;rdquo;는 느낌을 받게 됩니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 18px; color: #0d47a1; margin: 18px 0 8px;&quot; data-ke-size=&quot;size23&quot;&gt;3단계. 효과음 추가로 몰입감 올리기&amp;nbsp;&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;인트로 활동은 &lt;b&gt;&amp;ldquo;재미 요소&amp;rdquo;&lt;/b&gt;가 정말 중요하죠. 그래서 버튼 클릭, 결과 확인 시에 &lt;b&gt;간단한 효과음&lt;/b&gt;을 넣어달라고 요청했습니다.&lt;/p&gt;
&lt;pre class=&quot;asciidoc&quot; style=&quot;background-color: #f5f5f5; padding: 12px 14px; border-radius: 6px; border: 1px solid #e0e0e0; font-size: 13px; overflow-x: auto; margin-bottom: 12px;&quot;&gt;&lt;code&gt;효과음을 추가해줘:
- 시작 버튼 클릭 시 효과음
- 각 문항에서 답안을 선택할 때 짧은 소리
- 결과 화면이 나올 때 레벨별로 다른 효과음
Tone.js 라이브러리를 사용해줘
  &lt;/code&gt;&lt;/pre&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Tone.js&lt;/b&gt;로 간단한 &amp;lsquo;띵&amp;rsquo; &amp;lsquo;딩동&amp;rsquo; 같은 사운드를 넣었더니, 학생들이 문제를 풀면서도 훨씬 즐겁게 참여하더라고요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;이런 작은 디테일이 &lt;b&gt;집중도와 몰입감&lt;/b&gt;을 꽤 많이 올려줍니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 18px; color: #0d47a1; margin: 18px 0 8px;&quot; data-ke-size=&quot;size23&quot;&gt;4단계. 구글 스프레드시트 연동으로 결과 자동 저장&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;마지막으로 중요했던 건 &lt;b&gt;&amp;ldquo;데이터 수집&amp;rdquo;&lt;/b&gt;이었어요. 수업 후에 우리 반 AI 활용 수준을 객관적으로 분석하고 싶었거든요.&lt;/p&gt;
&lt;pre class=&quot;asciidoc&quot; style=&quot;background-color: #f5f5f5; padding: 12px 14px; border-radius: 6px; border: 1px solid #e0e0e0; font-size: 13px; overflow-x: auto; margin-bottom: 12px;&quot;&gt;&lt;code&gt;구글 스프레드시트에 결과를 자동 저장하는 기능을 추가해줘:
- 참여 시간
- 이름
- 총 점수
- 레벨
- 보여준 피드백 문장 전체
Google Apps Script를 사용해서 내 스프레드시트와 연동해줘
  &lt;/code&gt;&lt;/pre&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;바이브코딩이 &lt;b&gt;Google Apps Script 연동 코드와 설정 방법&lt;/b&gt;까지 함께 제안해 줘서, 제 구글 시트와 연결만 해주면 학생들이 테스트를 마칠 때마다 데이터가 자동으로 쌓였습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;이렇게 해서,&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 14px 18px; padding-left: 4px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;8개 문항으로 AI 활용 수준 진단&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;4단계 레벨 분류 + 맞춤형 피드백&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;결과 복사 및 공유 기능&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;구글 시트 자동 저장으로 반 전체 데이터 수집&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;까지 갖춘, &lt;b&gt;수업용 AI 진단 테스트 웹앱&lt;/b&gt;이 완성되었습니다.&lt;/p&gt;
&lt;!-- 섹션 4: 레벨 구조 &amp; 활용 팁 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;진단 결과 설계: 레벨 구조와 피드백 예시  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;저는 진단 결과를 &lt;b&gt;4단계 레벨&lt;/b&gt;로 나눴어요. 점수 기준은 예시이니, 수업에 맞게 조정하셔도 됩니다.&lt;/p&gt;
&lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 14px 0 18px; font-size: 14px;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #e0e0e0; background-color: #e3f2fd; text-align: left; width: 13.6047%;&quot;&gt;레벨&lt;/th&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #e0e0e0; background-color: #e3f2fd; text-align: left; width: 10%;&quot;&gt;점수 기준&lt;/th&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #e0e0e0; background-color: #e3f2fd; text-align: left; width: 30.6977%;&quot;&gt;설명&lt;/th&gt;
&lt;th style=&quot;padding: 10px; border: 1px solid #e0e0e0; background-color: #e3f2fd; text-align: left; width: 45.5814%;&quot;&gt;예시 피드백&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 13.6047%;&quot;&gt;AI 마스터  &lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 10%;&quot;&gt;60점 이상&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 30.6977%;&quot;&gt;업무&amp;middot;학습에 AI를 적극적으로 활용하는 상위 레벨&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 45.5814%;&quot;&gt;&amp;ldquo;이미 잘하고 있어요! 이제는 자동화&amp;middot;에이전트 수준으로 확장해 봅시다.&amp;rdquo;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #fafafa;&quot;&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 13.6047%;&quot;&gt;AI 활용 중급자  &lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 10%;&quot;&gt;40~59점&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 30.6977%;&quot;&gt;자주 쓰긴 하지만, 활용 범위가 아직 제한적인 단계&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 45.5814%;&quot;&gt;&amp;ldquo;조금만 더 구조화된 프롬프트를 연습하면 결과물이 확 달라질 거예요.&amp;rdquo;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 13.6047%;&quot;&gt;AI 입문자  &lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 10%;&quot;&gt;20~39점&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 30.6977%;&quot;&gt;툴은 알고 있지만 아직 가볍게만 써본 수준&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 45.5814%;&quot;&gt;&amp;ldquo;오늘 수업에서 배운 예시 프롬프트부터 차근차근 따라 해보세요.&amp;rdquo;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #fafafa;&quot;&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 13.6047%;&quot;&gt;AI 초보  &lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 10%;&quot;&gt;0~19점&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 30.6977%;&quot;&gt;AI 활용 경험이 거의 없거나 막 시작한 단계&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0; width: 45.5814%;&quot;&gt;&amp;ldquo;지금이 시작하기 딱 좋은 때예요. 오늘 수업이 첫걸음을 도와줄 거예요.&amp;rdquo;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;레벨 설명과 함께 &lt;b&gt;&amp;ldquo;다음으로 무엇을 하면 좋을지&amp;rdquo;&lt;/b&gt;까지 적어 주면, 학생들이 결과를 보고 단순히 웃고 끝나는 것이 아니라 &lt;b&gt;성장 방향&lt;/b&gt;을 떠올리게 됩니다.&lt;/p&gt;
&lt;!-- 섹션 5: 실제 수업 활용 &amp; 결과 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;실제 수업에서 써보니: 3분 만에 분위기 전환 + 데이터 수집  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;저는 수업 시작 후 바로 진단 테스트 링크를 공유하고 이렇게 말했어요. &lt;i&gt;&amp;ldquo;자, 수업 들어가기 전에 3분만 투자해서 이 테스트부터 한 번 해보자!&amp;rdquo;&lt;/i&gt;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;학생 반응은 대략 이랬습니다.&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 14px 18px; padding-left: 4px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&amp;ldquo;오 이거 재밌는데요?&amp;rdquo; &amp;ndash; 게임하듯 참여&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&amp;ldquo;저 AI 초보 떴어요 ㅠㅠ&amp;rdquo; &amp;ndash; 자연스러운 아이스브레이킹&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&amp;ldquo;3개월 뒤에 다시 해보고 싶어요&amp;rdquo; &amp;ndash; 스스로 성장 경로를 상상&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;가장 좋았던 건, &lt;b&gt;숫자로 성장 정도를 보여줄 수 있었다는 점&lt;/b&gt;이에요.&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 14px 18px; padding-left: 4px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;수업 전 평균 점수: 약 28점 (AI 입문자 수준)&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;4주 후 평균 점수: 약 45점 (AI 활용 중급자 수준)&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;우리가 4주 동안 이 정도나 성장했구나!&amp;rdquo;를 숫자로 보여주니까, 학생들도 뿌듯해하고 강사 입장에서는 &lt;b&gt;교육 효과를 설명할 수 있는 근거 자료&lt;/b&gt;가 생깁니다.&lt;/p&gt;
&lt;div style=&quot;background-color: #e8f4fd; border-left: 4px solid #1a73e8; padding: 12px 14px; margin: 18px 0; border-radius: 0 8px 8px 0; font-size: 14px;&quot;&gt;&lt;b&gt;  운영 팁&lt;/b&gt;&lt;br /&gt;첫 수업과 마지막 수업에 똑같은 테스트를 한 번 더 돌리면, &lt;b&gt;Before/After&lt;/b&gt;를 한눈에 비교할 수 있어요.&lt;/div&gt;
&lt;!-- 시각화 요약 카드 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 36px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;한눈에 보는 요약 카드  &lt;/h2&gt;
&lt;style&gt;
    .ai-summary-card {
      border-radius: 14px;
      border: 1px solid #c5cae9;
      background: linear-gradient(135deg, #e8eaf6, #ffffff);
      padding: 18px 20px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.04);
      margin: 10px 0 24px;
      font-size: 14px;
    }
    .ai-summary-card h3 {
      margin: 0 0 10px;
      font-size: 18px;
      color: #1a237e;
    }
    .ai-summary-card ul {
      margin: 8px 0 0 16px;
      padding-left: 4px;
    }
    .ai-summary-card li {
      margin-bottom: 4px;
    }
  &lt;/style&gt;
&lt;div class=&quot;ai-summary-card&quot;&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;AI 진단 테스트 제작 &amp;amp; 활용 핵심 정리&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;목적&lt;/b&gt; : AI 수업 첫 시간, 학생 수준 파악 + 관심 끌기&lt;/li&gt;
&lt;li&gt;&lt;b&gt;도구&lt;/b&gt; : 바이브코딩 + Claude AI로 웹앱 자동 생성&lt;/li&gt;
&lt;li&gt;&lt;b&gt;구성&lt;/b&gt; : 8문항 4지선다, 4단계 레벨 + 맞춤 피드백&lt;/li&gt;
&lt;li&gt;&lt;b&gt;기능&lt;/b&gt; : 진행바, 효과음, 결과 복사, 구글 시트 자동 저장&lt;/li&gt;
&lt;li&gt;&lt;b&gt;효과&lt;/b&gt; : 3분 만에 분위기 전환, 4주 후 평균 점수 상승&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- FAQ 섹션 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 32px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #e3f2fd;&quot; data-ke-size=&quot;size26&quot;&gt;FAQ 자주 묻는 질문&lt;/h2&gt;
&lt;h3 style=&quot;font-size: 16px; color: #0d47a1; margin: 18px 0 6px;&quot; data-ke-size=&quot;size23&quot;&gt;Q1. 코딩을 전혀 몰라도 이 정도 테스트를 만들 수 있나요?&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;네, 가능합니다. 바이브코딩은 &lt;b&gt;&amp;ldquo;자연어로 기능을 설명하면 AI가 코드를 생성하는 방식&amp;rdquo;&lt;/b&gt;이라 HTML, CSS, JS를 직접 쓰지 않고도 기본 웹앱을 만들 수 있어요. 다만, 자잘한 수정은 AI에게 요청하는 문장을 조금 더 구체적으로 작성해야 해서, 몇 번 시행착오를 거치면 금방 감을 잡게 됩니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 16px; color: #0d47a1; margin: 18px 0 6px;&quot; data-ke-size=&quot;size23&quot;&gt;Q2. 수업 시간은 어느 정도 잡아야 하나요?&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;테스트 자체는 &lt;b&gt;3분 내외&lt;/b&gt;면 충분하고, 결과 공유와 간단한 코멘트까지 포함해도 10~15분 정도면 마무리됩니다. 첫 시간에 전체 수업의 20% 정도만 진단&amp;middot;소개에 쓰고, 나머지는 본 수업으로 이어가면 흐름이 자연스럽습니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 16px; color: #0d47a1; margin: 18px 0 6px;&quot; data-ke-size=&quot;size23&quot;&gt;Q3. 학생 이름이나 점수 같은 데이터는 어떻게 관리하나요?&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;구글 스프레드시트와 연동해 두면, &lt;b&gt;이름&amp;middot;참여 시간&amp;middot;점수&amp;middot;레벨&amp;middot;피드백 문장&lt;/b&gt;이 자동으로 저장됩니다. 다만 개인 정보 보호를 위해, 필요하다면 이름 대신 닉네임이나 학번 등으로 대체해 사용하는 것도 좋은 방법입니다.&lt;/p&gt;
&lt;h3 style=&quot;font-size: 16px; color: #0d47a1; margin: 18px 0 6px;&quot; data-ke-size=&quot;size23&quot;&gt;Q4. 이 진단 테스트를 다른 주제에도 응용할 수 있을까요?&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 16px;&quot; data-ke-size=&quot;size16&quot;&gt;물론입니다. 질문만 바꾸면 &lt;b&gt;디지털 리터러시, 협업 스타일, 프롬프트 작성 역량, 데이터 리터러시&lt;/b&gt; 등 다양한 교육 주제에 그대로 재활용할 수 있어요. &amp;ldquo;질문 세트만 갈아끼우는 플랫폼&amp;rdquo;처럼 생각하면 편합니다.&lt;/p&gt;
&lt;!-- JSON-LD FAQ 스키마 --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
  {
    &quot;@context&quot;: &quot;https://schema.org&quot;,
    &quot;@type&quot;: &quot;FAQPage&quot;,
    &quot;mainEntity&quot;: [
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;코딩을 전혀 몰라도 AI 진단 테스트를 만들 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;네, 가능합니다. 바이브코딩은 자연어로 기능을 설명하면 AI가 코드를 생성하는 방식이라, HTML이나 자바스크립트를 직접 작성하지 않아도 기본 웹앱을 만들 수 있습니다. 필요한 경우에는 AI에게 더 구체적으로 수정 요청을 하면서 완성도를 높이면 됩니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;수업 시간은 어느 정도 필요하나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;테스트 응시는 3분 내외로 충분하며, 결과 공유와 간단한 코멘트까지 포함해도 10~15분 정도면 마무리할 수 있습니다. 첫 수업의 약 20% 비중만 진단 활동에 사용하고, 이후 본 수업으로 자연스럽게 이어가면 좋습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;학생 데이터(이름, 점수)는 어떻게 관리하나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;구글 스프레드시트와 연동해 두면 이름, 참여 시간, 점수, 레벨, 피드백 문장이 자동으로 저장됩니다. 개인 정보 보호를 위해 필요하다면 이름 대신 닉네임이나 학번 등으로 대체해 사용할 수 있습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;다른 교육 주제에도 이 진단 테스트 구조를 활용할 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;네, 질문 내용만 변경하면 디지털 리터러시, 협업 스타일, 프롬프트 작성 역량 등 다양한 주제로 응용할 수 있습니다. 공통의 테스트 틀 위에 주제별 질문 세트를 갈아끼우는 방식으로 재사용하면 준비 시간을 크게 줄일 수 있습니다.&quot;
        }
      }
    ]
  }
  &lt;/script&gt;
&lt;!-- 마무리 문단 --&gt;
&lt;p style=&quot;margin-top: 22px; margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;AI 활용 수업을 준비하고 있다면, 이처럼 &lt;b&gt;간단한 진단 테스트 웹앱&lt;/b&gt;부터 한 번 만들어 보세요. 수업 첫 시간의 어색함도 줄고, 학생들의 현재 위치와 성장 가능성을 정확히 보는 데 큰 도움이 됩니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 0;&quot; data-ke-size=&quot;size16&quot;&gt;필요하다면, 제가 만든 AI 진단 테스트 예시 링크를 공유하면서 같이 변형해 보는 활동을 해도 좋아요. 여러분 수업에서는 어떤 질문을 넣고 싶은지 한 번 상상해 보세요.  &lt;/p&gt;
&lt;/div&gt;</description>
      <category>Create</category>
      <category>AI교육</category>
      <category>ai수업</category>
      <category>AI활용수업</category>
      <category>ChatGPT</category>
      <category>강의도구</category>
      <category>교육도구개발</category>
      <category>바이브코딩</category>
      <category>수업준비</category>
      <category>에듀테크</category>
      <category>진단테스트</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/22</guid>
      <comments>https://babc.tistory.com/22#entry22comment</comments>
      <pubDate>Sun, 7 Dec 2025 22:02:41 +0900</pubDate>
    </item>
    <item>
      <title> 오늘의 프롬프트 - 3만원 회사 선물 교환 끝판왕 프롬프트</title>
      <link>https://babc.tistory.com/21</link>
      <description>&lt;div style=&quot;max-width: 880px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; color: #333; line-height: 1.7;&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!-- 메타 설명 박스 --&gt;
&lt;div style=&quot;background-color: #e0f7fa; padding: 16px 18px; border-radius: 10px; border: 1px solid #b2ebf2; font-size: 15px; margin-bottom: 28px;&quot;&gt;&lt;b&gt;[3만원 회사 선물 교환 끝판왕 프롬프트]&lt;/b&gt; 회사 크리스마스 선물 교환 때문에 밤새 검색만 하셨나요? 이 글에서 소개하는 AI 프롬프트 하나면 예산 3만원, 받는 사람 랜덤이어도 10분 만에 &amp;ldquo;누가 샀어? 센스 대박!&amp;rdquo; 소리 듣는 선물 리스트를 뽑을 수 있습니다.&lt;/div&gt;
&lt;!-- 도입부 --&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;회사 크리스마스 파티 선물 교환&amp;hellip; 매년 돌아오는데 할 때마다 막막하죠.  &lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;3만원 예산에, 받을 사람도 랜덤이고, 작년에 누가 향초 샀다가 괜히 어색해졌다는 썰까지 들으면 선물 고르기 진짜 부담됩니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;쿠팡에서 &amp;ldquo;선물 추천&amp;rdquo; 검색해도 뻔한 상품권, 양말, 머그컵만 잔뜩 뜨고요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 오늘은 이런 고민을 단 10분 안에 끝내 줄 &lt;b&gt;&amp;ldquo;회사 선물 교환 자동 큐레이팅 프롬프트&amp;rdquo;&lt;/b&gt;를 소개합니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;아래 프롬프트를 그대로 복붙해서 AI에게 던지면,&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;✔ 무난한 선물 Top 10&lt;br /&gt;✔ 각 선물별 설명 + 포장 팁&lt;br /&gt;✔ 절대 사면 안 되는 선물 리스트&lt;br /&gt;✔ 애매한 선물 받았을 때의 리액션 가이드 까지 한 번에 받아볼 수 있어요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 18px;&quot; data-ke-size=&quot;size16&quot;&gt;이제 선물 때문에 밤잠 설칠 필요 없습니다.  &lt;/p&gt;
&lt;!-- 섹션 1: 사용 배경 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 30px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;회사 선물 교환, 왜 이렇게까지 프롬프트가 필요할까?  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;프롬프트가 만들어진 상황은 아주 현실적입니다. 다음 주 금요일 회사 크리스마스 파티, 예산 3만원, 받는 사람은 랜덤. 20대 여자 신입이 받을 수도, 50대 남자 부장님이 받을 수도 있죠.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;작년에는 향초를 준비했다가 남자 대리가 받아서 어색해지고, 스타벅스 텀블러는 &amp;ldquo;너무 흔하다&amp;rdquo;는 반응을 들었다고 해요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;검색창에 &amp;ldquo;3만원 선물 추천&amp;rdquo;을 아무리 쳐도 나오는 건 비슷한 목록뿐이고, 친구에게 물어보면 &amp;ldquo;에어팟 케이스 사&amp;rdquo; 같은 애매한 답만 돌아오죠. 배송 기간까지 고려하면 3일밖에 안 남은 상황에서 고민할 시간도 많지 않습니다.&lt;/p&gt;
&lt;div style=&quot;background-color: #e0f2f7; border-left: 4px solid #4dd0e1; padding: 14px 16px; margin: 20px 0; border-radius: 0 10px 10px 0; font-size: 15px;&quot;&gt;&lt;b&gt;  이 프롬프트가 해결하는 것&lt;/b&gt;&lt;br /&gt;&amp;bull; &amp;ldquo;누구에게 줘도 무난한&amp;rdquo; 선물만 골라줍니다.&lt;br /&gt;&amp;bull; 나이&amp;middot;성별&amp;middot;취향을 AI가 대신 고려해 줍니다.&lt;br /&gt;&amp;bull; 검색에 5시간 쓸 고민을 10분 안에 정리해 줍니다.&lt;/div&gt;
&lt;!-- 섹션 2: 프롬프트 원문 소개 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;오늘의 프롬프트: 회사 선물 교환 자동 큐레이팅  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;이 프롬프트는 &amp;ldquo;회사 선물 교환&amp;rdquo;이라는 매우 구체적인 상황을 기준으로 설계되어 있습니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;아래 내용을 그대로 복사해서 ChatGPT 같은 AI에게 붙여넣으면 됩니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;background-color: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px 16px; font-size: 14px; overflow-x: auto; margin-bottom: 18px;&quot;&gt;
&lt;pre class=&quot;markdown&quot; style=&quot;white-space: pre-wrap; word-break: break-all; margin: 0;&quot;&gt;&lt;code&gt;회사 크리스마스 선물 교환용 아이템 추천해줘:

[내 상황]

- 예산: 3만원
- 받을 사람: 랜덤 (20대~50대, 남녀 모두 가능)
- 회사 분위기: [수평적/수직적/중간]
- 파티 날짜: 3일 후

[조건]

- 남녀노소 누구나 좋아할 만한 것
- 너무 흔하지 않은 것 (스타벅스 텀블러 제외)
- 너무 개인 취향 타는 것 제외 (향초, 화장품 등)

**요청사항**:

1. 무난한 선물 Top 10 (각 가격대 포함)
2. 각 선물의 &quot;이게 왜 좋은지&quot; 3줄 설명
3. 포장/카드 메시지로 센스 더하는 법
4. 절대 사면 안 되는 선물 리스트 5개
5. 만약 내가 이상한 선물 받았을 때 반응법&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;특별한 기술은 전혀 필요 없고, 위 프롬프트에서 &lt;b&gt;예산&amp;middot;회사 분위기&amp;middot;파티 날짜&lt;/b&gt; 정도만 내 상황에 맞게 바꾸면 됩니다.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;나머지는 AI가 알아서 선물 아이디어와 설명까지 풀 세트로 정리해 줘요.&lt;/p&gt;
&lt;!-- 섹션 3: 장점 / 단점 리뷰 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;이 프롬프트, 실제로 써보면 어떤가요? (장점 &amp;amp; 단점 리뷰)&lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;리뷰형으로 한 번 정리해 볼게요. 실제로 사용해보면 느껴지는 장점과 아쉬운 점은 아래와 같습니다.&lt;/p&gt;
&lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 16px 0;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background-color: #e0f7fa; font-weight: 600; text-align: left;&quot;&gt;구분&lt;/th&gt;
&lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background-color: #e0f7fa; font-weight: 600; text-align: left;&quot;&gt;내용&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0; font-weight: 600;&quot;&gt;장점&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;&amp;bull; 상황 설명이 매우 구체적이라, AI가 실수할 여지가 적어요.&lt;br /&gt;&amp;bull; &amp;ldquo;무난한 선물 Top 10 + 포장 팁 + 피해야 할 선물 + 리액션&amp;rdquo;까지 한 번에 받아볼 수 있습니다.&lt;br /&gt;&amp;bull; 예산, 회사 분위기, 파티 날짜만 바꿔서 다른 해에도 재사용 가능해요.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #f5f5f5;&quot;&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0; font-weight: 600;&quot;&gt;단점&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;&amp;bull; 최종 추천 리스트는 AI 답변이라, 실제 쇼핑몰 가격과 조금 다를 수 있어요.&lt;br /&gt;&amp;bull; 회사 분위기가 엄청 보수적이거나, 특이한 업종일 경우엔 한 번 더 필터링이 필요합니다.&lt;br /&gt;&amp;bull; &amp;ldquo;내가 이미 갖고 있는 물건&amp;rdquo;까지는 고려하지 못하니, 최종 선택은 본인이 체크해야 합니다.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;div style=&quot;background-color: #e0f2f7; border-left: 4px solid #4dd0e1; padding: 14px 16px; margin: 20px 0; border-radius: 0 10px 10px 0; font-size: 15px;&quot;&gt;&lt;b&gt;TIP. 이렇게 쓰면 더 좋아요&lt;/b&gt;&lt;br /&gt;&amp;bull; 추천 리스트를 받은 뒤, 마음에 드는 3개만 추려서 쿠팡/29CM에서 가격&amp;middot;배송을 직접 확인하세요.&lt;br /&gt;&amp;bull; 회사 분위기가 엄청 가벼운 편이라면, 프롬프트에 &amp;ldquo;살짝 웃긴 아이템도 한두 개 섞어줘&amp;rdquo;라고 한 줄 더 추가해보세요.&lt;/div&gt;
&lt;!-- 섹션 4: 실전 활용법 &amp; 변형 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;실전 사용법: 그대로 붙여넣고, 내 상황만 살짝 바꾸기  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 12px;&quot; data-ke-size=&quot;size16&quot;&gt;실제로는 아래처럼 &lt;b&gt;내 상황을 먼저 적어주고&lt;/b&gt;, 그다음 조건을 추가하는 형식으로 쓰면 가장 좋습니다.&lt;/p&gt;
&lt;div style=&quot;background-color: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px 16px; font-size: 14px; overflow-x: auto; margin-bottom: 16px;&quot;&gt;
&lt;pre class=&quot;asciidoc&quot; style=&quot;white-space: pre-wrap; word-break: break-all; margin: 0;&quot;&gt;&lt;code&gt;[실제 입력 예시]
내 상황:
- 예산: 3만원
- 받을 사람: 랜덤 (20대~50대, 남녀)
- 회사 분위기: 수평적 (스타트업)
- 파티 날짜: 12월 20일 (3일 후)

조건:
- 실용적인 것 (집/회사에서 쓸 수 있는)
- 디자인 괜찮은 것
- 퀄리티 좋아 보이는 것&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;그리고 예산이나 상황에 따라 아래처럼 가볍게 변형만 해주면 됩니다.&lt;/p&gt;
&lt;ul style=&quot;margin: 0 0 16px 18px; padding: 0; list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;2만원 버전&lt;/b&gt;: &amp;ldquo;예산: 2만원, 가성비 좋은 것 위주로 추천&amp;rdquo;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;5만원 버전&lt;/b&gt;: &amp;ldquo;예산: 5만원, 좀 더 특별하고 퀄리티 좋은 것&amp;rdquo;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 6px;&quot;&gt;&lt;b&gt;1만원 시크릿 산타&lt;/b&gt;: &amp;ldquo;시크릿 산타용, 1만원, 가볍게 웃기거나 귀여운 것&amp;rdquo;&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;회사가 아니라 &lt;b&gt;친구 모임&amp;middot;가족&amp;middot;연인&lt;/b&gt;으로 바꾸고 싶다면, 프롬프트 안의 &amp;ldquo;회사&amp;rdquo;라는 단어와 &amp;ldquo;받는 사람&amp;rdquo; 부분만 바꿔주면 돼요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 14px;&quot; data-ke-size=&quot;size16&quot;&gt;예를 들어 &amp;ldquo;친구 모임 선물 교환&amp;rdquo;, &amp;ldquo;가족(60대 부모님 + 20대 자녀)&amp;rdquo;, 이런 식으로요.&lt;/p&gt;
&lt;!-- 비교 섹션 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;직접 찾기 vs 프롬프트 쓰기, 뭐가 더 효율적일까?  &lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;ldquo;굳이 프롬프트까지 써야 하나?&amp;rdquo; 싶을 수 있어서, 선물을 직접 찾는 경우와 이 프롬프트를 쓰는 경우를 간단히 비교해봤습니다.&lt;/p&gt;
&lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 16px 0;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background-color: #e0f7fa; font-weight: 600; text-align: left;&quot;&gt;항목&lt;/th&gt;
&lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background-color: #e0f7fa; font-weight: 600; text-align: left;&quot;&gt;직접 검색&lt;/th&gt;
&lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background-color: #e0f7fa; font-weight: 600; text-align: left;&quot;&gt;프롬프트 활용&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;걸리는 시간&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;검색 1~2시간 + 비교 2~3시간&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;프롬프트 입력 1분 + 결과 읽기 9분&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #f5f5f5;&quot;&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;아이디어 다양성&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;비슷한 상품 반복 노출&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;실용템 + 위트템 등 믹스 가능&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;스트레스&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;&amp;ldquo;이거 괜찮나&amp;hellip;?&amp;rdquo; 계속 고민&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;추천 리스트 중 골라 담기만 하면 됨&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #f5f5f5;&quot;&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;재사용성&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;매년 다시 검색해야 함&lt;/td&gt;
&lt;td style=&quot;padding: 10px; border: 1px solid #e0e0e0;&quot;&gt;프롬프트만 살짝 수정해서 계속 사용&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;!-- 요약 카드 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 34px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;한눈에 보는 요약 카드  &lt;/h2&gt;
&lt;div style=&quot;margin: 18px 0;&quot;&gt;
&lt;style&gt;
      .summary-card {
        border-radius: 14px;
        border: 1px solid #cfd8dc;
        background: linear-gradient(135deg, #eceff1, #ffffff);
        padding: 18px 20px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
      }
      .summary-card-title {
        font-size: 18px;
        font-weight: 700;
        color: #00796b;
        margin-bottom: 10px;
      }
      .summary-card ul {
        margin: 0;
        padding-left: 18px;
        font-size: 14px;
      }
      .summary-card li {
        margin-bottom: 6px;
      }
    &lt;/style&gt;
&lt;div class=&quot;summary-card&quot;&gt;
&lt;div class=&quot;summary-card-title&quot;&gt;회사 선물 교환 프롬프트 핵심 정리&lt;/div&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;목적&lt;/b&gt;: 3만원 예산, 랜덤 상대에게도 무난한 선물 Top 10 자동 생성&lt;/li&gt;
&lt;li&gt;&lt;b&gt;장점&lt;/b&gt;: 선물 아이디어 + 포장 팁 + 피해야 할 선물 + 리액션까지 한 번에&lt;/li&gt;
&lt;li&gt;&lt;b&gt;사용법&lt;/b&gt;: 예산&amp;middot;회사 분위기&amp;middot;날짜만 내 상황에 맞게 수정 후 그대로 복붙&lt;/li&gt;
&lt;li&gt;&lt;b&gt;활용 확장&lt;/b&gt;: 친구 모임, 가족, 시크릿 산타 등으로 살짝 변형해 재사용&lt;/li&gt;
&lt;li&gt;&lt;b&gt;결과&lt;/b&gt;: 선물 고민 시간 5시간 &amp;rarr; 10분, &amp;ldquo;누가 이거 준비했어?&amp;rdquo; 소리 들을 확률 UP&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- FAQ --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #00796b; margin: 34px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #b2ebf2;&quot; data-ke-size=&quot;size26&quot;&gt;자주 묻는 질문 (FAQ)&lt;/h2&gt;
&lt;div style=&quot;margin-bottom: 10px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 4px; font-weight: 600;&quot; data-ke-size=&quot;size16&quot;&gt;Q1. 꼭 3만원이어야 하나요?&lt;/p&gt;
&lt;p style=&quot;margin: 0 0 10px 0;&quot; data-ke-size=&quot;size16&quot;&gt;아니요. 프롬프트 안에 있는 &amp;ldquo;예산: 3만원&amp;rdquo; 부분만 2만원, 5만원 등으로 바꾸면 됩니다. 나머지 구조는 그대로 두고 예산만 바꿔도 충분히 좋은 결과를 얻을 수 있어요.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 10px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 4px; font-weight: 600;&quot; data-ke-size=&quot;size16&quot;&gt;Q2. 한국 쇼핑몰 기준으로도 괜찮은가요?&lt;/p&gt;
&lt;p style=&quot;margin: 0 0 10px 0;&quot; data-ke-size=&quot;size16&quot;&gt;프롬프트에 &amp;ldquo;쿠팡/29CM에서 쉽게 살 수 있는 것 위주로 추천해줘&amp;rdquo; 같은 문장을 한 줄 더 추가하면 국내 플랫폼에서 구하기 쉬운 아이템 위주로 추천받을 수 있습니다.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 10px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 4px; font-weight: 600;&quot; data-ke-size=&quot;size16&quot;&gt;Q3. 너무 뻔한 선물만 추천하지 않게 하려면?&lt;/p&gt;
&lt;p style=&quot;margin: 0 0 10px 0;&quot; data-ke-size=&quot;size16&quot;&gt;이미 프롬프트에 &amp;ldquo;너무 흔하지 않은 것 (스타벅스 텀블러 제외)&amp;rdquo;가 포함되어 있지만, 여기에 &amp;ldquo;백화점 상품권, 양말 세트, 머그컵은 빼줘&amp;rdquo;처럼 구체적으로 제외할 품목을 더 적어주는 것도 좋습니다.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 10px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 4px; font-weight: 600;&quot; data-ke-size=&quot;size16&quot;&gt;Q4. 인스타그램 홍보용 문구도 같이 쓸 수 있을까요?&lt;/p&gt;
&lt;p style=&quot;margin: 0 0 10px 0;&quot; data-ke-size=&quot;size16&quot;&gt;물론입니다. 프롬프트 뒤에 &amp;ldquo;인스타그램 캡션도 같이 만들어줘&amp;rdquo;라고 적으면, &lt;i&gt;&amp;ldquo;회사 선물 교환인데 받을 사람 누군지 모름&amp;hellip; 20대 여자일 수도, 50대 남자 부장님일 수도  &amp;rdquo;&lt;/i&gt; 이런 감성의 문구까지 함께 받아볼 수 있어요.&lt;/p&gt;
&lt;/div&gt;
&lt;!-- JSON-LD FAQ 스키마 --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
  {
    &quot;@context&quot;: &quot;https://schema.org&quot;,
    &quot;@type&quot;: &quot;FAQPage&quot;,
    &quot;mainEntity&quot;: [
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;꼭 3만원 예산으로만 사용해야 하나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;아니요. 프롬프트 안의 '예산: 3만원' 부분을 2만원, 5만원 등으로 자유롭게 수정하면 됩니다. 구조는 그대로 두고 예산만 바꿔도 충분히 좋은 추천 결과를 얻을 수 있습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;한국 쇼핑몰 기준 선물에도 잘 맞나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;프롬프트에 '쿠팡/29CM에서 쉽게 살 수 있는 것 위주로 추천해줘'라고 추가하면, 국내 쇼핑몰에서 구하기 쉬운 아이템 중심으로 추천을 받을 수 있습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;너무 뻔한 선물만 반복해서 추천 받지 않으려면 어떻게 해야 하나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: &quot;Answer&quot;,
          &quot;text&quot;: &quot;기본 프롬프트에 이미 '너무 흔하지 않은 것 (스타벅스 텀블러 제외)'가 포함되어 있습니다. 여기에 '백화점 상품권, 양말 세트, 머그컵은 빼줘'처럼 제외하고 싶은 아이템을 추가로 명시하면 보다 개성 있는 추천을 받을 수 있습니다.&quot;
        }
      },
      {
        &quot;@type&quot;: &quot;Question&quot;,
        &quot;name&quot;: &quot;이 프롬프트로 인스타그램 캡션도 함께 만들 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;: {
          &quot;@type&quot;: Answer,
          &quot;text&quot;: &quot;네, 가능합니다. 프롬프트 끝에 '인스타그램 캡션도 같이 만들어줘'라고 요청하면, '회사 선물 교환인데 받을 사람 누군지 모름... 20대 여자일 수도, 50대 남자 부장님일 수도  ' 같은 감성 문구를 함께 제안받을 수 있습니다.&quot;
        }
      }
    ]
  }
  &lt;/script&gt;
&lt;!-- 마무리 문단 --&gt;
&lt;p style=&quot;margin-top: 22px; margin-bottom: 0;&quot; data-ke-size=&quot;size16&quot;&gt;회사 크리스마스 선물 교환은 괜히 부담스럽지만, 사실 프롬프트 하나만 잘 써도 금방 끝낼 수 있는 고민입니다.&lt;/p&gt;
&lt;p style=&quot;margin-top: 22px; margin-bottom: 0;&quot; data-ke-size=&quot;size16&quot;&gt;오늘 소개한 &amp;ldquo;회사 선물 교환 자동 큐레이팅&amp;rdquo; 프롬프트를 그대로 복붙해보시고, 올해 파티에서는 꼭 &amp;ldquo;이거 누가 준비했어?&lt;/p&gt;
&lt;p style=&quot;margin-top: 22px; margin-bottom: 0;&quot; data-ke-size=&quot;size16&quot;&gt;센스 대박인데?&amp;rdquo;라는 말, 한 번 들어보세요.  ✨&lt;/p&gt;
&lt;/div&gt;</description>
      <category>3만원선물</category>
      <category>ChatGPT</category>
      <category>생성형AI</category>
      <category>선물교환</category>
      <category>선물추천</category>
      <category>아크랩스</category>
      <category>직장인공감</category>
      <category>크리스마스</category>
      <category>프롬프트</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/21</guid>
      <comments>https://babc.tistory.com/21#entry21comment</comments>
      <pubDate>Tue, 2 Dec 2025 18:26:29 +0900</pubDate>
    </item>
    <item>
      <title> 오늘의 프롬프트 - 5분 성과 발표 스토리를 단 1시간 만에 완성하는 프롬프트 활용법</title>
      <link>https://babc.tistory.com/20</link>
      <description>&lt;div class=&quot;wrap&quot;&gt;

&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;

&lt;!-- 메타설명 --&gt;
&lt;div style=&quot;background-color:#e0f7fa; padding:18px; border-radius:8px; border:1px solid #b2ebf2; font-style:italic;&quot;&gt;
    &lt;strong&gt;5분 성과 발표 스토리를 1시간 안에 완성하는 프롬프트 활용법&lt;/strong&gt;&lt;br&gt;
    경영진 관점의 핵심 성과 3개 선정부터 30초 발표 스토리까지, 실무자가 바로 적용할 수 있는 프롬프트 사용 가이드를 소개합니다.
&lt;/div&gt;

&lt;!-- 도입부 --&gt;
&lt;p&gt;
경영진 보고는 “성과는 많은데 무엇을 강조해야 하지?”라는 고민으로 시작합니다.  
특히 기획팀 실무자라면 경영진 관점과 팀장님 관점 사이에서 매번 중심을 잡기 어려운데요.  
그래서 오늘은 &lt;strong&gt;5분 발표 스토리를 1시간 안에 완성하는 프롬프트&lt;/strong&gt;와 그 활용법을 리뷰 형식으로 정리해드립니다.  
&lt;/p&gt;

&lt;h2 style=&quot;font-size:24px; color:#00796b; margin-top:40px; border-bottom:2px solid #b2ebf2; padding-bottom:8px;&quot;&gt;
    1. 사용 배경 – 왜 이 프롬프트가 필요한가?
&lt;/h2&gt;

&lt;p&gt;
보고서가 어려운 이유는 단순히 내용이 많아서가 아닙니다.  
경영진은 ‘의미 → 핵심 변화 → 수치’의 순서로 듣고 싶어하는 반면,  
실무자는 ‘작업 내용 → 지표 → 결과’를 중심으로 정리하곤 하죠.  
이 프롬프트는 바로 이 간극을 줄여서 &lt;strong&gt;경영진이 원하는 언어로 성과를 자동 재정렬&lt;/strong&gt;해주는 도구입니다.
&lt;/p&gt;

&lt;div style=&quot;background-color:#e0f2f7; border-left:4px solid #4dd0e1; padding:15px; margin:20px 0;&quot;&gt;
    &lt;strong&gt;  핵심 포인트&lt;/strong&gt;&lt;br&gt;
    이 프롬프트의 목표는 ‘성과를 줄이는 것’이 아니라  
    ‘경영진 관점으로 성과를 재배치하는 것’입니다.
&lt;/div&gt;

&lt;h2 style=&quot;font-size:24px; color:#00796b; margin-top:40px; border-bottom:2px solid #b2ebf2; padding-bottom:8px;&quot;&gt;
    2. 프롬프트 원문 – 그대로 넣으면 됩니다
&lt;/h2&gt;

&lt;p&gt;
아래는 실무자가 그대로 복사해 사용하면 되는 &lt;strong&gt;완성형 프롬프트&lt;/strong&gt;입니다.  
이 콘텐츠의 핵심이기도 하죠.
&lt;/p&gt;

&lt;!-- 프롬프트 박스 --&gt;
&lt;div style=&quot;background:#f5faff; border:1px solid #b2ebf2; padding:18px; border-radius:10px; margin:25px 0;&quot;&gt;
&lt;pre style=&quot;white-space:pre-wrap; font-family:'Pretendard', sans-serif; font-size:14px; line-height:1.6;&quot;&gt;

우리 팀의 올해 주요 성과 목록:
[여기에 팀 성과 나열: 프로젝트명, 달성 지표, 관련 부서 등]

회사의 올해 경영 목표:
[예: 매출 성장, 비용 절감, 신규 사업 진출 등]

위 정보를 바탕으로:
1. 경영진이 가장 관심 가질 성과 3가지를 선정하고, 각각 &quot;왜 중요한지&quot; 경영 목표와 연결해서 설명해줘
2. 각 성과를 30초 안에 말할 수 있는 &quot;문제-해결-결과&quot; 스토리 구조로 만들어줘
3. 발표 오프닝 한 문장과 임팩트 있는 클로징 멘트도 추천해줘

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

&lt;p&gt;
이 프롬프트가 좋은 이유는 복잡한 지시문 없이도  
&lt;em&gt;성과 선정 → 경영 목표 연결 → 발표문 정리&lt;/em&gt;까지 한 번에 이루어진다는 점입니다.
&lt;/p&gt;

&lt;h2 style=&quot;font-size:24px; color:#00796b; margin-top:40px; border-bottom:2px solid #b2ebf2; padding-bottom:8px;&quot;&gt;
    3. 이 프롬프트로 나오는 결과물은?
&lt;/h2&gt;

&lt;p&gt;프롬프트 실행 시 아래 세 가지 결과가 자동 생성됩니다.&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;strong&gt;① 경영진이 관심 가질 성과 3개의 우선 순위화&lt;/strong&gt;&lt;br&gt;
        – 전사 KPI와 연결해 “왜 중요한지” 설명&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;② 각 성과를 30초로 압축한 스토리라인&lt;/strong&gt;&lt;br&gt;
        – 문제 → 해결 → 결과 흐름으로 ‘그냥 읽어도 발표 가능’&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;③ 오프닝·클로징 멘트 추천&lt;/strong&gt;&lt;br&gt;
        – 발표 처음과 끝이 매끄럽게 이어지는 문장 제공&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
성과 보고의 80%는 ‘어떤 성과를 어떻게 말할지’에 달려 있는데,  
이 프롬프트는 그 고민을 거의 0으로 줄여줍니다.
&lt;/p&gt;

&lt;!-- 테이블 --&gt;
&lt;table style=&quot;width:100%; border-collapse:collapse; margin:20px 0;&quot;&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th style=&quot;padding:14px; border:1px solid #e0e0e0; background:#e0f7fa;&quot;&gt;구분&lt;/th&gt;
            &lt;th style=&quot;padding:14px; border:1px solid #e0e0e0; background:#e0f7fa;&quot;&gt;설명&lt;/th&gt;
            &lt;th style=&quot;padding:14px; border:1px solid #e0e0e0; background:#e0f7fa;&quot;&gt;효과&lt;/th&gt;
            &lt;th style=&quot;padding:14px; border:1px solid #e0e0e0; background:#e0f7fa;&quot;&gt;활용 포인트&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td style=&quot;padding:14px; border:1px solid #e0e0e0;&quot;&gt;성과 3개 선정&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid #e0e0e0;&quot;&gt;경영 목표 기준으로 자동 정렬&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid #e0e0e0;&quot;&gt;보고 방향성 확립&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid #e0e0e0;&quot;&gt;PPT 목차 자동 완성&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr style=&quot;background:#f5f5f5;&quot;&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;30초 스토리 구조화&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;문제-해결-결과로 압축&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;발표 준비 시간 80% 단축&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;PPT 1장 = 스토리 1개&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;오프닝·클로징&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;발표 톤을 전문적으로 교정&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;보고의 완성도 상승&lt;/td&gt;
            &lt;td style=&quot;padding:14px; border:1px solid:#e0e0e0;&quot;&gt;질문 유도 흐름 설계 가능&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;

&lt;!-- 요약 카드 --&gt;
&lt;div style=&quot;margin-top:40px;&quot;&gt;
    &lt;style&gt;
        .summary-card {
            border:1px solid #b2ebf2;
            padding:20px;
            border-radius:12px;
            background:#e0f7fa;
        }
        .summary-card h3 {
            margin-top:0;
            color:#00796b;
        }
    &lt;/style&gt;

    &lt;div class=&quot;summary-card&quot;&gt;
        &lt;h3&gt;  요약 카드&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;성과는 많아도 경영진은 3가지만 듣고 싶다.&lt;/li&gt;
            &lt;li&gt;문제-해결-결과 구조는 발표 효율을 극대화한다.&lt;/li&gt;
            &lt;li&gt;이 프롬프트 하나로 PPT 3장 구성이 즉시 가능하다.&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;h2 style=&quot;font-size:24px; color:#00796b; margin-top:40px; border-bottom:2px solid #b2ebf2; padding-bottom:8px;&quot;&gt;
    FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Q1. 성과가 많으면 모두 넣어도 되나요?&lt;/strong&gt;&lt;br&gt;
A. 네, 10~12개까지 넣어도 AI가 자동으로 3개만 추립니다.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q2. 숫자가 없는 성과는 어떻게 처리되나요?&lt;/strong&gt;&lt;br&gt;
A. 정량 지표가 없어도 ‘의미 중심 결과’로 재정리됩니다.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q3. 발표 자료도 함께 만들 수 있나요?&lt;/strong&gt;&lt;br&gt;
A. 가능합니다. 30초 스토리를 기반으로 PPT 3장 구성이 바로 나옵니다.&lt;/p&gt;

&lt;!-- FAQ JSON-LD --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
{
&quot;@context&quot;:&quot;https://schema.org&quot;,
&quot;@type&quot;:&quot;FAQPage&quot;,
&quot;mainEntity&quot;:[
{
&quot;@type&quot;:&quot;Question&quot;,
&quot;name&quot;:&quot;성과가 많으면 모두 넣어도 되나요?&quot;,
&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;10~12개까지 넣어도 AI가 자동 선정해 3개를 추립니다.&quot;}
},
{
&quot;@type&quot;:&quot;Question&quot;,
&quot;name&quot;:&quot;숫자가 없는 성과도 사용할 수 있나요?&quot;,
&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;정량이 없어도 경영 목표와 연결해 의미 중심 성과로 재정리됩니다.&quot;}
},
{
&quot;@type&quot;:&quot;Question&quot;,
&quot;name&quot;:&quot;발표 자료도 함께 만들 수 있나요?&quot;,
&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;30초 스토리를 기반으로 PPT 3장 구성안도 자동 생성할 수 있습니다.&quot;}
}
]
}
&lt;/script&gt;

&lt;!-- 마무리 --&gt;
&lt;p style=&quot;margin-top:40px;&quot;&gt;
이 프롬프트는 단순한 보고 자동화가 아니라,  
‘경영진 관점으로 성과를 재해석하는 프레임’을 제공하는 도구입니다.  
이제 5분 발표도 1시간 안에 완성할 수 있어요.  
여러분의 다음 보고가 더 강력해지길 응원합니다!  ✨
&lt;/p&gt;

&lt;/div&gt;</description>
      <category>Prompt</category>
      <category>5분발표</category>
      <category>ChatGPT</category>
      <category>경영진보고</category>
      <category>기획자의하루</category>
      <category>발표준비</category>
      <category>생성형AI</category>
      <category>아크랩스</category>
      <category>직장인공감</category>
      <category>프롬프트</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/20</guid>
      <comments>https://babc.tistory.com/20#entry20comment</comments>
      <pubDate>Mon, 24 Nov 2025 15:46:53 +0900</pubDate>
    </item>
    <item>
      <title>  오늘의 프롬프트 - 학부모 단톡방 눈치게임 탈출하는 방법</title>
      <link>https://babc.tistory.com/19</link>
      <description>&lt;div class=&quot;wrap&quot;&gt;
&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;!--   메타 설명 박스 --&gt;
&lt;div style=&quot;background: #e3f2fd; padding: 18px; border-radius: 8px; border-left: 5px solid #90caf9; font-style: italic;&quot;&gt;&lt;b&gt;학부모 단톡방 눈치게임 탈출하는 방법&lt;/b&gt; 워킹맘&amp;middot;워킹대디가 자주 겪는 &amp;lsquo;공지 못 봤을 때의 난감함&amp;rsquo;을 해결하는 프롬프트 가이드! 3분 안에 준비물&amp;middot;확인 멘트까지 챙길 수 있어요.&lt;/div&gt;
&lt;!--   도입부 --&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;ldquo;공지 확인하셨죠?&amp;rdquo; 정작 난&amp;hellip; 못 봤다구요&amp;hellip;  &lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;초등 자녀 있는 학부모라면 한 번쯤 &amp;lsquo;단톡방 눈치게임&amp;rsquo; 해보셨을 거예요. 퇴근하고 집안일까지 하고 나면 머리도 띵한데,&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;공지 놓쳤다고 매번 다른 엄마들에게 묻기도 눈치 보이고&amp;hellip;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;오늘은 이런 스트레스를 단번에 줄여주는 **초간단 프롬프트 활용법**을 소개합니다.&lt;/p&gt;
&lt;!--   1. 문제 상황 이해 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #37474f; border-bottom: 2px solid #b0bec5; padding-bottom: 6px; margin-top: 40px;&quot; data-ke-size=&quot;size26&quot;&gt;1. 왜 학부모 단톡방이 이렇게 힘들까?  &lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;학부모 단톡방은 정보가 빠르게 오가지만 그만큼 놓치기 쉽습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 워킹맘&amp;middot;워킹대디는 업무 중이라 메시지를 제때 읽기 어렵고, 퇴근 후엔 하루가 이미 소진된 상태죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러다 보니 공지를 못 보면 아래 상황이 반복됩니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;공지 어디 있는지 찾다가 10~20분 순삭&lt;/li&gt;
&lt;li&gt;다른 학부모에게 물어볼까 5분 망설임&lt;/li&gt;
&lt;li&gt;&amp;ldquo;또 묻네&amp;hellip;&amp;rdquo; 같은 시선이 괜히 신경 쓰임&lt;/li&gt;
&lt;li&gt;결국 다음날 아침 허둥지둥 마트행&amp;hellip;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background: #f0f4f8; border-left: 4px solid #64b5f6; padding: 14px; margin: 20px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;  핵심 포인트&lt;/b&gt;&lt;br /&gt;문제를 해결하려면 &amp;lsquo;빠르게 일반적인 준비물&amp;middot;확인 멘트&amp;rsquo;를 얻을 수 있는 도구가 필요합니다.&lt;/div&gt;
&lt;!--   2. 해결 방법: 프롬프트 사용하기 --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #37474f; border-bottom: 2px solid #b0bec5; padding-bottom: 6px; margin-top: 40px;&quot; data-ke-size=&quot;size26&quot;&gt;2. 단톡방 공지 놓쳤을 때 바로 쓰는 프롬프트  &lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아래는 실제 워킹맘 시나리오를 기반으로 만든 프롬프트입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그저 &lt;b&gt;단톡방 캡처 한 장&lt;/b&gt;과 함께 이 텍스트를 입력하면 3분 안에 필요한 정보를 정리해줍니다.&lt;/p&gt;
&lt;pre class=&quot;prolog&quot; style=&quot;background: #eceff1; padding: 18px; border-radius: 8px; white-space: pre-wrap; line-height: 1.6;&quot;&gt;&lt;code&gt;선생님이 단톡방에 &quot;체험학습 준비물 각자 알아서 챙기세요&quot;라고만 했는데 정확히 뭘 준비해야 할지 모르겠어.

[단톡방 메시지]: &quot;다음주 목요일 체험학습 준비물 각자 알아서 챙겨주세요~ 공지 확인하셨죠?&quot;

이런 경우 일반적으로 필요한 준비물 리스트 알려주고,
다른 학부모들한테 자연스럽게 확인할 수 있는 단톡 멘트 3가지도 만들어줘.
&quot;혹시 놓친 게 있을까봐&quot; 느낌으로.
&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 프롬프트가 좋은 이유는 아래와 같습니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;체험학습에서 &amp;lsquo;대부분 필요한 준비물&amp;rsquo;을 빠르게 제공&lt;/li&gt;
&lt;li&gt;혹시 모를 누락 항목까지 체크&lt;/li&gt;
&lt;li&gt;다른 학부모들에게 &amp;lsquo;부담 없이&amp;rsquo; 물어볼 수 있는 자연스러운 멘트를 자동 생성&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background: #e3f2fd; border-left: 4px solid #42a5f5; padding: 15px; margin: 25px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;  활용 팁&lt;/b&gt;&lt;br /&gt;Temperature는 0.5 추천! 너무 창의적이거나 너무 딱딱해지지 않고, 정확한 정보 + 자연스러운 표현을 동시에 얻을 수 있습니다.&lt;/div&gt;
&lt;!--   3. 단계별 How-to --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #37474f; border-bottom: 2px solid #b0bec5; padding-bottom: 6px; margin-top: 40px;&quot; data-ke-size=&quot;size26&quot;&gt;3. 실제 사용 방법 (5분 완성) ⏱️&lt;/h2&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;b&gt;단톡방 캡처&lt;/b&gt;를 찍는다.&lt;/li&gt;
&lt;li&gt;이미지 업로드 가능한 AI(챗GPT 등)에 업로드한다.&lt;/li&gt;
&lt;li&gt;위 프롬프트를 그대로 입력한다.&lt;/li&gt;
&lt;li&gt;&amp;lsquo;학교명&amp;middot;학년&amp;middot;행사명&amp;rsquo; 등 필요한 정보가 있다면 추가 입력한다.&lt;/li&gt;
&lt;li&gt;출력된 준비물 리스트를 확인하고 아이 가방에 챙긴다.&lt;/li&gt;
&lt;li&gt;필요하면 AI가 만들어준 자연스러운 확인 멘트를 단톡에 붙여넣는다.&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 과정은 **평균 3~5분**이면 충분합니다. 전보다 스트레스도 줄고, 준비물 놓칠 걱정도 크게 줄어들어요.&lt;/p&gt;
&lt;!--   요약 카드 --&gt;
&lt;div style=&quot;margin: 40px 0;&quot;&gt;
&lt;style&gt;
.summary-card {
  background:#f6f9fc;
  border:1px solid #cfd8dc;
  border-radius:12px;
  padding:20px;
  box-shadow:0 3px 6px rgba(0,0,0,0.06);
}
.summary-card h3 {
  margin-top:0;
  color:#37474f;
}
&lt;/style&gt;
&lt;div class=&quot;summary-card&quot;&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;  핵심 요약&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;공지 놓쳤을 때 고민할 시간 없이 3분 만에 해결&lt;/li&gt;
&lt;li&gt;준비물 + 누락 가능성 + 확인 멘트까지 한 번에 생성&lt;/li&gt;
&lt;li&gt;워킹맘&amp;middot;워킹대디에게 특히 유용&lt;/li&gt;
&lt;li&gt;아침에 허겁지겁 마트 갈 확률 &amp;lsquo;제로&amp;rsquo;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!--   FAQ --&gt;
&lt;h2 style=&quot;font-size: 24px; color: #37474f; border-bottom: 2px solid #b0bec5; padding-bottom: 6px; margin-top: 40px;&quot; data-ke-size=&quot;size26&quot;&gt;FAQ&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Q1. 단톡방 캡처가 없으면 사용 못 하나요?&lt;/b&gt;&lt;br /&gt;아니요! 텍스트로 상황 설명만 해도 충분히 답변을 받을 수 있어요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Q2. 프롬프트에 학교명을 꼭 넣어야 하나요?&lt;/b&gt;&lt;br /&gt;필수는 아니지만, 넣으면 더 정확한 준비물 리스트가 나옵니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Q3. 다른 행사에도 응용할 수 있나요?&lt;/b&gt;&lt;br /&gt;네! 운동회&amp;middot;소풍&amp;middot;현장학습 등 어떤 공지에도 그대로 적용 가능합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Q4. 매번 이 프롬프트 써도 티 나지 않나요?&lt;/b&gt;&lt;br /&gt;아니요. 멘트는 매번 다르게 생성되기 때문에 자연스럽습니다.&lt;/p&gt;
&lt;!--   FAQ JSON-LD --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
{
&quot;@context&quot;: &quot;https://schema.org&quot;,
&quot;@type&quot;: &quot;FAQPage&quot;,
&quot;mainEntity&quot;: [
{
&quot;@type&quot;: &quot;Question&quot;,
&quot;name&quot;: &quot;단톡방 캡처가 없으면 사용 못 하나요?&quot;,
&quot;acceptedAnswer&quot;: {
&quot;@type&quot;: &quot;Answer&quot;,
&quot;text&quot;: &quot;아니요! 텍스트만으로도 충분한 답변이 가능합니다.&quot;
}
},
{
&quot;@type&quot;: &quot;Question&quot;,
&quot;name&quot;: &quot;프롬프트에 학교명을 꼭 넣어야 하나요?&quot;,
&quot;acceptedAnswer&quot;: {
&quot;@type&quot;: &quot;Answer&quot;,
&quot;text&quot;: &quot;필수는 아니지만 넣으면 더 정확한 결과를 얻을 수 있습니다.&quot;
}
},
{
&quot;@type&quot;: &quot;Question&quot;,
&quot;name&quot;: &quot;다른 행사에도 응용할 수 있나요?&quot;,
&quot;acceptedAnswer&quot;: {
&quot;@type&quot;: &quot;Answer&quot;,
&quot;text&quot;: &quot;네, 운동회·소풍·현장학습 등 다양한 공지에 활용 가능합니다.&quot;
}
},
{
&quot;@type&quot;: &quot;Question&quot;,
&quot;name&quot;: &quot;매번 이 프롬프트 써도 티 나지 않나요?&quot;,
&quot;acceptedAnswer&quot;: {
&quot;@type&quot;: &quot;Answer&quot;,
&quot;text&quot;: &quot;걱정할 필요 없습니다. 멘트는 매번 새롭게 생성됩니다.&quot;
}
}
]
}
&lt;/script&gt;
&lt;!--   마무리 --&gt;
&lt;p style=&quot;margin-top: 40px;&quot; data-ke-size=&quot;size16&quot;&gt;학부모 단톡방은 정보도 빠르지만 그만큼 부담도 큰 공간입니다. 하지만 똑똑한 프롬프트 하나면 공지 놓쳐도 당황하지 않고, 여유롭게 아이 준비물을 챙길 수 있어요. 오늘부터 &amp;lsquo;눈치게임&amp;rsquo;은 끝내고 스트레스 덜 받는 하루 보내세요!  &lt;/p&gt;
&lt;/div&gt;</description>
      <category>Prompt</category>
      <category>Ai프롬프트</category>
      <category>ai활용</category>
      <category>CHATGPT활용</category>
      <category>공지놓쳤을때</category>
      <category>단톡방눈치게임</category>
      <category>아크랩스</category>
      <category>프롬프트제작</category>
      <category>학부모</category>
      <category>학부모AI활용</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/19</guid>
      <comments>https://babc.tistory.com/19#entry19comment</comments>
      <pubDate>Thu, 20 Nov 2025 18:11:44 +0900</pubDate>
    </item>
    <item>
      <title>  오늘의 프롬프트 - 18년 제조 암묵지를 신입도 따라 하는 체크리스트로 바꿔주는 프롬프트</title>
      <link>https://babc.tistory.com/18</link>
      <description>&lt;div class=&quot;wrapper&quot; style=&quot;font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; max-width: 820px; margin: 0 auto; color: #333;&quot;&gt;
  &lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;

  &lt;!-- 메타 설명 --&gt;
  &lt;div style=&quot;background: #e0f7fa; border: 1px solid #b2ebf2; padding: 16px; border-radius: 8px; font-style: italic;&quot;&gt;
    &lt;b&gt;“18년 제조 암묵지를 신입도 따라 하는 체크리스트로 바꿔주는 프롬프트” 소개&lt;/b&gt;
    반복 교육에 지친 제조 라인 반장을 위해, 말로 설명 안 되는 작업을 명확한 절차로 자동 변환하는 프롬프트를 실제 현장 시나리오 기반으로 소개합니다.
  &lt;/div&gt;

  &lt;!-- 도입부 --&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    제조 현장에서 신입 3명을 동시에 교육해야 하는 상황, 한 번쯤 겪어보셨죠?
    “대충 이 정도 느낌”이라고 설명하면 못 알아듣고, 매뉴얼을 보여주면 “이론 말고 실제는요?”라고 묻고…
    결국 반장은 본업을 야근으로 처리하게 되는 악순환  
    &lt;br&gt;&lt;br&gt;
    오늘 소개하는 이 프롬프트는, 바로 그 문제를 해결하기 위해 만들어졌습니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    18년 동안 몸으로 익힌 작업을
    &lt;strong&gt;신입도 첫날부터 따라 하는 ‘체크리스트’로 자동 변환&lt;/strong&gt;해주는 도구죠.
  &lt;/p&gt;

  &lt;!-- 섹션 1 --&gt;
  &lt;h2 style=&quot;font-size: 24px; color: #00796b; border-bottom: 2px solid #b2ebf2; padding-bottom: 6px; margin-top: 38px;&quot; data-ke-size=&quot;size26&quot;&gt;
    이 프롬프트를 쓰게 된 배경  
  &lt;/h2&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    제조업은 특성상 ‘몸으로 배우는 암묵지’가 많습니다. 예를 들어 사출 성형기 온도 설정만 봐도 그렇죠.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    숙련자는 기계 소리만 들어도 정상/비정상이 구분되지만, 신입에게는 아무리 설명해도 “그 느낌”이 전달되지 않습니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    현장 반장에게 가장 큰 문제는 이겁니다.
  &lt;/p&gt;
  &lt;ul style=&quot;margin: 10px 0 10px 20px;&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;/ul&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    이 프롬프트는 바로 이 문제를 해결하기 위해 설계되었습니다.
  &lt;/p&gt;

  &lt;div style=&quot;background: #e0f2f7; border-left: 4px solid #4dd0e1; padding: 15px; border-radius: 0 8px 8px 0; margin: 25px 0;&quot;&gt;
    &lt;b&gt;  핵심 포인트&lt;/b&gt;&lt;br&gt;
    이 프롬프트는 “숙련자의 설명 방식”이 아니라 “신입이 이해하는 방식”으로 정보를 재정렬해 줍니다.
  &lt;/div&gt;

  &lt;!-- 섹션 1-2: 프롬프트 원문 --&gt;
  &lt;h2 style=&quot;font-size: 24px; color: #00796b; border-bottom: 2px solid #b2ebf2; padding-bottom: 6px; margin-top: 38px;&quot; data-ke-size=&quot;size26&quot;&gt;
    실제로 쓰는 프롬프트 원문 ✏️
  &lt;/h2&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    아래 프롬프트를 그대로 복사해서, &lt;strong&gt;[작업명]&lt;/strong&gt;, &lt;strong&gt;내가 하는 방식&lt;/strong&gt;, &lt;strong&gt;신입들이 자주 실수하는 부분&lt;/strong&gt;만 채워 넣으면
    현장 노하우가 A4 한 장짜리 교육용 체크리스트로 변환됩니다.
  &lt;/p&gt;

  &lt;div style=&quot;background:#f5faff; border:1px solid #b2ebf2; padding:16px; border-radius:10px; margin:22px 0;&quot;&gt;
    &lt;pre style=&quot;white-space:pre-wrap; font-family:'Noto Sans KR', sans-serif; font-size:14px; line-height:1.6; margin:0;&quot;&gt;

나는 [작업명] 작업을 18년간 해온 숙련 작업자야. 
이제 신입 사원에게 이 작업을 가르쳐야 하는데, 암묵지를 명시지로 바꿔줘.

**내가 하는 방식**
[여기에 본인이 하는 방식을 최대한 구체적으로 서술]
예: &quot;사출기 온도는 보통 220도로 맞추는데, 습한 날은 225도로 올림. 
소리 들어보면 '탁' 하는 소리가 나면 정상이고, '찌익' 소리 나면 온도 너무 높은 거임.&quot;

**신입들이 자주 실수하는 부분**
- [실수 1]
- [실수 2]
- [실수 3]

**요청사항**
1. 신입이 첫날부터 따라 할 수 있는 단계별 체크리스트 (각 단계 30초 이내 판단)
2. 각 단계에서 &quot;정상/비정상&quot; 판단 기준 (숫자, 소리, 모양 등 객관적 기준)
3. &quot;이럴 땐 반장 호출&quot; 기준점 명시
4. A4 1장에 프린트 가능한 형식

표나 순서도 형식으로 만들어줘.
    &lt;/pre&gt;
  &lt;/div&gt;

  &lt;p data-ke-size=&quot;size16&quot;&gt;
    핵심은 “내가 평소에 하던 말을 솔직하게 적는 것”입니다.  
    거친 표현이어도 괜찮아요. AI가 그것을 신입이 이해할 수 있는 언어와 구조로 정리해 줍니다.
  &lt;/p&gt;

  &lt;!-- 섹션 2 --&gt;
  &lt;h2 style=&quot;font-size: 24px; color: #00796b; border-bottom: 2px solid #b2ebf2; padding-bottom: 6px; margin-top: 38px;&quot; data-ke-size=&quot;size26&quot;&gt;
    실제 사용해 본 결과: 교육 시간이 눈에 띄게 줄었다  
  &lt;/h2&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    프롬프트는 숙련자가 평소 하던 작업 방식을 그대로 적기만 하면 됩니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    예를 들어, &lt;span style=&quot;background: #fff9c4; padding: 2px 4px; border-radius: 3px;&quot;&gt;
      “사출기 온도는 보통 220°, 습한 날은 225°, ‘탁’ 소리 나면 정상”
    &lt;/span&gt;
    처럼 말이죠.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    이 문장을 넣고 실행하면, 프롬프트는 아래와 같은 구조의 체크리스트를 자동으로 만들어줍니다.
  &lt;/p&gt;

  &lt;h3 style=&quot;font-size: 20px; color: #00796b; margin-top: 25px;&quot; data-ke-size=&quot;size23&quot;&gt;
    예시: 생성된 체크리스트
  &lt;/h3&gt;
  &lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 18px 0;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background: #e0f7fa;&quot;&gt;구분&lt;/th&gt;
        &lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background: #e0f7fa;&quot;&gt;설명&lt;/th&gt;
        &lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background: #e0f7fa;&quot;&gt;비고&lt;/th&gt;
        &lt;th style=&quot;padding: 12px; border: 1px solid #e0e0e0; background: #e0f7fa;&quot;&gt;반장 호출 기준&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;1단계&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;온도 기본값 220° 설정&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;습한 날 +5°&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;‘찌익’ 소리 나면 즉시&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr style=&quot;background: #f5f5f5;&quot;&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;2단계&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;기계 소리 점검&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;‘탁’ = 정상&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;이질감 있을 시&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;3단계&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;금형 온도 균일 확인&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;표면 변색 여부 체크&lt;/td&gt;
        &lt;td style=&quot;padding: 12px; border: 1px solid #e0e0e0;&quot;&gt;변색 지속 시&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;p data-ke-size=&quot;size16&quot;&gt;
    결과적으로, 신입 교육 시간이 &lt;strong&gt;평균 30분 단축&lt;/strong&gt;, 반복 질문은 &lt;strong&gt;70% 이상 감소&lt;/strong&gt;,
    반장은 교육 자료만 전달하고 중간 점검만 하면 되는 구조가 됩니다.
  &lt;/p&gt;

  &lt;!-- 요약 카드 --&gt;
  &lt;div style=&quot;margin-top: 40px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08);&quot;&gt;
    &lt;style&gt;
      .summary-card { background:#00796b; color:white; padding:22px; }
      .summary-card ul { margin:12px 0 0 18px; }
    &lt;/style&gt;
    &lt;div class=&quot;summary-card&quot;&gt;
      &lt;b&gt;요약: 이 프롬프트가 해결해주는 것&lt;/b&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;신입 1인당 교육 시간 30분 절약&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- FAQ --&gt;
  &lt;h2 style=&quot;font-size: 24px; color: #00796b; border-bottom: 2px solid #b2ebf2; padding-bottom: 6px; margin-top: 45px;&quot; data-ke-size=&quot;size26&quot;&gt;
    자주 묻는 질문(FAQ)
  &lt;/h2&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    &lt;b&gt;Q1. 신입이 완전 초보여도 따라 할 수 있나요?&lt;/b&gt;&lt;br&gt;
    A. 네. 단계별 판단을 ‘30초 안에 구분 가능한 기준(소리·숫자·모양)’으로 재정리합니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    &lt;b&gt;Q2. 작업이 복잡한 경우에도 적용되나요?&lt;/b&gt;&lt;br&gt;
    A. 분량이 늘어날 뿐, 구조는 동일합니다. 복잡한 작업일수록 효과가 더 큽니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    &lt;b&gt;Q3. 프린트해서 교육 자료로 써도 되나요?&lt;/b&gt;&lt;br&gt;
    A. 가능합니다. A4 한 장에 맞는 형식으로 생성됩니다.
  &lt;/p&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;
    &lt;b&gt;Q4. 다른 작업에도 확장할 수 있나요?&lt;/b&gt;&lt;br&gt;
    A. 예. 금형 교체, 점검 절차, 라인 스타트업, 품질 검사 등 모든 작업에 적용됩니다.
  &lt;/p&gt;

  &lt;!-- FAQ Schema --&gt;
  &lt;script type=&quot;application/ld+json&quot;&gt;
  {
    &quot;@context&quot;:&quot;https://schema.org&quot;,
    &quot;@type&quot;:&quot;FAQPage&quot;,
    &quot;mainEntity&quot;:[
      {
        &quot;@type&quot;:&quot;Question&quot;,
        &quot;name&quot;:&quot;신입도 따라 할 수 있나요?&quot;,
        &quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;30초 안에 판단 가능한 기준으로 재정리되어 초보도 가능합니다.&quot;}
      },
      {
        &quot;@type&quot;:&quot;Question&quot;,
        &quot;name&quot;:&quot;복잡한 작업에도 적용되나요?&quot;,
        &quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;구조는 동일하며 작업이 복잡할수록 효과가 큽니다.&quot;}
      },
      {
        &quot;@type&quot;:&quot;Question&quot;,
        &quot;name&quot;:&quot;프린트해도 되나요?&quot;,
        &quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;A4 한 장 기준으로 생성되어 교육 자료로 사용 가능합니다.&quot;}
      },
      {
        &quot;@type&quot;:&quot;Question&quot;,
        &quot;name&quot;:&quot;다른 작업에도 확장 가능한가요?&quot;,
        &quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;금형 교체, 점검 절차 등 대부분의 제조 작업에 적용할 수 있습니다.&quot;}
      }
    ]
  }
  &lt;/script&gt;

  &lt;!-- 마무리 --&gt;
  &lt;p style=&quot;margin-top: 35px;&quot; data-ke-size=&quot;size16&quot;&gt;
    이 프롬프트는 “숙련자의 방식”을 “신입이 이해하는 구조”로 바꿔주는 도구입니다.
    반복 교육 부담을 줄이고, 작업 표준화까지 자연스럽게 만들어주는 실무형 솔루션이죠.
    내일 교육이 걱정된다면, 오늘 바로 이 프롬프트로 작업 지식을 구조화해보세요.
    현장의 피로가 확 줄어듭니다.  
  &lt;/p&gt;
&lt;/div&gt;</description>
      <category>Prompt</category>
      <category>ChatGPT</category>
      <category>교육자료</category>
      <category>생산성향상</category>
      <category>아크랩스</category>
      <category>인공지능</category>
      <category>인공지능 활용</category>
      <category>제조업</category>
      <category>현장꿀팁</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/18</guid>
      <comments>https://babc.tistory.com/18#entry18comment</comments>
      <pubDate>Thu, 20 Nov 2025 17:44:46 +0900</pubDate>
    </item>
    <item>
      <title>  오늘의 프롬프트 - 교토 3박 4일 여행 동선, AI 프롬프트로 30분 만에 끝내는 방법</title>
      <link>https://babc.tistory.com/17</link>
      <description>&lt;p data-ke-size=&quot;size8&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;color: #333; line-height: 1.6; max-width: 800px; margin: 0 auto; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;&quot;&gt;&lt;!-- 메타 설명 박스 --&gt;
&lt;div style=&quot;background-color: #f5f5f5; padding: 15px; border-radius: 8px; font-style: italic; margin-bottom: 25px; font-size: 15px; border: 1px solid #e0e0e0;&quot;&gt;&lt;b&gt;교토 3박 4일 여행 동선, AI 프롬프트로 30분 만에 끝내는 방법&lt;/b&gt; 동선 꼬이고 영업시간 안 맞는 일정 짜느라 지쳤다면, 여행 동선 최적화 프롬프트로 교토 3박 4일 일정을 자동 설계하는 방법을 소개합니다.&lt;/div&gt;
&lt;!-- 도입부 --&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;여행은 설레는데, 막상 일정 짜려고 구글맵 켜는 순간 머리가 지끈거렸던 적 한 번쯤 있지 않나요?   가고 싶은 곳은 잔뜩인데, 동선은 자꾸 꼬이고, 맛집은 브레이크 타임에 걸리고, &amp;ldquo;이럴 거면 여행 안 가!&amp;rdquo; 싶었던 그 순간&amp;hellip; 이제 이런 고생 대신, &lt;b&gt;AI에게 &amp;ldquo;교토 3박 4일 동선 최적화해줘&amp;rdquo;&lt;/b&gt; 한 줄만 던져놓고 30분 안에 일차별 타임라인까지 받는 방법을 정리해볼게요.&lt;/p&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;오늘은 실제로 바로 가져다 쓸 수 있는 &lt;b&gt;교토 3박 4일 여행 동선 최적화 프롬프트&lt;/b&gt;와 함께, 다른 도시에도 응용하는 법, 그리고 콘텐츠로 재활용하는 꿀팁까지 한 번에 정리해 드립니다. ✈️&lt;/p&gt;
&lt;!-- 섹션 1: 문제 정의 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;여행 동선이 어려운 진짜 이유  &lt;/b&gt;&lt;/h2&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;대부분의 사람들은 여행 일정을 이렇게 짭니다. 블로그 몇 개 뒤지고 &amp;rarr; 인스타에서 사진 예쁜 곳 저장하고 &amp;rarr; 구글맵에 동그라미만 잔뜩 쳐놓고&amp;hellip; 그다음부터 멘붕 시작이죠.&lt;/p&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;위치는 비슷한 것 같은데 실제로 가보면 이동에 40분씩 걸린다.&lt;/li&gt;
&lt;li&gt;맛집 도착했더니 브레이크 타임 or 휴무일&amp;hellip;  &lt;/li&gt;
&lt;li&gt;하루 일정에 넣은 스폿은 많은데, 실제로는 절반도 못 돈다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;margin-bottom: 15px;&quot; data-ke-size=&quot;size16&quot;&gt;결국 &lt;b&gt;&amp;ldquo;시간&amp;middot;동선&amp;middot;영업시간&amp;middot;체력&amp;rdquo;&lt;/b&gt; 네 가지를 동시에 고려해야 하는데, 이걸 사람이 손으로 다 계산하려니 시간이 2~3시간씩 깨지는 거예요. 그래서 이번 글의 목표는 딱 하나입니다. &lt;b&gt;&amp;ldquo;교토 3박 4일 여행 동선을 AI 프롬프트 하나로 자동 설계하기&amp;rdquo;&lt;/b&gt;&lt;/p&gt;
&lt;div style=&quot;background-color: #e8f4fd; border-left: 4px solid #1a73e8; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;  핵심 요약&lt;/b&gt;&lt;br /&gt;사람은 &amp;ldquo;어디가 예쁜지&amp;middot;가고 싶은지&amp;rdquo;만 고르고,&lt;br /&gt;&lt;b&gt;동선 정리 &amp;middot; 시간 배치 &amp;middot; 식사 위치 선정&lt;/b&gt;은 AI에게 넘기는 구조로 바꾸면 여행 준비 시간이 극적으로 줄어듭니다.&lt;/div&gt;
&lt;!-- 섹션 2: 해결 프로세스 (How-to) --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;교토 3박 4일 동선 최적화 프롬프트 사용법 (단계별 가이드)&lt;/b&gt;&lt;/h2&gt;
&lt;h3 style=&quot;font-size: 18px; color: #1a73e8; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;1️⃣ 기본 구조: 그대로 복붙해서 쓰는 프롬프트&lt;/h3&gt;
&lt;p style=&quot;margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;아래 프롬프트를 AI 챗봇에 그대로 붙여 넣고, &lt;b&gt;방문하고 싶은 장소 리스트만 수정&lt;/b&gt;해서 사용하면 됩니다.&lt;/p&gt;
&lt;pre class=&quot;angelscript&quot; style=&quot;background-color: #f5f5f5; padding: 14px; border-radius: 6px; border: 1px solid #e0e0e0; white-space: pre-wrap; font-size: 14px; margin-bottom: 18px;&quot;&gt;&lt;code&gt;교토 3박 4일 여행 동선을 최적화해줘:

[가고 싶은 곳]
- 기요미즈데라
- 후시미이나리
- 아라시야마
- 니시키 시장
- 기온
- 교토역 주변 쇼핑 등

[조건]
- 하루 이동시간 총합 1.5시간 이내
- 점심은 12~13시, 저녁은 18~19시 근처에 맛집 배치
- 각 장소 예상 체류시간 포함
- 오픈/마감 시간 고려해서 방문 순서 조정

3박 4일 기준, 일차별로 아침 9시 출발 타임라인 형식으로 작성해줘.
각 일정 아래에는 이동 수단(지하철/버스/도보)과 대략 이동시간도 함께 적어줘.
    &lt;/code&gt;&lt;/pre&gt;
&lt;h3 style=&quot;font-size: 18px; color: #1a73e8; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;2️⃣ 세팅 팁: 정확도 vs 창의성 밸런스 맞추기&lt;/h3&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;도구&lt;/b&gt;: 웹서치 가능 모델 사용 (실시간 영업시간&amp;middot;교통편 확인)&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Temperature&lt;/b&gt;: 0.5 권장 (너무 딱딱하지 않으면서 일정은 안정적으로)&lt;/li&gt;
&lt;li&gt;&lt;b&gt;출력 형식&lt;/b&gt;: &amp;ldquo;타임라인 형식으로 작성해줘&amp;rdquo;를 꼭 넣어야 보기 좋게 나옵니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 style=&quot;font-size: 18px; color: #1a73e8; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;3️⃣ 실제 효율 비교: 손으로 짤 때 vs AI 프롬프트 사용&lt;/h3&gt;
&lt;table style=&quot;width: 100%; border-collapse: collapse; margin: 20px 0;&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&quot;padding: 12px; text-align: left; border: 1px solid #ddd; background-color: #f5f5f5; font-weight: bold;&quot;&gt;구분&lt;/th&gt;
&lt;th style=&quot;padding: 12px; text-align: left; border: 1px solid #ddd; background-color: #f5f5f5; font-weight: bold;&quot;&gt;직접 계획&lt;/th&gt;
&lt;th style=&quot;padding: 12px; text-align: left; border: 1px solid #ddd; background-color: #f5f5f5; font-weight: bold;&quot;&gt;AI 프롬프트 사용&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;일정 설계 소요 시간&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;약 2~3시간&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;&lt;b&gt;약 30분&lt;/b&gt; (수정 포함)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;background-color: #f9f9f9;&quot;&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;하루 이동시간&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;대중교통 갈아타기 많고 2시간 이상 되는 경우 잦음&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;조건에 맞춰 &lt;b&gt;1.5시간 이내로 자동 조정&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;맛집 방문 성공률&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;브레이크 타임, 휴무일에 자주 막힘&lt;/td&gt;
&lt;td style=&quot;padding: 12px; border: 1px solid #ddd;&quot;&gt;&lt;b&gt;영업시간 고려&lt;/b&gt;로 실패 확률 크게 감소&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;!-- 섹션 3: 팁 &amp; 주의사항 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;여행 프롬프트 200% 활용하는 팁 &amp;amp; 주의사항  &lt;/b&gt;&lt;/h2&gt;
&lt;h3 style=&quot;font-size: 18px; color: #555; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;✅ 다른 도시에도 그대로 적용하는 법&lt;/h3&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;프롬프트의 &amp;ldquo;교토 3박 4일&amp;rdquo;만 &lt;b&gt;&amp;ldquo;오사카 2박 3일&amp;rdquo;, &amp;ldquo;방콕 4박 5일&amp;rdquo;, &amp;ldquo;파리 3박 4일&amp;rdquo;&lt;/b&gt; 등으로 변경&lt;/li&gt;
&lt;li&gt;조건에 &lt;b&gt;&amp;ldquo;대중교통만 이용, 렌터카 없음&amp;rdquo;&lt;/b&gt;, &amp;ldquo;도보 이동 위주&amp;rdquo; 등 도시 특성 추가&lt;/li&gt;
&lt;li&gt;아이 동반 여행이라면 &amp;ldquo;&lt;b&gt;체험형, 실내 위주 코스&lt;/b&gt;로 제안해줘&amp;rdquo; 한 줄 더 추가&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 style=&quot;font-size: 18px; color: #555; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;✅ 더 디테일한 결과가 필요하다면 이렇게 추가해보세요&lt;/h3&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&amp;ldquo;각 장소별 &lt;b&gt;포토스팟 위치&lt;/b&gt;와 추천 촬영 각도도 함께 알려줘.&amp;rdquo;&lt;/li&gt;
&lt;li&gt;&amp;ldquo;비 오는 날을 대비해 &lt;b&gt;대체 동선&lt;/b&gt;도 함께 제안해줘.&amp;rdquo;&lt;/li&gt;
&lt;li&gt;&amp;ldquo;식사는 &lt;b&gt;1인 1끼 예산 1만 엔 이내&lt;/b&gt;인 곳만 추천해줘.&amp;rdquo;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: #e8f4fd; border-left: 4px solid #1a73e8; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;&quot;&gt;&lt;b&gt;⚠️ 꼭 확인해야 할 주의사항&lt;/b&gt;&lt;br /&gt;AI가 알려준 영업시간&amp;middot;휴무일&amp;middot;대중교통 시간표는 &lt;b&gt;최종적으로 한 번 더 검색해서 검증&lt;/b&gt;하는 게 좋습니다. 특히 일본은 임시 휴무나 예약제 식당이 많아서, 네이버&amp;middot;구글맵&amp;middot;공식 홈페이지를 한 번씩 더 보는 걸 추천해요.&lt;/div&gt;
&lt;h3 style=&quot;font-size: 18px; color: #555; margin: 20px 0 10px;&quot; data-ke-size=&quot;size23&quot;&gt;✅ 콘텐츠로도 재활용하기 (인스타 &amp;middot; 블로그 후기)&lt;/h3&gt;
&lt;ul style=&quot;margin-bottom: 15px; padding-left: 20px;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;Before&lt;/b&gt;: 직접 짠 엉망 동선 구글맵 캡처&lt;/li&gt;
&lt;li&gt;&lt;b&gt;After&lt;/b&gt;: AI로 최적화된 타임라인&amp;middot;지도 캡처&lt;/li&gt;
&lt;li&gt;이걸 가지고 15초 릴스나 블로그 &amp;ldquo;AI 여행 플래너 사용 후기&amp;rdquo; 글로 만들어 올리면 반응이 정말 좋습니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- 요약 카드 --&gt;
&lt;div class=&quot;ai-trip-summary-card&quot; style=&quot;margin: 35px 0;&quot;&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;교토 3박 4일 여행 동선, 이렇게만 하면 끝!&lt;/h3&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;&amp;ldquo;이동시간&amp;middot;식사시간&amp;middot;영업시간&amp;rdquo; 조건을 함께 명시하기&lt;/li&gt;
&lt;li&gt;웹서치 가능한 AI + Temperature 0.5로 실행&lt;/li&gt;
&lt;li&gt;결과를 구글맵 &amp;ldquo;내 지도&amp;rdquo;에 옮겨 시각화&lt;/li&gt;
&lt;li&gt;다른 도시로 바꿀 땐 도시명&amp;middot;일수&amp;middot;교통수단만 교체&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;style&gt;
        .ai-trip-summary-card {
            border-radius: 12px;
            padding: 18px 20px;
            background: linear-gradient(to right, #e8f4fd, #f5f7fa);
            border: 1px solid #d0e2ff;
            box-shadow: 0 3px 8px rgba(0,0,0,0.04);
        }
        .ai-trip-summary-card h3 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 18px;
            color: #1a73e8;
        }
        .ai-trip-summary-card ul {
            margin: 0;
            padding-left: 18px;
            font-size: 14px;
        }
        .ai-trip-summary-card li {
            margin-bottom: 6px;
        }
    &lt;/style&gt;
&lt;!-- FAQ 섹션 --&gt;
&lt;h2 style=&quot;font-size: 22px; color: #1a73e8; margin: 35px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;자주 묻는 질문 (FAQ)&lt;/b&gt;&lt;/h2&gt;
&lt;div style=&quot;margin-bottom: 15px;&quot;&gt;
&lt;h3 style=&quot;font-size: 17px; margin: 10px 0;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;Q1. 꼭 교토가 아니어도 이 프롬프트를 쓸 수 있나요?&lt;/b&gt;&lt;/h3&gt;
&lt;p style=&quot;margin: 0 0 10px;&quot; data-ke-size=&quot;size16&quot;&gt;네, 도시 이름과 여행 일수만 바꾸면 전 세계 어디든 적용 가능합니다. &amp;ldquo;교토 3박 4일&amp;rdquo;을 &amp;ldquo;파리 4박 5일&amp;rdquo;, &amp;ldquo;방콕 3박 4일&amp;rdquo;로 바꾸고, 교통수단 조건만 그 도시에 맞게 조정해 주면 됩니다.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 15px;&quot;&gt;
&lt;h3 style=&quot;font-size: 17px; margin: 10px 0;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;Q2. AI가 알려준 영업시간&amp;middot;휴무일은 믿어도 되나요?&lt;/b&gt;&lt;/h3&gt;
&lt;p style=&quot;margin: 0 0 10px;&quot; data-ke-size=&quot;size16&quot;&gt;대부분 정확하지만, 100% 신뢰하기보다는 &lt;b&gt;공식 홈페이지나 지도 서비스로 한 번 더 확인&lt;/b&gt;하는 것을 추천드립니다. 특히 맛집&amp;middot;카페&amp;middot;개인 매장은 임시 휴무가 있을 수 있어요.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 15px;&quot;&gt;
&lt;h3 style=&quot;font-size: 17px; margin: 10px 0;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;Q3. 여행 동선을 더 짧게 만들고 싶다면 어떻게 요청해야 하나요?&lt;/b&gt;&lt;/h3&gt;
&lt;p style=&quot;margin: 0 0 10px;&quot; data-ke-size=&quot;size16&quot;&gt;프롬프트에 &amp;ldquo;&lt;b&gt;하루 이동시간은 1시간 이내로 줄여줘&lt;/b&gt;&amp;rdquo;, &amp;ldquo;서로 인접한 지역끼리만 묶어서 일정 구성해줘&amp;rdquo;처럼 구체적으로 제한을 걸어주면 됩니다.&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 15px;&quot;&gt;
&lt;h3 style=&quot;font-size: 17px; margin: 10px 0;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;Q4. 이 프롬프트로 만든 결과를 블로그나 인스타에 써도 되나요?&lt;/b&gt;&lt;/h3&gt;
&lt;p style=&quot;margin: 0 0 10px;&quot; data-ke-size=&quot;size16&quot;&gt;당연히 가능합니다. 오히려 &lt;b&gt;Before/After 동선 비교&lt;/b&gt;, &amp;ldquo;AI 여행 플래너 써보니 계획 시간 3시간 &amp;rarr; 30분 단축&amp;rdquo; 같은 이야기를 넣으면 콘텐츠로도 매력이 커집니다.&lt;/p&gt;
&lt;/div&gt;
&lt;!-- JSON-LD FAQ 스키마 --&gt;
&lt;script type=&quot;application/ld+json&quot;&gt;
    {
      &quot;@context&quot;: &quot;https://schema.org&quot;,
      &quot;@type&quot;: &quot;FAQPage&quot;,
      &quot;mainEntity&quot;: [
        {
          &quot;@type&quot;: &quot;Question&quot;,
          &quot;name&quot;: &quot;꼭 교토가 아니어도 이 프롬프트를 쓸 수 있나요?&quot;,
          &quot;acceptedAnswer&quot;: {
            &quot;@type&quot;: &quot;Answer&quot;,
            &quot;text&quot;: &quot;네, 도시 이름과 여행 일수만 바꾸면 전 세계 어디든 적용 가능합니다. '교토 3박 4일'을 '파리 4박 5일', '방콕 3박 4일'로 바꾸고, 교통수단 조건만 그 도시에 맞게 조정해 주면 됩니다.&quot;
          }
        },
        {
          &quot;@type&quot;: &quot;Question&quot;,
          &quot;name&quot;: &quot;AI가 알려준 영업시간·휴무일은 믿어도 되나요?&quot;,
          &quot;acceptedAnswer&quot;: {
            &quot;@type&quot;: &quot;Answer&quot;,
            &quot;text&quot;: &quot;대부분 정확하지만, 100% 신뢰하기보다는 공식 홈페이지나 지도 서비스로 한 번 더 확인하는 것을 추천드립니다. 특히 맛집·카페·개인 매장은 임시 휴무가 있을 수 있습니다.&quot;
          }
        },
        {
          &quot;@type&quot;: &quot;Question&quot;,
          &quot;name&quot;: &quot;여행 동선을 더 짧게 만들고 싶다면 어떻게 요청해야 하나요?&quot;,
          &quot;acceptedAnswer&quot;: {
            &quot;@type&quot;: &quot;Answer&quot;,
            &quot;text&quot;: &quot;프롬프트에 '하루 이동시간은 1시간 이내로 줄여줘', '서로 인접한 지역끼리만 묶어서 일정 구성해줘'처럼 구체적인 제한을 추가하면 이동 동선을 더 짧게 만들 수 있습니다.&quot;
          }
        },
        {
          &quot;@type&quot;: &quot;Question&quot;,
          &quot;name&quot;: &quot;이 프롬프트로 만든 결과를 블로그나 인스타에 써도 되나요?&quot;,
          &quot;acceptedAnswer&quot;: {
            &quot;@type&quot;: &quot;Answer&quot;,
            &quot;text&quot;: &quot;당연히 가능합니다. 특히 Before/After 동선 비교, 'AI 여행 플래너 써보니 계획 시간 3시간에서 30분으로 줄었다'와 같은 경험을 함께 적으면 더 매력적인 콘텐츠가 됩니다.&quot;
          }
        }
      ]
    }
    &lt;/script&gt;
&lt;!-- 마무리 문단 --&gt;
&lt;p style=&quot;margin-top: 25px; margin-bottom: 10px;&quot; data-ke-size=&quot;size16&quot;&gt;이제 여행 준비할 때 더 이상 새벽까지 구글맵 붙잡고 씨름하지 않아도 됩니다. &lt;b&gt;&amp;ldquo;교토 3박 4일 여행 동선 최적화해줘&amp;rdquo;&lt;/b&gt; 한 줄 던지고, 우리는 그저 취향에 맞게 살짝 수정하고, 예쁜 사진 찍고, 맛있는 것 먹고 오면 돼요.   이번 교토 여행부터는, 일정 짜는 시간은 줄이고 여행을 누리는 시간은 더 늘려보세요.&lt;/p&gt;
&lt;/div&gt;</description>
      <category>Prompt</category>
      <category>ai여행플래너</category>
      <category>ai활용</category>
      <category>아크랩스</category>
      <category>여행루트추천</category>
      <category>여행일정짜기</category>
      <category>여행프롬프트</category>
      <author>BABC</author>
      <guid isPermaLink="true">https://babc.tistory.com/17</guid>
      <comments>https://babc.tistory.com/17#entry17comment</comments>
      <pubDate>Mon, 17 Nov 2025 19:23:17 +0900</pubDate>
    </item>
  </channel>
</rss>