# 수료증 빌더에서 배지 사용하는 방법

Hyperclass의 수료증 빌더(Certificate Builder)에 새로 추가된 배지(Badges) 기능으로 학습자의 성취를 축하하고 동기를 부여해보세요. 이 가이드에서는 강의 완료, 스킬 마일스톤 등의 성과를 시각적으로 인정하는 배지 기능 사용법을 안내합니다.

## 목차

* [Hyperclass 수료증 빌더의 배지란?](#hyperclass-수료증-빌더의-배지란)
* [배지의 주요 장점](#배지의-주요-장점)
* [배지 만들기 및 커스터마이징](#배지-만들기-및-커스터마이징)
* [1단계: 수료증 빌더 접근하기](#1단계-수료증-빌더-접근하기)
* [2단계: 템플릿 선택 또는 새로 만들기](#2단계-템플릿-선택-또는-새로-만들기)
* [3단계: 배지 디자인 커스터마이징](#3단계-배지-디자인-커스터마이징)
* [4단계: 배지 미리보기 및 저장](#4단계-배지-미리보기-및-저장)
* [5단계: 이메일로 배지 발송](#5단계-이메일로-배지-발송)
* [배지 다운로드 및 공유](#배지-다운로드-및-공유)
* [자동 저장](#자동-저장)
* [자주 묻는 질문](#자주-묻는-질문)

## Hyperclass 수료증 빌더의 배지란?

Hyperclass 수료증 빌더의 배지는 스킬 마일스톤, 강의 완료, 커스텀 성취 등을 위해 수여하는 커스터마이징 가능한 디지털 아이콘입니다. 이 배지는 동기 부여 도구 역할을 하며, 브랜드 생태계 내에서 학습자의 진도를 인정하고 축하하는 현대적인 방식을 제공합니다. 유연한 디자인 옵션과 쉬운 공유 기능으로 강의와 커뮤니티의 참여도와 전문성을 강화할 수 있습니다.

## 배지의 주요 장점

배지는 제작자와 학습자 모두에게 다양한 장점을 제공합니다:

* **동기 부여 향상**: 학습자가 레슨을 완료하고 마일스톤에 도달하도록 독려합니다
* **참여도 증대**: 진도를 시각적으로 보여주고 보상을 제공하여 참여도를 높입니다
* **커스텀 브랜딩**: 브랜드 아이덴티티에 맞춰 배지 외관을 완전히 제어할 수 있습니다
* **전문적 인정**: 강의에 신뢰도와 전문성을 더해줍니다
* **쉬운 공유**: 사용자가 배지를 다운로드하거나 소셜 미디어에 공유하여 브랜드를 확산시킬 수 있습니다
* **유연한 디자인**: 빠르고 창의적인 배지 제작을 위한 템플릿과 요소 라이브러리를 제공합니다
* **확장 가능한 인정**: 다양한 성취에 대해 배지를 대규모로 발급할 수 있습니다

## 배지 만들기 및 커스터마이징

배지를 설정하면 학습자의 성취를 시각적으로 매력적이고 브랜드가 반영된 방식으로 인정받을 수 있습니다. 다음 단계를 따라 배지를 만들고 발급해보세요:

### 1단계: 수료증 빌더 접근하기

* Hyperclass 하위 계정에 로그인합니다
* 좌측 메뉴에서 \*\*Memberships(멤버십)\*\*을 클릭합니다
* **Credentials(인증서)** 탭을 클릭합니다
* 우측 상단에서 **+ Create(만들기)** 버튼을 클릭합니다
* 드롭다운에서 \*\*Create Badge(배지 만들기)\*\*를 선택합니다

![](https://jumpshare.com/v/AsBn0rydFaq3gPOxRQnC+/GIF+Recording+2025-07-08+at+11.59.16+PM.gif)

### 2단계: 템플릿 선택 또는 새로 만들기

다음 중 하나를 선택하게 됩니다:

* 빈 캔버스에서 새로 시작하기
* 기본 제공 라이브러리의 템플릿 사용하기
* 템플릿을 선택하고 \*\*Create(만들기)\*\*를 클릭합니다

![](https://jumpshare.com/v/Uw4tazMmWiu3lg9Ur5r0+/GIF+Recording+2025-07-09+at+12.01.26+AM.gif)

### 3단계: 배지 디자인 커스터마이징

#### 편집 환경 하이라이트

* 요소를 이동하거나 회전할 때 편집 툴바가 자동으로 숨겨져 캔버스를 가리지 않습니다
* 매우 작거나 촘촘하게 배치된 요소를 쉽게 재배치하려면 이동 아이콘을 사용하세요
* 선과 도형 크기 조정이 더 안정적이며, 캔버스에 모서리 마커가 적게 표시되어 더 깔끔한 화면을 제공합니다

#### 텍스트 편집

* 좌측 패널에서 **Text(텍스트)** 탭을 클릭합니다
* \*\*+ Add Text Box(텍스트 박스 추가)\*\*를 클릭하여 디자인에 텍스트를 삽입합니다
* Heading(제목), Subheading(부제목), Normal Text(일반 텍스트) 옵션 중 선택합니다
* 캔버스 내에서 직접 텍스트를 편집합니다

![](https://jumpshare.com/v/xgQosD5WyzUuehmo9HhZ+/GIF+Recording+2025-07-09+at+12.08.56+AM.gif)

#### 텍스트 스타일 지정

텍스트 요소를 선택하여 스타일을 지정하세요:

* 글꼴 패밀리, 크기, 굵기/두께 변경
* 텍스트 색상 변경
* 굵게, 기울임 적용
* 필요에 따라 줄 간격 수정
* 정렬 조정: 좌측, 중앙, 우측

![](https://jumpshare.com/v/llestcU4kbKydrk0b8Ht+/GIF+Recording+2025-07-09+at+12.20.17+AM.gif)

#### 커스텀 값 추가

텍스트 박스를 클릭하거나 텍스트 박스를 추가하고 다이나믹 태그를 사용하여 다음과 같은 값을 자동으로 채울 수 있습니다:

* Contact Full Name(연락처 전체 이름), First Name(이름), Last Name(성)
* Email(이메일), Phone(전화), Company Name(회사명)
* Address(주소), City(도시), State(주/도), Country(국가) 등 목록에서 선택할 수 있는 많은 값

**참고**: 연락처 수준의 커스텀 값만 채워집니다(있는 경우). 일부 커스텀 값은 빈 칸으로 남을 수 있으니 발송 전에 템플릿을 다시 확인해주세요.

![](https://jumpshare.com/v/CcRz23kJxjhkzKsf0OhA+/GIF+Recording+2025-07-09+at+12.25.15+AM.gif)

#### 디자인 요소 추가 및 커스터마이징

**Elements(요소)** 탭을 클릭하여 다음을 추가할 수 있습니다:

* Lines(선)
* Shapes(도형)
* Ribbons(리본)
* Icons(아이콘)
* Bases(베이스)

도형이나 요소를 선택하여 커스터마이징하세요:

* **Fill Color(채우기 색상)**
* **Stroke Color(윤곽선 색상)**
* **Change Border Type and Width(테두리 유형 및 두께 변경)**
* **Border Radius(테두리 반지름)**
* **Element Opacity(요소 투명도)**

![](https://jumpshare.com/v/ZdrRhghBnAqG2VG0dow4+/GIF+Recording+2025-07-09+at+12.37.33+AM.gif)

#### 이미지 삽입

* 저장된 에셋을 사용하려면 \*\*Upload Media from Library(라이브러리에서 미디어 업로드)\*\*를 클릭합니다
* 또는 외부 이미지를 가져오려면 \*\*Image URL(이미지 URL)\*\*을 붙여넣습니다

![](https://jumpshare.com/v/eG4iOz3dHd5VUIppksEm+/Screen+Shot+2025-07-09+at+12.52.51+AM.png)

#### 키보드 단축키

메뉴 대신 창의성에 집중할 수 있도록 친숙한 명령어로 시간을 절약하세요.

* **Ctrl + X** — 선택된 요소 잘라내기
* **Ctrl + C** — 선택된 요소 복사하기
* **Ctrl + V** — 요소 붙여넣기

#### 화살표 키 이동

화살표 키를 사용하여 요소를 픽셀 단위로 정확하게 배치할 수 있습니다.

* **← ↑ → ↓** — 선택된 요소를 1px 이동
* **Shift + 화살표** — 빠른 재배치를 위해 10px 점프

#### 레이어 제어

중첩된 그래픽과 텍스트를 쉽게 관리하여 다층 디자인을 만들 수 있습니다.

* **Bring Forward(앞으로 가져오기)** — 요소를 한 레이어 앞으로 이동
* **Send to Back(뒤로 보내기)** — 요소를 한 레이어 뒤로 이동

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050815864/original/8aqKKcn3XnX2G66Nu7HdvmMbSK9XY5E7Xw.png?1754068482)

### 4단계: 배지 미리보기 및 저장

* **Preview(미리보기)** (눈 아이콘)를 클릭하여 배지 모양을 확인합니다
* \*\*Save(저장)\*\*을 클릭하여 Hyperclass 디렉토리에 배지를 저장합니다

![](https://jumpshare.com/v/PbLhdvsBecGL3gKrwoCH+/Screen+Shot+2025-07-09+at+12.56.41+AM.png)

**참고**: 배지 템플릿 테두리가 이제 최종 미리보기와 더 정확하게 일치합니다. 배지를 저장하기 전에 미리보기를 사용하여 최종 모양을 확인하세요.

### 5단계: 이메일로 배지 발송

* **Send(발송)** 버튼을 클릭합니다
* \*\*Instructor Name(강사 이름)\*\*을 추가합니다
* 다음 중 선택합니다: 이전에 저장한 수신자 또는 \*\*Add New(새로 추가)\*\*를 클릭하여 새 연락처를 입력합니다
* \*\*Default Template(기본 템플릿)\*\*을 사용하거나
* 눈 아이콘 옆의 **Edit(편집)** 버튼을 클릭하여 저장된 이메일 템플릿을 선택합니다
* 눈 아이콘을 사용하여 이메일을 미리봅니다
* 취향에 따라 이메일 제목을 편집할 수 있습니다
* \*\*Confirm(확인)\*\*을 클릭한 다음 \*\*Send Email(이메일 발송)\*\*을 클릭하여 배지를 전달합니다

![](https://jumpshare.com/v/D6zv0KU5ZgvvZGp1XmH2+/GIF+Recording+2025-07-09+at+1.21.26+AM.gif)

## 배지 다운로드 및 공유

수신자는 받은 이메일에서 배지를 즉시 다운로드하고 공유할 수 있습니다.

* 고해상도 PNG 형식으로 배지 내보내기
* 수료증 링크 공유
* 소셜 미디어 플랫폼에 직접 배지 공유
* 학습자가 성취를 보여주도록 독려하여 브랜드 가시성을 높입니다

![](https://jumpshare.com/v/CqETTrTBiFtfDJKmP1h8+/Screen+Shot+2025-07-09+at+1.16.01+AM.png)

## 자동 저장

배지의 자동 저장은 배지 프로젝트를 실시간으로 지속적으로 저장하는 Hyperclass의 향상된 기능입니다. 이 기능은 수동 개입 없이 60초마다 디자인 진행 상황을 저장하여 인터넷 중단 상황에서도 안심하고 작업할 수 있게 해줍니다. 저장되지 않은 변경사항이 있을 때 파란색 점이 나타납니다. **Save(저장)** 버튼을 클릭하여 수동으로 저장하거나 파란색 점이 사라질 때까지 기다리면 자동 저장이 활성화되었음을 알 수 있습니다.

![](https://jumpshare.com/v/wJVzB5gvxXUHTKrWM32D+/Screen+Shot+2025-07-09+at+1.29.27+AM.png)

## 자주 묻는 질문

**처음부터 나만의 배지 디자인을 만들 수 있나요?**\
네, 빈 캔버스에서 시작하여 배지의 모든 측면을 완전히 커스터마이징할 수 있습니다.

**배지는 강의 완료에만 사용할 수 있나요?**\
아니요, 스킬 마일스톤, 레슨 완료, 사용자가 정의한 커스텀 기준 등 모든 성취에 대해 배지를 발급할 수 있습니다.

**학습자가 배지를 소셜 미디어에 공유할 수 있나요?**\
물론입니다! 배지를 다운로드하거나 소셜 미디어 플랫폼에 직접 공유할 수 있습니다.

**만들 수 있는 배지 수에 제한이 있나요?**\
제한이 없습니다. 강의와 성취에 필요한 만큼 배지를 만들 수 있습니다.

**배지 디자인에 내 그래픽이나 아이콘을 사용할 수 있나요?**\
네, 커스텀 그래픽을 업로드하거나 기본 제공 요소 라이브러리를 사용하여 배지를 디자인할 수 있습니다.

**배지가 수료증에 표시되나요?**\
배지는 수료증 빌더 내에서 관리되며 수료증과 연결되거나 독립적으로 발급될 수 있습니다.

**강의 완료를 기반으로 배지를 자동으로 부여할 수 있나요?**\
네, 레슨 완료나 퀴즈 결과 같은 기준을 바탕으로 자동화 워크플로우를 통해 배지 수여를 트리거할 수 있습니다.

**발급된 후 배지를 업데이트하려면 어떻게 해야 하나요?**\
배지 디자인은 언제든지 편집할 수 있지만, 이전에 발급된 배지는 재발급하지 않는 한 원래 모양을 유지합니다.

**화살표 키가 텍스트 박스와 이미지 이동 모두에 작동하나요?**\
화살표 키 미세 조정은 텍스트, 이미지, 도형, 아이콘을 포함한 모든 요소에 적용됩니다.

***

*원문 최종 수정: Mon, 30 Mar, 2026 at 9:54 AM*\
\&#xNAN;*Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/certificates/how-to-use-badges-in-certificate-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.