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

# 💻 엔트리로 게임 만들기
초등학교 3학년 ~ 5학년 대상 (엔트리 기초를 아는 학생)

---
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-500 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-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">1주차</td>
        <td class="py-2.5 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> 엔트리 소개 및 복습<br>
          <span class="inline-block mt-1">🍎 먹기 게임</span>
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">2주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🔨 두더지 게임 / 🤔 스무고개
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">3주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          💣 지뢰찾기 / 🏴‍☠️ 해적 퇴치 게임
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">4주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🎁 선물 맞추기 / 🦅 플래피 게임
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">5주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🎲 주사위 게임 / 🪴 엔트리 키우기
        </td>
      </tr>
      <tr class="hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-blue-600 bg-blue-50/50">6주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🍔 하늘에서 음식이 / 🧟 좀비 사냥
        </td>
      </tr>
    </tbody>
  </table>
</div>

---
layout: center
---

<h2 class="text-2xl font-black text-slate-800 mb-4 text-center">👋 0. 엔트리 소개</h2>

<div class="bg-blue-50 border-2 border-blue-200 text-blue-800 font-bold p-4 rounded-xl text-center shadow-md text-lg mb-6 w-fit mx-auto">
  엔트리 화면 구성과 동작 블록을 가볍게 복습해 봅시다!
</div>

<div class="flex justify-center items-center h-[350px]">
  <img src="https://e000.bond/pure/EntryGame/grid.png" class="h-full rounded-xl shadow-lg border border-slate-200 object-contain bg-white" />
</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/5PsAmAED" target="_blank" class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 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-apple-alt 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 text-red-500 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/659539094cd0a0001a669598" 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/5pH2ptyn" target="_blank" class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 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-center gap-3">
  <i class="fas fa-hammer text-green-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-green-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/656ef0b9bfe3190038279915" 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/FfA3jrcL" target="_blank" class="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 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-question-circle 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">만일 '참'이라면, 아니면 블록으로 정답일 때와 아닐 때를 다르게 말해주세요!</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/65953786ca7897001a91ba1c" 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">💣 4. 지뢰찾기</h2>
  <a href="https://naver.me/xAV6zDG4" target="_blank" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 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-start gap-3">
  <i class="fas fa-bomb text-orange-500 text-2xl mt-1"></i>
  <div class="text-[13px] font-bold text-orange-800 leading-tight">
    <p class="m-0 mb-1"><b>복제하기</b>를 사용하여 '먹기 게임'의 오류를 완벽하게 고쳐봅시다.</p>
    <ul class="list-disc pl-4 m-0 text-slate-700">
      <li>원본은 복제본을 만드는 역할만 해요.</li>
      <li>복제본은 '복제본이 처음 생성되었을 때' 블록부터 실행해요.</li>
      <li>복제본은 일정한 조건에서 꼭 삭제해 줘야 컴퓨터가 안 느려져요!</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/65954b14fb531a001a9a5316" 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-600 m-0">🏴‍☠️ 5. 해적 퇴치 게임</h2>
  <a href="https://naver.me/5Zjmyudo" target="_blank" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 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-skull-crossbones text-red-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-red-800 leading-tight">
    <p class="m-0">그동안 배운 복제하기와 변수를 제대로 섞어서 사용해 봅시다!</p>
    <p class="m-0 mt-1">탄환을 맞춰 해적선의 생명력(변수)을 줄이고, 0이 되면 게임을 멈추게 해보세요.</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/656f1dcd1808fd001aa076de" 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/FwSB492L" target="_blank" class="bg-teal-500 hover:bg-teal-600 text-white px-4 py-2 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-gift text-teal-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-teal-800 leading-tight">
    <p class="m-0">산타를 따라 썰매와 선물이 졸졸 따라다니게 하려면 어떻게 코딩해야 할까요?</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/657038384bce3d0026b5047d" 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">🦅 7. 플래피 게임</h2>
  <a href="https://naver.me/II18RkHO" target="_blank" class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 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-center gap-3">
  <i class="fas fa-crow text-indigo-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-indigo-800 leading-tight">
    <p class="m-0">유명한 플래피 버드 게임을 만들어봅시다!</p>
    <p class="m-0 mt-1">새는 언제 바닥에 떨어지나요? <b>'그리고'</b> 블록과 <b>'또는'</b> 블록의 차이를 이해해봐요.</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/65967b854ba982002505c856" 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">🎲 8. 주사위 게임</h2>
  <a href="https://naver.me/FjcvAHz8" target="_blank" class="bg-rose-500 hover:bg-rose-600 text-white px-4 py-2 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-dice text-rose-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-rose-800 leading-tight">
    <p class="m-0">변수는 꼭 1개만 쓰는 게 아니에요. 여러 개의 주사위 값을 더해봅시다!</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/656ef71c5a46b60037cf1127" 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-fuchsia-600 m-0">🪴 9. 엔트리 키우기</h2>
  <a href="https://naver.me/xwWrQi8z" target="_blank" class="bg-fuchsia-500 hover:bg-fuchsia-600 text-white px-4 py-2 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-fuchsia-50 border border-fuchsia-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-seedling text-fuchsia-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-fuchsia-800 leading-tight">
    <p class="m-0">다마고치처럼 엔트리봇을 키워봐요! 조건 블록이 많아져도 차근차근 연결하면 돼요.</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/659530644a10ba002c3d43eb" 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-sky-600 m-0">🍔 10. 하늘에서 음식이</h2>
  <a href="https://naver.me/FARI3Mcu" target="_blank" class="bg-sky-500 hover:bg-sky-600 text-white px-4 py-2 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-sky-50 border border-sky-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-hamburger text-sky-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-sky-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/656fb3984ca8630021a91460" 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-lime-600 m-0">🧟 11. 좀비 사냥</h2>
  <a href="https://naver.me/Fu683g4i" target="_blank" class="bg-lime-500 hover:bg-lime-600 text-white px-4 py-2 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-lime-50 border border-lime-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-crosshairs text-lime-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-lime-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/6595272e13c42c002c5ef30c" 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>