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

# 🐶 엔트리로 강아지 키우기
초등학교 2학년 ~ 3학년 대상 (강아지를 좋아하는 학생)

---
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-orange-400 text-white font-bold">
      <tr>
        <th class="py-2.5 px-3 border-r border-orange-300 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-orange-600 bg-orange-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> 엔트리 소개<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-3 px-3 border-r border-slate-200 font-black text-orange-600 bg-orange-50/50">2주차</td>
        <td class="py-3 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-3 px-3 border-r border-slate-200 font-black text-orange-600 bg-orange-50/50">3주차</td>
        <td class="py-3 px-3 text-left font-bold text-slate-700">
          🌳 산책 좋아! / 🦴 간식 먹을래?
        </td>
      </tr>
      <tr class="hover:bg-slate-50 transition-colors">
        <td class="py-3 px-3 border-r border-slate-200 font-black text-orange-600 bg-orange-50/50">4주차</td>
        <td class="py-3 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-orange-50 border-2 border-orange-200 text-orange-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-[380px]">
  <img src="https://e000.bond/pure/EntryGame/grid.png" class="h-full rounded-xl shadow-lg border border-slate-200 object-contain bg-white p-2" />
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-amber-600 m-0">🐾 1. 아기멍 키우기</h2>
  <a href="https://naver.me/FK5frDZK" target="_blank" class="bg-amber-500 hover:bg-amber-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-amber-50 border border-amber-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-dog text-amber-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-amber-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-[380px] w-full">
  <iframe src="https://playentry.org/iframe/67388a37815976d0bb7aad8a" 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-pink-500 m-0">🎀 2. 멍멍패션쇼</h2>
  <a href="https://naver.me/xzxdRDVv" target="_blank" class="bg-pink-500 hover:bg-pink-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-pink-50 border border-pink-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-tshirt text-pink-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-pink-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/674af2753a60652ff66c1b2e" 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-blue-500 m-0">🏃 3. 나 잡아봐라!</h2>
  <a href="https://naver.me/IMyvfJWh" 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-running 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 text-red-500">💡 <b>가로(옆)로 움직이려면 x좌표가 필요해요!</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/674af2ca344d2670af097e12" 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">🌳 4. 산책 좋아!</h2>
  <a href="https://naver.me/FZ2yvTqP" 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-tree text-green-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-green-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-[380px] w-full">
  <iframe src="https://playentry.org/iframe/674af2ef8b9e66a306d50f74" 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/GUwgI77x" 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-center gap-3">
  <i class="fas fa-bone text-orange-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-orange-800 leading-tight">
    <p class="m-0"><b>'무작위 수'</b>가 무엇인지 아나요? 컴퓨터가 랜덤으로 뽑는 숫자예요!</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/674af3119a72e167e91754b8" 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">💡 6. 천재 멍멍이</h2>
  <a href="https://naver.me/FTX76PQR" 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-lightbulb text-purple-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-purple-800 leading-tight">
    <p class="m-0"><b>'묻고 기다리기'</b> 블록으로 멍멍이와 대화해 보아요.</p>
    <p class="m-0 mt-1 text-red-500">💡 <b>위아래(세로)로 움직이려면 y좌표가 필요해요!</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/674af32cb55ea985958b90cc" 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">🧹 7. 부지런한 주인</h2>
  <a href="https://naver.me/xX7Mi5zS" 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-broom text-teal-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-teal-800 leading-tight">
    <p class="m-0"><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/674af34396515cff8c83fdac" 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>