> For the complete documentation index, see [llms.txt](https://help.goorm.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.goorm.io/ko/edu-lecturer/04.quiz/scratch/extension.md).

# 확장 기능 이용하기

이 페이지에서는 스크래치 문제의 확장 기능 중 TMPose2Scratch와 TM2Scratch을 다룹니다.

## 1. 스크래치 모델 만들기

<https://teachablemachine.withgoogle.com/> 페이지에서 스크래치 모델을 만들 수 있습니다.

### 1-1. 스크래치 모델 샘플 추가하기

{% embed url="<https://app.arcade.software/share/90ro2x6yTtOjtXHKXDOu>" %}
버튼을 클릭해 보세요. 다음 단계를 확인할 수 있습니다.
{% endembed %}

* **\[시작하기]** 버튼을 클릭해 주세요.
* 이미지, 오디오 또는 포즈 프로젝트 선택해 주세요.
  * TM2Scratch 확장 기능을 이용하고 싶다면, '이미지 프로젝트 또는 오디오 프로젝트'를 선택해 주세요.
  * TMPose2Scratch 확장 기능을 이용하고 싶다면, '포즈 프로젝트'를 선택해 주세요.
* 샘플을 추가해 주세요. 샘플이 많을수록, 다양할수록 더 정확해집니다.&#x20;
* 클래스의 이름은 알아보기 쉽도록 수정해 주세요.

### 1-2.   샘플을 스크래치 모델로 내보내기

{% embed url="<https://app.arcade.software/share/Il83Mj6bpmzFVKz80kc4>" %}

* **\[모델 학습시키기]** 버튼을 클릭해 주세요.
* **\[모델 내보내기]** 버튼 클릭 후 업로드(공유 가능한 링크)를 선택해 주세요. **\[모델 업로드]**&#xB97C; 클릭하면, 공유 가능한 링크가 생성됩니다. 생성된 링크는 복사해 주세요.

## 2. 스크래치 문제 만들기

강좌 관리 페이지에서 시험 문제를 제작할 수 있습니다.

### **2-1. 확장 기능 추가하기**

{% embed url="<https://app.arcade.software/share/yCcx28q3iITogeryu7x1>" %}

1. 강좌 관리 페이지의 좌측 메뉴에서 **\[시험 문제]** 클릭해 주세요.
2. 시험 문제 페이지 상단 **\[새 문제 만들기]**&#xC5D0;서 **\[스크래치 문제]**&#xB97C; 클릭해 주세요.
3. 문제 생성 페이지의 하단 스크래치 정보 단계에서  '확장 기능 고르기' 아이콘 클릭해 주세요.
4. 확장 기능 고르기 화면에서 TMPose2Scratch 또는 TM2Scratch 클릭해 주세요.
   * TMPose2Scratch: 포즈 인식 기능을 활용한 문제를 만들 수 있습니다.
   * TM2Scratch: 특정 이미지나 소리 인식 기능을 활용한 문제를 만들 수 있습니다.

### **2-2. 문제 제작하기**

{% embed url="<https://app.arcade.software/share/1Qt05WGPcQYycdbRcevz>" %}

1. 확장 기능을 추가했다면 추가하고자 하는 라벨 좌측 체크박스에 체크해 주세요.
2. TeachableMachine에서 만든 스크래치모델은 아래 방법에 따라 불러올 수 있습니다.
   * 이벤트 설정 후, 포즈 (또는 이미지) 인식 모델 URL을 선택합니다.
   * TeachableMachine에서 생성한 '공유 가능한 링크'를 입력합니다.
   * 어떤 이미지 라벨을 받았을 때 어떠한 동작을 실행시킬지 설정해 주세요.
3. 문제 설정이 모두 완료되었다면, 페이지 우측 상단 **\[문제 만들기]**&#xB97C; 클릭해 주세요.

<mark style="color:red;">ℹ️</mark> TeachableMachine에서 생성한 스크래치 모델과 라벨의 이름은 강좌 관리 페이지 좌측 **\[교육 과정 편집]** 메뉴에서 **\[미리  보기]**&#xB97C; 통해 확인할 수 있습니다. 실습 영상 좌측 상단에서 라벨 이름을 확인할 수 있습니다. 라벨의 이름은 TeachableMachine의 클래스 이름과 같습니다. 현재, 문제 생성 페이지에서는 스크래치 모델과 라벨의 이름을 확인할 수 없습니다.

<mark style="color:red;">ℹ️</mark> 웹캠 권한을 허용해야 포즈와 이미지를 인식할 수 있습니다. **\[허용]** 버튼이 뜨지 않는다면, 주소창 오른쪽 '카메라' 설정 혹은 주소창 왼쪽 권한 설정을 확인해 주시기를 바랍니다.

<figure><img src="/files/trAlTAQCi93cRwvr4t3r" alt=""><figcaption></figcaption></figure>

## 3. 시연 가이드

{% hint style="warning" %}
TeachableMachine에서 생성한 URL을 준비해 주세요.
{% endhint %}

{% embed url="<https://app.arcade.software/share/OL8sTfp7skiEYULzR5cN>" %}

1. 강좌 관리 페이지에서 **\[교육 과정 편집]** 메뉴를 클릭해 주세요.
2. 스크래치 문제가 있는 실습 수업 선택하고, **\[미리보기]**&#xB97C; 클릭해 주세요.&#x20;
3. TeachableMachine에서 생성한 공유 가능한 링크를 이미지 분류 모델 URL 입력칸에 입력(붙여넣기)해 주세요.
4. 실습 영상 좌측 상단 '초록 깃발' 아이콘을 클릭해 주세요. 스크래치 모델을 불러올 수 있습니다. \
   스크래치 모델을 불러오는데에 다소 시간이 걸릴 수 있습니다.
5. 스크래치 모델을 불러오는 작업이 완료되면, 실습 영상 상단에서 이미지 라벨을 볼 수 있고, “어떤” 드롭다운을 클릭했을 때 이미지 라벨을 확인할 수 있습니다.
6. 웹캠을 통해 포즈 또는 이미지를 인식해 보세요!

## 4. 바로가기 버튼 추가

스크래치 모델을 만들 수 있는 페이지로 바로 연결되는 버튼을 삽입해 보세요. <https://teachablemachine.withgoogle.com/> 링크를 공유하지 않아도, 수강생들은 바로가기 버튼을 통해 스크래치 모델 만들기 실습을 할 수 있습니다.

{% embed url="<https://app.arcade.software/share/I1jzn0teDmHoafH6UuON>" %}

1. 스크래치 문제가 있는 강의를 클릭하고, 우측 상단 **\[편집하기]** 버튼을 클릭합니다.
2. 수업 내용에 '코드 보기' 아이콘을 클릭 후, 아래의 코드를 복사해 붙여넣기 해주세요.

```
<a href="https://teachablemachine.withgoogle.com/" class="btn btn-lg btn-block btn-primary" target="_blank">티처블머신 바로가기</a>
```

3. '링크' 아이콘 클릭 후, 버튼명과 링크를 확인해 주세요. 이동할 URL은 <https://teachablemachine.withgoogle.com/> 입니다. 새로 열기 체크 박스에 체크해 주세요.
4. 우측 상단 **\[저장 후 편집종료]** 버튼을 클릭하면 수강생들은 강좌 화면에서 바로가기 버튼을 확인할 수 있습니다.&#x20;