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

# 💻 팅커캐드로 내 방 만들기
초등학교 4학년 ~ 6학년 대상 (3D 모델링 기초)

---
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-sky-500 text-white font-bold">
      <tr>
        <th class="py-2.5 px-3 border-r border-sky-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-sky-600 bg-sky-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>
          팅커캐드 소개 / 예제 체험 (튜토리얼)
        </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-sky-600 bg-sky-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-sky-600 bg-sky-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-sky-600 bg-sky-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-sky-600 bg-sky-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-sky-600 bg-sky-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-3xl font-black text-slate-800 mb-6 text-center">👋 0. 팅커캐드 소개 및 예제 체험</h2>

<div class="bg-sky-50 border-2 border-sky-200 text-sky-800 font-bold p-6 rounded-xl shadow-md text-left w-full max-w-2xl mx-auto space-y-4">
  <p class="m-0 flex items-center gap-3 text-[15px]"><i class="fas fa-cube text-sky-500 text-2xl"></i> 팅커캐드의 3D 작업 공간(Workplane)을 살펴보고 기본 단축키를 익힙니다.</p>
  <p class="m-0 flex items-center gap-3 text-[15px]"><i class="fas fa-mouse-pointer text-sky-500 text-2xl"></i> 튜토리얼을 통해 시점을 돌리는 방법과 마우스 조작법을 체험해 볼까요?</p>
</div>

<div class="flex justify-center mt-8">
  <a href="https://www.tinkercad.com/" target="_blank" class="bg-sky-500 hover:bg-sky-600 text-white px-8 py-3 rounded-full font-black text-lg shadow-lg transition-colors flex items-center gap-2">
    <i class="fas fa-external-link-alt"></i> 팅커캐드 접속하기
  </a>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-sky-600 m-0">🪑 1. 의자 만들기</h2>
</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-chair text-sky-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-sky-800 leading-tight">
    <p class="m-0">도형을 복사(Ctrl+C, Ctrl+V)하고, Shift 키를 누른 채로 크기를 줄이는 방법을 연습합니다.</p>
    <p class="m-0 mt-1 text-slate-600">💡 3D 뷰어를 이리저리 돌려가며 내 작품을 확인해 보세요!</p>
  </div>
</div>

<div class="flex justify-center items-center h-[340px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/4pPDfnWkzY4?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-blue-600 m-0">💻 2. 책상 만들기</h2>
</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-desktop 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">그 아래에 다리 4개를 붙이면 정확한 치수로 만들기 훨씬 편하답니다.</p>
  </div>
</div>

<div class="flex justify-center items-center h-[340px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/5YCJf1EzJts?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-amber-600 m-0">⛺ 3. 인디언 텐트 만들기</h2>
</div>

<div class="bg-amber-50 border border-amber-200 p-3 rounded-lg mb-3 shadow-sm flex items-start gap-3">
  <i class="fas fa-campground text-amber-500 text-2xl mt-0.5"></i>
  <div class="text-[13px] font-bold text-amber-800 leading-tight">
    <p class="m-0 mb-1">텐트의 입구를 만들려면 공간을 비워야겠죠?</p>
    <ul class="list-disc pl-4 m-0 text-slate-700">
      <li>도형을 <b>'구멍'</b> 속성으로 바꾸기</li>
      <li>두 도형을 겹친 뒤 <b>'그룹화'</b>하기</li>
      <li>새로운 각도에 도형을 붙일 땐 <b>'작업 평면(Workplane)'</b> 도구를 활용하세요!</li>
    </ul>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/klI1Ewy3wRr?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></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>
</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-lightbulb 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 text-red-500">🔥 삐뚤빼뚤하지 않게 '정렬(Align)' 도구를 사용해 가운데를 딱 맞춰주세요!</p>
  </div>
</div>

<div class="flex justify-center items-center h-[340px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/9JcvU86Jlk7?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-purple-500 m-0">🛏️ 5. 침대와 옷장 만들기</h2>
</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-bed 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="flex justify-center items-center h-[340px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/lnZE6xr6hcQ?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></iframe>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-indigo-500 m-0">📚 6. 책장 만들기</h2>
</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-book 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>샘플 1개</b>를 완벽하게 만든 뒤 복사해서 올리면 아주 편해요!</p>
  </div>
</div>

<div class="flex justify-center items-center h-[340px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/ecB3N3V4zCm?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></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>
</div>

<div class="bg-rose-50 border border-rose-200 p-3 rounded-lg mb-3 shadow-sm flex items-start gap-3">
  <i class="fas fa-door-open text-rose-500 text-2xl mt-0.5"></i>
  <div class="text-[13px] font-bold text-rose-800 leading-tight">
    <ul class="list-disc pl-4 m-0 text-slate-700">
      <li>문과 창문이 들어갈 자리는 <b>'구멍'</b> 속성 도형으로 먼저 뻥 뚫어주세요.</li>
      <li>작업할 때 벽 때문에 안쪽이 안 보인다면? <b>'전구 버튼(숨기기)'</b>을 눌러 잠시 투명하게 만들 수 있어요!</li>
    </ul>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <iframe src="https://www.tinkercad.com/embed/jbw0NCNJDCW?editbtn=1" class="w-full h-full object-contain rounded-lg shadow-md bg-white" frameborder="0" scrolling="no"></iframe>
</div>

---
layout: center
---

<h2 class="text-3xl font-black text-slate-800 mb-6 text-center">🏠 8. 나만의 방 만들기 (최종 미션)</h2>

<div class="bg-blue-50 border-2 border-blue-200 p-8 rounded-2xl shadow-md max-w-3xl mx-auto text-left">
  <h4 class="font-black text-blue-700 text-xl mb-4">💡 내 방을 어떻게 꾸미고 싶은가요?</h4>
  <div class="space-y-4 text-[15px] text-slate-700">
    <p class="m-0 flex items-center gap-3">
      <i class="fas fa-check-circle text-blue-500"></i> 지금까지 만든 가구들을 하나의 방에 모두 모아 봅니다.
    </p>
    <p class="m-0 flex items-center gap-3">
      <i class="fas fa-check-circle text-blue-500"></i> 로망이 가득 담긴 드림 룸(Dream Room)을 친구들과 이야기해 보고 직접 설계해 보세요.
    </p>
    <p class="m-0 flex items-center gap-3">
      <i class="fas fa-check-circle text-blue-500"></i> 크기가 안 맞거나 공중에 붕 뜨는 가구가 있다면? 시점을 돌려가며 <b>문제 해결</b>을 해봅시다!
    </p>
  </div>
</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">이제 우리는 3D 공간을 자유자재로 다루는 멋진 건축가!</p>