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

# 💻 엔트리 기초 과정
초등학교 1학년 ~ 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-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-6 rounded-xl text-center shadow-md text-lg">
  엔트리 화면 구성과 블록 조작 방법을 알아봅시다!
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-3">
  <h2 class="text-2xl font-black text-blue-600 m-0">🕊️ 1. 플래피 만들기</h2>
  <a href="https://naver.me/5JVCxsNh" 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="grid grid-cols-2 gap-4 h-[380px]">
  <div class="flex flex-col items-center justify-center bg-white rounded-xl shadow-sm border border-slate-200 p-2">
    <h5 class="font-bold text-slate-700 mb-2 text-[15px]">📍 좌표를 알아봅시다</h5>
    <img src="https://e000.bond/pure/EntryBasic/grid.png" class="object-contain h-full rounded" />
  </div>
  <div class="bg-slate-50 p-2 rounded-xl border border-slate-300 shadow-inner h-full w-full">
    <iframe src="https://playentry.org/iframe/657ad0be9ccbd800b7562388" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
  </div>
</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/FNGzLDHI" 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-bullhorn 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">신호는 보내는 쪽과 받는 쪽이 있어요!</p>
  </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/657ad974349998006eef3396" 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/I54sJfWO" 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">💡 <b>TIP:</b> 모양 이름을 똑같이 맞추면 코딩이 편해요!</p>
  </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/6584124964a1b0002cc36dc8" 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-yellow-500 m-0">🍌 4. 바나나 던지기</h2>
  <a href="https://naver.me/5qan1EKI" target="_blank" class="bg-yellow-500 hover:bg-yellow-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-yellow-50 border border-yellow-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-dice text-yellow-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-yellow-800 leading-tight">
    <p class="m-0">신호보내기를 응용해서 '랜덤'한 방향으로 바나나를 날려봐요!</p>
    <p class="m-0 mt-1">💡 <b>TIP:</b> '랜덤'은 컴퓨터가 마음대로 고르는 무작위 수를 말해요.</p>
  </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/657adc48ab4659006935191d" 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">🌀 5. 선풍기</h2>
  <a href="https://naver.me/GRmxaMtI" 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-stop-circle 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">코드를 강제로 멈추고 싶을 때는 어떤 블록을 사용할까요?</p>
  </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/65951ce2193cdf0021a6f599" 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-600 m-0">🗺️ 6. 미로찾기</h2>
  <a href="https://naver.me/xOISj5hN" 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-exclamation-circle text-orange-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-orange-800 leading-tight">
    <p class="m-0">만일 '참' 이라면 블록을 알아봅시다.</p>
    <p class="m-0">벽에 닿으면 처음 위치로 되돌아가게 만들어볼까요?</p>
  </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/657ae2360c920e00253d2fa6" 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-emerald-600 m-0">🎄 7-1. 트리 만들기</h2>
  <a href="https://naver.me/xWBELng0" target="_blank" class="bg-emerald-500 hover:bg-emerald-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-emerald-50 border border-emerald-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-tree text-emerald-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-emerald-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-[320px] w-full">
  <iframe src="https://playentry.org/iframe/656f925d7b44dc001af78891" 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">🏞️ 7-2. 지금 공원에서는</h2>
  <a href="https://naver.me/58jFRXAT" 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-leaf 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">공원에 있는 물체들에 마우스를 닿게 해볼까요?</p>
  </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/6899beb838f0a96a8039de57" 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">🚪 8. 방탈출 게임</h2>
  <a href="https://naver.me/xSNSJILp" 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-door-open 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">다양한 힌트를 숨겨두고 친구들의 방을 탈출해보세요!</p>
  </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/656f8ebb19a5f30037a6567c" 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-600 m-0">📝 9-1. 이름맞추기</h2>
  <a href="https://naver.me/5TizPvit" 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-keyboard 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">묻고 기다리기와 조건 블록을 연결해봅시다.</p>
  </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/656f098ada640d0050bf5ab9" 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-600 m-0">🛑 9-2. 그대로 멈춰라</h2>
  <a href="https://naver.me/5b0dvw5g" 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-hand-paper text-rose-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-rose-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-[320px] w-full">
  <iframe src="https://playentry.org/iframe/6899c2c677bbd6b63e45ba44" 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">🏃 10. 아바타 움직이기</h2>
  <a href="https://naver.me/II1lm90I" 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-gamepad 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">앞, 뒤, 점프 외에 다른 동작 명령도 추가해볼까요?</p>
  </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/658411a84406000033548d41" 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-1. 그림판 만들기</h2>
  <a href="https://naver.me/GedJHcpn" 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-palette 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">버튼을 누르면 선 색깔이 예쁘게 바뀌려면 어떻게 해야 할까요?</p>
  </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/65953f0c07e5ec002c94bb36" 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-violet-600 m-0">🌐 11-2. 나만의 번역기</h2>
  <a href="https://naver.me/5b0d8AeP" target="_blank" class="bg-violet-500 hover:bg-violet-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-violet-50 border border-violet-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-language text-violet-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-violet-800 leading-tight">
    <p class="m-0">엔트리의 아주 똑똑한 인공지능(AI) 번역 블록들을 직접 사용해보아요.</p>
  </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/6899c563aa0f7497fe12305d" width="100%" height="100%" frameborder="0" class="rounded-lg shadow-sm bg-white"></iframe>
</div>

---
layout: center
---

<h2 class="text-3xl font-black text-slate-800 mb-8 text-center">📚 부록 (재미있는 두뇌 게임)</h2>

<div class="flex flex-col gap-4 w-full max-w-lg mx-auto">
  <a href="https://sudoku.com/ko/swium/" target="_blank" class="bg-blue-50 border-2 border-blue-400 hover:bg-blue-500 hover:text-white text-blue-800 transition-colors p-5 rounded-xl shadow-md text-center group">
    <h3 class="text-xl font-black m-0 flex items-center justify-center gap-3">
      <i class="fas fa-cubes text-blue-500 group-hover:text-white transition-colors"></i> 스도쿠 사이트 (기본)
    </h3>
  </a>

  <a href="http://www.sudoku99.co.kr/sudoku6x6/" target="_blank" class="bg-green-50 border-2 border-green-400 hover:bg-green-500 hover:text-white text-green-800 transition-colors p-5 rounded-xl shadow-md text-center group">
    <h3 class="text-xl font-black m-0 flex items-center justify-center gap-3">
      <i class="fas fa-th text-green-500 group-hover:text-white transition-colors"></i> 6x6 쉬운 스도쿠
    </h3>
  </a>

  <a href="https://m.blog.naver.com/yangskim2000/220506137860" target="_blank" class="bg-yellow-50 border-2 border-yellow-400 hover:bg-yellow-500 hover:text-white text-yellow-800 transition-colors p-5 rounded-xl shadow-md text-center group">
    <h3 class="text-xl font-black m-0 flex items-center justify-center gap-3">
      <i class="fas fa-search text-yellow-500 group-hover:text-white transition-colors"></i> 수학 규칙 찾기 게임
    </h3>
  </a>
</div>

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

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

<h2 class="font-black text-4xl leading-tight mb-8 text-slate-800">
  수고하셨어요 ^o^
</h2>
<p class="text-slate-500 text-lg font-bold">블록 코딩의 세계에 첫 발을 내디딘 것을 축하합니다!</p>