---
theme: default
layout: center
class: text-center
---

# 💻 엔트리 고급 과정
초등학교 4학년 ~ 6학년 대상 (엔트리 기초를 아는 학생)

---
layout: default
---

## 📋 전체 커리큘럼 안내

<div class="mt-4 border border-slate-300 rounded-2xl overflow-hidden shadow-md bg-white">
  <table class="w-full text-center border-collapse text-[14px]">
    <thead class="bg-blue-600 text-white font-bold">
      <tr>
        <th class="py-2.5 px-3 border-r border-blue-400 w-[20%]">주차</th>
        <th class="py-2.5 px-3 w-[80%]">학습 주제 (오늘 만들 작품들)</th>
      </tr>
    </thead>
    <tbody>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-3 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">1주차</td>
        <td class="py-3 px-3 text-left font-bold text-slate-700">
          <span class="inline-block bg-slate-100 px-2 py-0.5 rounded text-xs mr-2 border border-slate-200">신호/함수</span>
          🎰 럭키세븐 / 👨‍🍳 셰프의 식탁
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-3 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">2주차</td>
        <td class="py-3 px-3 text-left font-bold text-slate-700">
          <span class="inline-block bg-slate-100 px-2 py-0.5 rounded text-xs mr-2 border border-slate-200">복제/변수</span>
          🧸 인형뽑기 / 💣 대포게임
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-3 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">3주차</td>
        <td class="py-3 px-3 text-left font-bold text-slate-700">
          <span class="inline-block bg-slate-100 px-2 py-0.5 rounded text-xs mr-2 border border-slate-200">응용 변수</span>
          🧮 계산기 / 🖱️ 클릭커게임
        </td>
      </tr>
      <tr class="hover:bg-slate-50 transition-colors">
        <td class="py-3 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">4주차</td>
        <td class="py-3 px-3 text-left font-bold text-slate-700">
          <span class="inline-block bg-slate-100 px-2 py-0.5 rounded text-xs mr-2 border border-slate-200">리스트/AI</span>
          🎲 랜덤 닉네임 / 📖 자동 단어장
        </td>
      </tr>
    </tbody>
  </table>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-blue-600 m-0">🎰 1. 신호 응용 - 럭키세븐</h2>
  <a href="https://naver.me/Fsw1zdK6" target="_blank" class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-blue-50 border border-blue-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-dice text-blue-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-blue-800 leading-tight">
    <p class="m-0">작동 순서를 차근차근 생각해 봅시다.</p>
    <p class="m-0 mt-1">슬롯머신처럼 숫자가 멈추려면 '신호'가 몇 개나 필요할까요?</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[380px] w-full">
  <iframe src="https://playentry.org/iframe/684808a968af866cb4db1983" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-green-600 m-0">👨‍🍳 2. 신호와 복제 - 셰프의 식탁</h2>
  <a href="https://naver.me/5DDWndqy" target="_blank" class="bg-green-500 hover:bg-green-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-green-50 border border-green-200 p-3 rounded-lg mb-3 shadow-sm flex items-start gap-3">
  <i class="fas fa-utensils text-green-500 text-2xl mt-0.5"></i>
  <div class="text-[13px] font-bold text-green-800 leading-tight">
    <ul class="list-disc pl-4 m-0 text-slate-700">
      <li>원본을 그대로 사용할 때 발생할 수 있는 오류를 찾아볼까요?</li>
      <li>왜 꼭 <b>'복제본'</b>을 사용해야 하는지 알아봅시다.</li>
      <li><b>'함수'</b>를 사용하면 복잡하게 반복되는 코드를 마법처럼 확 줄일 수 있어요!</li>
    </ul>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[350px] w-full">
  <iframe src="https://playentry.org/iframe/684ac1d3e9151242524e3721" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-purple-600 m-0">🧸 3. 복제하기 - 인형뽑기</h2>
  <a href="https://naver.me/FINFtbRX" target="_blank" class="bg-purple-500 hover:bg-purple-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-purple-50 border border-purple-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-robot text-purple-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-purple-800 leading-tight">
    <p class="m-0">복잡해 보이지만 당황하지 마세요!</p>
    <p class="m-0 mt-1">먼저 <b>복제본 딱 하나</b>가 화면에서 어떻게 움직일지 머릿속으로 상상해 봅시다.</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[380px] w-full">
  <iframe src="https://playentry.org/iframe/68480c41b038bfd50b5c7128" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-red-500 m-0">💣 4. 복제와 변수 - 대포게임</h2>
  <a href="https://naver.me/GDLtI15M" target="_blank" class="bg-red-500 hover:bg-red-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-red-50 border border-red-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-meteor text-red-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-red-800 leading-tight">
    <p class="m-0">점수를 기록할 <b>'변수'</b>를 직접 만들어 볼게요.</p>
    <p class="m-0 mt-1">엔트리봇을 맞추면 1점씩 증가하고, 판다를 맞추면 점수가 2배로 껑충 뛰게 코딩해 볼까요?</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[380px] w-full">
  <iframe src="https://playentry.org/iframe/6848172834011033d8c1eb87" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-orange-500 m-0">🧮 5. 변수 응용 - 계산기</h2>
  <a href="https://naver.me/F9hT6TYB" target="_blank" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-orange-50 border border-orange-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-calculator text-orange-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-orange-800 leading-tight">
    <p class="m-0">컴퓨터가 숫자 2개와 기호(연산자)를 까먹지 않고 기억하려면 '변수'가 몇 개 필요할까요?</p>
    <p class="m-0 mt-1 text-red-500">💡 결과를 지우지 않고 이어서 계속 계산하려면 어떻게 코딩해야 할지 고민해 보세요.</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[360px] w-full">
  <iframe src="https://playentry.org/iframe/684818af4ab8872bf02bdc6a" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-teal-600 m-0">🖱️ 6. 변수 고급 - 클릭커 게임</h2>
  <a href="https://naver.me/5PlhGeO8" target="_blank" class="bg-teal-500 hover:bg-teal-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-teal-50 border border-teal-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-mouse-pointer text-teal-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-teal-800 leading-tight">
    <p class="m-0">레벨이 오르고 캐릭터가 성장할 때마다, 클릭당 늘어나는 점수(변수)도 커지게 만들어봐요!</p>
    <p class="m-0 mt-1">부스터 아이템을 써서 점수를 폭발적으로 펌핑해 봅시다. 변수는 이렇게 자유롭게 응용할 수 있어요.</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[360px] w-full">
  <iframe src="https://playentry.org/iframe/6848224e7f120b9ea4a62580" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-rose-500 m-0">🎲 7. 리스트 - 랜덤 닉네임</h2>
  <a href="https://naver.me/FHV3B9ig" target="_blank" class="bg-rose-500 hover:bg-rose-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-rose-50 border border-rose-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-list-ul text-rose-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-rose-800 leading-tight">
    <p class="m-0">수십 개의 단어를 일일이 '변수'로 만들면 너무 힘들어요. 이럴 때 **'리스트(List)'**가 필요합니다.</p>
    <p class="m-0 mt-1">리스트 전용 블록인 <span class="bg-white px-1 border border-slate-200 rounded">항목 추가하기</span>, <span class="bg-white px-1 border border-slate-200 rounded">~번째 항목</span>, <span class="bg-white px-1 border border-slate-200 rounded">항목 수</span> 기능을 알아봅시다.</p>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[350px] w-full">
  <iframe src="https://playentry.org/iframe/6848241abf35862140219366" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-indigo-500 m-0">📖 8. 인공지능과 리스트 - 자동 단어장</h2>
  <a href="https://naver.me/IFGRN5SS" target="_blank" class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-1.5 rounded-lg font-bold text-[13px] flex items-center gap-2 transition-colors shadow-md">
    <i class="fas fa-file-code"></i> 학습지 열기
  </a>
</div>

<div class="bg-indigo-50 border border-indigo-200 p-3 rounded-lg mb-3 shadow-sm flex items-start gap-3">
  <i class="fas fa-book-open text-indigo-500 text-2xl mt-0.5"></i>
  <div class="text-[13px] font-bold text-indigo-800 leading-tight">
    <p class="m-0 mb-1">인공지능의 <b>'번역 기능'</b>과 <b>'글 읽어주기'</b> 기능을 리스트와 합쳐볼게요.</p>
    <ul class="list-disc pl-4 m-0 text-slate-700">
      <li>1번째 항목 읽기, 2번째 항목 읽기... 이렇게 하나씩 쓰려면 너무 불편하죠?</li>
      <li>숫자 자리에 <b>'변수'</b>를 끼워 넣으면 마법처럼 코드가 짧아집니다!</li>
    </ul>
  </div>
</div>

<div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-[320px] w-full">
  <iframe src="https://playentry.org/iframe/684825cb3dccb9b1c1a9410a" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: center
class: text-center
---

<h1 class="text-7xl mb-6">👏🏽</h1>

<h2 class="font-black text-5xl leading-tight mb-8 text-slate-800">
  수고하셨어요 ^o^
</h2>
<p class="text-slate-500 text-xl font-bold">리스트와 인공지능까지 마스터한 당신은 진정한 엔트리 마스터!</p>