개요
강좌를 생성하고 편집할 때, 플랫폼은 강사, 교사 및 관리자가 서식이 지정된 텍스트, 그림, 첨부 파일 및 링크를 사용하여 강좌 내에서 직접 콘텐츠를 만들 수 있는 내장 편집기를 제공합니다.
편집기를 사용하면 열과 그리드를 이용하여 콘텐츠 페이지 형식을 지정하고 아코디언, 플립 박스 등과 같은 대화형 위젯을 추가할 수 있습니다.
내장된 코스 편집기는 코스 섹션 내에서 접근할 수 있습니다. 이 글에서는 매력적이고 보기 좋은 학습 콘텐츠를 만들기 위해 편집기의 다양한 요소에 접근하고 사용하는 방법을 알려드립니다.
참고로, 비즈니스 플랫폼에서는 기본적으로 '코스'라는 용어를, 학술 플랫폼에서는 기본적으로 '클래스' 라는 용어를 사용합니다. 이 글에서는 '코스' 와 '클래스' 라는 용어를 같은 의미로 사용합니다.
편집기에 접근하기
편집기는 강좌 내 페이지를 편집할 때마다 표시됩니다.
기존 강좌의 편집기에 액세스하려면 다음 단계를 따르세요.
- 기존 강좌에 접속하세요.
- 모듈/강좌를 클릭하세요.
- 새 섹션을 추가하려면 '섹션 추가 '를 클릭하거나 기존 섹션을 선택하세요.
- 페이지를 클릭하세요.
- 페이지에 제목을 추가하세요.
- 저장 버튼 을 클릭하세요.
- 편집을 클릭하세요.
편집 페이지가 표시되며, 이 페이지는 여러 메뉴와 도구로 구성되어 있습니다.
- 상단 메뉴 : 상단 메뉴를 사용하면 섹션 제목을 편집하고, 편집기 모드 와 미리보기 모드 간에 보기 모드를 전환하고, 변경 사항을 저장 하거나 취소할 수 있습니다 .
- 기본적으로 페이지는 편집 모드로 표시되며, 이 모드에서는 콘텐츠를 적극적으로 편집할 수 있습니다. 저장하기 전에 콘텐츠를 미리 보려면 [미리 보기]를 클릭하세요.
- 콘텐츠 빌더 메뉴 : 콘텐츠 빌더 메뉴는 편집기 왼쪽에 표시됩니다. 이 메뉴를 사용하면 레이아웃과 콘텐츠 위젯을 페이지로 드래그 앤 드롭할 수 있습니다. 레이아웃과 콘텐츠 위젯에 대한 자세한 내용은 이 문서에서 다룹니다.
- 참고로 콘텐츠 빌더 메뉴는 화살표를 사용하여 접거나 펼칠 수 있습니다.
페이지에 콘텐츠를 구성할 수 있는 추가 공간을 제공하기 위해 개요 버튼 옆에 있는 아이콘입니다.
- 도구 모음 : 도구 모음은 텍스트를 사용자 지정하고, 그림, 링크 등을 추가할 수 있는 다양한 서식 도구를 제공합니다. 도구 모음 기능에 대해서는 이 문서에서 더 자세히 다루겠습니다.
- 페이지 또는 캔버스 : 캔버스 는 텍스트, 이미지 및 위젯을 추가하여 페이지 콘텐츠를 만드는 곳입니다.
콘텐츠 빌더 기능이 포함된 새로운 편집기는 2026년 4월 1일부터 이용 가능합니다.
콘텐츠 빌더 메뉴를 사용하면 캔버스에 레이아웃 및 콘텐츠 위젯을 추가할 수 있습니다. 콘텐츠 빌더 메뉴는 세 부분으로 구성됩니다.
- 콘텐츠 빌더 모드 : 콘텐츠 빌더 메뉴는 기본적으로 '위젯' 으로 설정되어 있으며, 캔버스에 추가할 레이아웃 및 콘텐츠 위젯을 선택할 수 있습니다. 캔버스에 위젯을 추가한 후에는 '개요'를 클릭하여 추가한 위젯의 순서를 확인할 수 있습니다. 개요 탭에서는 위젯 순서를 빠르고 쉽게 변경할 수 있습니다.
- 레이아웃 : 레이아웃 섹션에는 그리드 위젯과 열 위젯이 포함되어 있습니다. 이러한 위젯을 사용하면 콘텐츠에 편집 가능한 그리드 또는 열 세트를 추가할 수 있습니다.
- 콘텐츠 : 콘텐츠 섹션에는 아코디언 , 탭 , 카드 등 콘텐츠에 상호작용성과 시각적 흥미를 더할 수 있는 다양한 위젯이 포함되어 있습니다. 캔버스에 콘텐츠 위젯을 추가하여 학습 콘텐츠에 맞게 위젯을 맞춤 설정할 수 있습니다. 또한, 모든 콘텐츠 위젯은 레이아웃 위젯 안에 배치할 수 있습니다. 예를 들어, 각 열 섹션에 플립 박스 위젯을 추가하여 플립 박스 상호작용 행을 만들 수 있습니다.
레이아웃: 그리드
레이아웃 섹션에는 그리드 와 열이라는 두 가지 위젯이 있습니다. 캔버스에 사용자 지정 가능한 그리드를 만들려면 다음 단계를 따르세요.
- 캔버스 위에 커서를 놓고 격자 버튼을 클릭하세요.
- 또는 그리드 위젯을 캔버스 위로 드래그 앤 드롭하세요.
그리드 위젯은 기본적으로 두 개의 열과 두 개의 행으로 표시됩니다.
- 열 및 행 드롭다운 메뉴를 사용하여 그리드 레이아웃을 정의하세요. 최대 4개의 열과 4개의 행을 선택할 수 있습니다.
- 간격 드롭다운 메뉴를 사용하여 열과 행 사이의 간격을 조정할 수 있습니다. 작게 , 중간 , 크게 , 매우 크게 중에서 선택하세요.
- 수직 정렬
이 버튼을 사용하면 그리드 섹션 내 텍스트와 이미지의 세로 정렬을 상단, 가운데 또는 하단 중에서 선택할 수 있습니다. - 행 추가를 클릭하여 최대 4개까지 행을 추가할 수 있습니다.
- 열을 추가하려면 '열 추가'를 클릭하세요. 최대 4개까지 열을 추가할 수 있습니다.
- 행 또는 열을 제거하려면 '행 제거 ' 또는 '열 제거'를 클릭하십시오.
그리드 내에 콘텐츠를 추가하려면 다음 단계를 따르세요.
- 콘텐츠 추가를 시작하려면 그리드 영역 안을 클릭하세요.
- 도구 모음을 사용하여 텍스트 서식을 지정하고 이미지, 링크 또는 동영상을 추가할 수 있습니다.
- 툴바에 대한 자세한 내용은 이 문서의 뒷부분에서 다룹니다.
- 그리드 섹션 내에 콘텐츠 위젯을 추가할 수 있습니다.
- 예를 들어, 격자의 각 구역 안에 플립 박스를 배치할 수 있습니다.
- 언제든지 '미리보기'를 클릭하여 콘텐츠를 미리 볼 수 있습니다.
- 편집기를 클릭하여 편집 모드로 돌아가십시오.
레이아웃: 열
페이지에 사용자 지정 가능한 열을 만들려면 다음 단계를 따르세요.
- 캔버스 위에 커서를 놓고 열 버튼을 클릭하세요.
- 또는 열 위젯을 캔버스 위로 드래그 앤 드롭하세요.
컬럼 위젯은 기본적으로 두 개의 열을 표시합니다.
- 열 드롭다운 메뉴를 사용하여 열 개수를 선택하세요. 최대 4개까지 선택할 수 있습니다.
- 열 사이의 간격은 간격 드롭다운 메뉴를 사용하여 조정할 수 있습니다. 작게 , 중간 , 크게 , 매우 크게 중에서 선택하세요.
- 방향 드롭다운 메뉴를 사용하여 가로 또는 세로 열을 만드세요.
- 수직 정렬
이 버튼을 사용하면 열 안의 텍스트와 이미지에 대해 상단, 가운데 또는 하단의 세로 정렬 방식을 선택할 수 있습니다. - 열을 추가하려면 '열 추가'를 클릭하세요. 최대 4개까지 열을 추가할 수 있습니다.
- 열을 제거하려면 '열 제거'를 클릭하세요.
열 안에 콘텐츠를 추가하려면:
- 콘텐츠 추가를 시작하려면 열 안을 클릭하세요.
- 도구 모음을 사용하여 텍스트 서식을 지정하고 이미지, 링크 또는 동영상을 추가할 수 있습니다.
- 툴바에 대한 자세한 내용은 이 글의 뒷부분에서 다룹니다.
- 컬럼 안에 콘텐츠 위젯을 추가할 수 있습니다.
- 예를 들어, 카드 위젯을 열 안에 배치할 수 있습니다.
- 언제든지 '미리보기'를 클릭하여 콘텐츠를 미리 볼 수 있습니다.
- 편집기를 클릭하여 편집 모드로 돌아가십시오.
콘텐츠 위젯
콘텐츠 섹션에는 아코디언, 탭, 카드, 콜아웃 텍스트, 인용문, 플립 박스 등 6개의 위젯이 포함되어 있습니다. 캔버스에 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스 위에 커서를 놓고 콘텐츠 위젯을 클릭하세요.
- 또는 콘텐츠 위젯을 캔버스 위로 드래그 앤 드롭하세요.
- 캔버스에 여러 콘텐츠 위젯을 쌓아서 배치할 수 있습니다.
- 콘텐츠 위젯은 그리드 또는 컬럼 섹션 내에 배치할 수도 있습니다.
- 예를 들어, 플립 박스 위젯들을 그룹으로 묶고 싶다면 먼저 그리드를 추가한 다음, 각 그리드 영역에 플립 박스 위젯을 배치하면 됩니다.
캔버스에 위젯을 추가한 후에는 다양한 방법으로 위젯을 이동하고 순서를 변경할 수 있습니다. 위젯 순서를 변경하려면 다음 단계를 따르세요.
- 콘텐츠 빌더 메뉴에서 '개요'를 클릭하면 캔버스에 현재 추가된 위젯 목록을 볼 수 있습니다.
- 캔버스에 표시된 위젯의 위쪽 및 아래쪽 화살표를 사용하여 위젯 순서를 변경할 수 있습니다.
- 캔버스에 있는 각 위젯에는 위젯의 오른쪽 상단에 작은 메뉴가 있습니다.
- 위쪽 및 아래쪽 화살표를 사용하여 캔버스에서 위젯의 순서를 변경하세요.
- 위젯을 캔버스에 드래그 앤 드롭하려면 위젯을 클릭하고 드래그하여 순서를 변경할 수도 있습니다.
위젯 왼쪽에 있는 아이콘을 클릭하고 위젯을 드래그하여 새 위치로 이동할 수 있습니다.
페이지의 모든 위젯은 삭제하거나 복제할 수 있습니다. 위젯을 삭제하거나 복제하려면 다음 단계를 따르세요.
- 위젯의 오른쪽 상단에 있는 점 세 개 아이콘을 클릭하면 작은 메뉴가 나타납니다.
- 위젯을 삭제하려면 '삭제'를 클릭하세요.
- '복제'를 클릭하여 위젯을 복제하세요. 위젯에 추가했던 모든 콘텐츠는 복제된 위젯에도 포함됩니다.

콘텐츠 위젯: 아코디언
아코디언은 콘텐츠 섹션을 쌓아 올려 사용자가 필요에 따라 각 섹션을 확장하거나 축소할 수 있는 대화형 위젯입니다. 각 섹션에는 클릭 가능한 헤더가 있으며, 클릭하면 콘텐츠가 나타납니다. 캔버스에 아코디언을 추가하려면 다음 단계를 따르세요.
- 캔버스에 커서를 놓고 [아코디언]을 클릭하거나, 콘텐츠 빌더 메뉴에서 아코디언 위젯을 캔버스로 드래그 앤 드롭하세요.
기본적으로 아코디언은 헤더와 콘텐츠 섹션으로 구성된 두 개의 섹션을 표시합니다. 아코디언을 구성하려면 다음 단계를 따르세요.
- 헤더 자리 표시자 텍스트를 직접 클릭하여 헤더 텍스트를 편집하세요.
- 제목 헤더를 클릭하면 섹션이 확장되어 콘텐츠 섹션이 표시됩니다.
- 콘텐츠 자리 표시자 텍스트를 직접 클릭하여 콘텐츠 텍스트를 편집할 수 있습니다. 도구 모음을 사용하여 콘텐츠 섹션에 이미지, 링크 또는 비디오를 추가할 수 있습니다.
- '항목 추가'를 클릭하여 섹션을 추가하세요. 최대 10개의 아코디언 섹션을 추가할 수 있습니다.
- 섹션을 제거하려면 '항목 제거'를 클릭하세요.
학습자가 콘텐츠를 볼 때 모든 아코디언 섹션이 기본적으로 닫혀 있다는 점에 유의하십시오.

콘텐츠 위젯: 탭
탭 위젯은 관련 콘텐츠를 별도의 보기(탭)로 구성하여 사용자가 위젯을 종료하지 않고도 각 탭 간에 전환할 수 있도록 하는 대화형 위젯입니다. 캔버스에 탭 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스에 커서를 놓고 탭을 클릭하거나, 콘텐츠 빌더 메뉴에서 탭 위젯을 캔버스로 드래그 앤 드롭하세요.
기본적으로 위젯에는 탭 제목과 내용 섹션이 있는 세 개의 탭이 표시됩니다. 탭 위젯을 구성하려면 다음 단계를 따르세요.
- 탭 제목 자리 표시자 텍스트를 직접 클릭하세요. 탭 제목 텍스트를 편집하려면.
- 탭 제목 텍스트 색상은 사용하시는 플랫폼의 기본 강조 색상이라는 점에 유의하십시오.
- 탭 콘텐츠 자리 표시자 텍스트를 직접 클릭하여 콘텐츠 텍스트를 편집할 수 있습니다. 도구 모음을 사용하여 탭 콘텐츠에 이미지, 링크 또는 비디오를 추가할 수 있습니다.
- 다른 탭 제목을 클릭하세요 제목과 내용을 편집하는 탭으로 이동합니다.
- 탭을 추가하려면 '탭 추가'를 클릭하세요. 최대 8개의 탭을 추가할 수 있습니다.
- 탭을 제거하려면 '탭 제거'를 클릭하세요.

콘텐츠 위젯: 카드
카드 위젯은 콘텐츠를 페이지의 다른 요소들과 구분하여 돋보이게 하는 내장 서식을 적용하는 컨테이너입니다. 카드 위젯에는 헤더와 콘텐츠가 포함됩니다. 플랫폼의 기본 강조 색상이 컨테이너의 왼쪽에 표시됩니다. 캔버스에 카드 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스에 커서를 놓고 [카드]를 클릭하거나, 콘텐츠 빌더 메뉴에서 [카드] 위젯을 캔버스로 드래그 앤 드롭하세요.
기본적으로 카드 위젯에는 자리 표시자 텍스트가 표시됩니다. 카드 위젯을 구성하려면 다음 단계를 따르세요.
- 카드 헤더 자리 표시자 텍스트를 직접 클릭하여 헤더 텍스트를 편집하세요.
- 카드 콘텐츠 자리 표시자 텍스트를 직접 클릭하여 콘텐츠 텍스트를 편집할 수 있습니다. 도구 모음을 사용하여 카드 콘텐츠에 이미지, 링크 또는 비디오를 추가할 수 있습니다.

콘텐츠 위젯: 말풍선 텍스트
콜아웃 텍스트 위젯은 다양한 유형의 콘텐츠에 주의를 집중시키기 위한 네 가지 사전 설정 형식을 제공합니다. 네 가지 옵션은 팁 , 참고 , 경고 및 예시 입니다. 캔버스에 콜아웃 텍스트 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스에 커서를 놓고 [텍스트 강조 표시] 를 클릭하거나, 콘텐츠 빌더 메뉴에서 [텍스트 강조 표시] 위젯을 캔버스로 드래그 앤 드롭하세요.
기본적으로 콜아웃 텍스트 위젯에는 자리 표시자 텍스트가 표시됩니다. 콜아웃 텍스트 위젯을 구성하려면 다음 단계를 따르세요.
- [유형] 드롭다운 메뉴 에서 설명 유형을 선택하세요. [팁] , [참고] , [경고] , [예시] 중에서 선택할 수 있습니다.
- 선택한 말풍선 유형에 따라 위젯의 윤곽선과 배경색이 결정됩니다.
- 말풍선 자리 표시자 텍스트를 직접 클릭하여 텍스트를 편집할 수 있습니다. 도구 모음을 사용하여 말풍선 위젯에 이미지, 링크 또는 비디오를 추가할 수 있습니다.

콘텐츠 위젯: 인용문
인용구 위젯은 콘텐츠에 인용구를 추가할 때 사용할 수 있는 세 가지 사전 설정 인용구 형식을 제공합니다. 세 가지 옵션은 클래식, 모던 , 미니멀 입니다. 캔버스에 인용구 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스에 커서를 놓고 [견적]을 클릭하거나, 콘텐츠 빌더 메뉴에서 [견적] 위젯을 캔버스로 드래그 앤 드롭하세요.
기본적으로 견적 위젯에는 자리 표시자 텍스트가 표시됩니다. 견적 위젯을 구성하려면 다음 단계를 따르세요.
- '유형' 드롭다운 메뉴 에서 견적 유형을 선택하세요. 옵션에는 클래식, 모던 , 미니멀이 있습니다.
- 선택한 견적 유형에 따라 견적 위젯의 서식이 결정됩니다.
- 인용구 자리 표시자 텍스트를 직접 클릭하세요. 텍스트를 편집하려면 도구 모음을 사용하여 인용문 위젯에 이미지, 링크 또는 비디오를 추가할 수 있습니다.
- 인용문 출처를 수정하려면 인용문 출처 자리 표시자 텍스트를 직접 클릭하세요.
콘텐츠 위젯: 플립 박스
플립 박스 위젯은 사용자가 클릭하면 양면이 뒤집히는 대화형 카드입니다. 플립 박스는 플래시 카드나 질문과 답변 콘텐츠에 적합합니다. 캔버스에 플립 박스 위젯을 추가하려면 다음 단계를 따르세요.
- 캔버스 위에 커서를 놓고 '상자 뒤집기'를 클릭하거나, '상자 뒤집기'를 드래그 앤 드롭하세요. 콘텐츠 빌더 메뉴에서 캔버스로 위젯을 추가합니다.
기본적으로 플립 박스 위젯의 앞면이 자리 표시자 텍스트와 함께 표시됩니다. 플립 박스 위젯을 구성하려면 다음 단계를 따르세요.
- '앞면 편집'을 클릭하거나 플립 박스 자리 표시자 텍스트를 직접 클릭하여 카드 앞면의 텍스트를 편집할 수 있습니다. 도구 모음을 사용하여 카드에 이미지, 링크 또는 비디오를 추가할 수 있습니다.
- 카드 뒷면의 텍스트를 편집하려면 '뒷면 편집'을 클릭하세요. 도구 모음을 사용하여 이미지, 링크 또는 동영상을 카드에 추가할 수 있습니다.
- 콘텐츠 편집 중 언제든지 '뒤집기'를 클릭하여 카드를 뒤집을 수 있습니다.
- 도형 드롭다운 메뉴를 클릭하여 정사각형 또는 직사각형 뒤집기 상자 중에서 선택하세요.