이 문서의 과거 버전 (r1)을 보고 있습니다. 수정일: 2026.03.04 22:49
이 문서는 편집 가이드의 하위 문서이다.
특수 블록은 기본 텍스트나 미디어를 넘어 인터랙티브한 기능을 제공하는 블록이다. 기본 블록(BasicBlock), 트리거 블록(TriggerBlock), 코드 임베드(Iframe), 지도(KakaoMap)가 이에 해당한다.
삽입 방법: 에디터에서 / 명령어를 입력한 후 원하는 블록 이름을 검색하여 삽입한다.
블록을 클릭하면 우측 사이드바에서 상세 설정을 변경할 수 있다.
기본 블록은 중요한 내용을 시각적으로 강조하는 박스형 블록이다. 5가지 프리셋이 제공되며, 색상, 아이콘, 테두리, 여백 등을 자유롭게 커스터마이즈할 수 있다.
삽입 방법: 에디터에서 / 명령어를 입력한 후 "기본 블록"을 검색하여 원하는 프리셋을 선택한다.
구분 | 항목 | 내용 |
|---|---|---|
프리셋 | 팁 | 유용한 팁이나 권장 사항을 전달할 때 사용한다. 초록색 계열에 전구 아이콘이 표시된다. |
정보 | 참고 정보나 부가 설명을 제공할 때 사용한다. 파란색 계열에 정보 아이콘이 표시된다. | |
주의 | 주의가 필요한 내용을 강조할 때 사용한다. 주황색 계열에 경고 아이콘이 표시된다. | |
경고 | 위험하거나 치명적인 사항을 경고할 때 사용한다. 빨간색 계열에 경보 아이콘이 표시된다. | |
노트 | 일반적인 메모나 참고 사항을 기록할 때 사용한다. 회색 계열에 메모 아이콘이 표시된다. | |
커스터마이즈 | 색상 | 배경색, 텍스트색, 아이콘색을 개별적으로 변경할 수 있다. |
아이콘 | 프리셋 아이콘 외에 다른 아이콘으로 교체하거나 아이콘을 숨길 수 있다. | |
테두리 | 테두리 스타일, 두께, 색상, 둥글기를 설정할 수 있다. | |
여백 | 블록 내부 패딩과 외부 마진을 조정할 수 있다. | |
내부 콘텐츠 | 블록 내부에 텍스트, 리스트 등 기본 인라인 요소를 포함할 수 있다. |
트리거 블록은 마우스 호버 또는 클릭 시 이미지나 영상이 전환되는 인터랙티브 블록이다. 기본 상태와 트리거 상태 각각에 이미지 또는 영상을 설정하여, 사용자의 상호작용에 따라 콘텐츠가 변화하는 효과를 연출할 수 있다.
삽입 방법: 에디터에서 / 명령어를 입력한 후 "트리거"를 검색하여 선택한다.
구분 | 항목 | 내용 |
|---|---|---|
기본 설정 | 기본 이미지 | 트리거가 발동하지 않은 평소 상태에서 표시되는 이미지를 설정한다. |
트리거 방식 | 호버(마우스를 올릴 때) 또는 클릭(마우스로 클릭할 때) 중 하나를 선택한다. | |
크기/정렬 | 블록의 너비, 높이, 정렬(좌/중/우)을 설정할 수 있다. | |
트리거 설정 | 트리거 이미지 | 트리거 발동 시 전환되는 이미지를 설정한다. |
트리거 영상 | 이미지 대신 영상을 설정하여 트리거 시 영상이 재생되도록 할 수 있다. | |
전환 효과 | 페이드, 슬라이드 등 전환 애니메이션을 설정할 수 있다. | |
텍스트 | 오버레이 텍스트 | 이미지 위에 텍스트를 오버레이하여 표시할 수 있다. |
텍스트 위치 | 오버레이 텍스트의 위치(상단/중앙/하단, 좌/중/우)를 지정한다. | |
텍스트 스타일 | 글자 크기, 색상, 배경색 등을 설정하여 가독성을 조정한다. |
코드 임베드는 외부 콘텐츠를 iframe으로 문서에 삽입하는 블록이다. YouTube 동영상, 소셜 미디어 게시물, 외부 웹 사이트 등 다양한 콘텐츠를 URL 또는 HTML 코드로 삽입할 수 있다.
삽입 방법: 에디터에서 / 명령어를 입력한 후 "코드 임베드" 또는 "iframe"을 검색하여 선택한다.
구분 | 항목 | 내용 |
|---|---|---|
삽입 방법 | URL 입력 | YouTube, Vimeo, Twitter 등 지원 서비스의 URL을 붙여넣으면 자동으로 임베드된다. |
HTML 코드 | 외부 서비스에서 제공하는 임베드 HTML 코드를 직접 붙여넣어 삽입할 수 있다. | |
직접 URL 지정 | 임의의 웹 페이지 URL을 입력하여 iframe으로 표시할 수 있다. 단, 해당 사이트가 iframe 삽입을 허용해야 한다. | |
설정 | 크기 | 임베드 영역의 너비와 높이를 픽셀 또는 비율로 설정할 수 있다. |
정렬 | 좌측, 중앙, 우측 정렬을 선택할 수 있다. | |
테두리 | 임베드 영역의 테두리 스타일과 둥글기를 설정할 수 있다. | |
투명 배경 | 임베드 배경을 투명하게 설정하여 문서와 자연스럽게 어우러지게 할 수 있다. |
지도 블록은 카카오 지도를 문서에 삽입하는 블록이다. 주소를 검색하여 특정 위치를 지정하고, 마커와 라벨을 추가하여 위치 정보를 시각적으로 전달할 수 있다.
삽입 방법: 에디터에서 / 명령어를 입력한 후 "지도" 또는 "카카오맵"을 검색하여 선택한다.
구분 | 항목 | 내용 |
|---|---|---|
위치 설정 | 주소 검색 | 검색창에 주소나 장소명을 입력하여 위치를 지정한다. 카카오 주소 검색 API를 통해 정확한 좌표가 설정된다. |
줌 레벨 | 지도의 확대/축소 수준을 조정한다. 넓은 지역을 보여줄지, 세부 위치를 강조할지 선택할 수 있다. | |
마커 라벨 | 지도 위 마커에 표시할 라벨 텍스트를 입력할 수 있다. 장소 이름이나 설명을 추가하여 위치를 명확히 안내한다. | |
표시 설정 | 크기 | 지도 영역의 너비와 높이를 설정할 수 있다. |
정렬 | 좌측, 중앙, 우측 정렬을 선택할 수 있다. | |
테두리 | 지도 영역의 테두리 스타일과 둥글기를 설정할 수 있다. |