노션에서 미디어 블록은 다양한 멀티미디어 리소스를 노션 페이지에 보여주기 위한 블록이다. 이미지부터 유튜브 영상 등을 페이지에서 바로 볼 수 있게 할 수 있는 아주 유용한 블록이므로, 한번씩 실습하며 빠르게 익혀보도록 하자.
미디어 블록의 종류
미디어 블록은 다양한 멀티미디어를 지원한다. 원하는 형태의 미디어를 문서에 넣어서 시각적으로도 다양한 콘텐츠가 들어있는 페이지를 만들 수 있다.
| 블록 | 설명 |
|---|---|
| 이미지 | 일반 텍스트를 쓰기 위한 디폴트 블록 |
| 동영상 | 섹션의 제목이 되는 블록으로 3가지 종류가 있음 – 제목1(대) – 제목2(중) – 제목3(소) |
| 오디오 | 기호가 붙은 목록을 만드는 블록 |
| 코드 | 번호가 매겨지는 목록을 만드는 블록 |
| 파일 | 체크 박스가 붙은 목록을 만드는 블록 |
| 북마크 | 토글 기능이 있는 목록을 만드는 블록 |
다양한 미디어 블록들이 있는데 아래의 각 블록별 예제를 보면 아주 쉽게 이해하고 사용할 수 있다.
이미지
이미지 블록을 선택하면 아래 그림과 같이 이미지를 가져올 수 있는 옵션이 있다.
업로드
업로드에서는 내 컴퓨터에 있는 이미지 파일을 업로드할 수 있다.
링크 임베드
외부의 이미지 링크를 넣어서 보여줄 수 있다.
Unsplash / GIPHY
각 서비스에서 제공하는 이미지를 바로 가져와서 보여줄 수 있다. Unsplash나 GIPHY 화면에서 바로 원하는 이미지 검색하여 추가가 가능해서 매우 편리하다.
이미지 크기 조절
이미지의 양 사이드에 마우스를 가져가서 드래그하면 사이즈를 조절할 수 있다.
동영상
내 컴퓨터에 있는 동영상이나 유튜브와 같은 외부 동영상의 링크를 삽입해서 페이지 내에서 재생할 수 있다.
링크 임베드에 유튜브 링크를 넣으면 아래와 같이 유튜브 영상이 삽입되고 버튼을 클릭하여 재생할 수 있다.
내 컴퓨터에 있는 영상을 업로드하면 아래와 같이 영상을 재생할 수 있는 플레이어가 보이고 컨트롤 할 수 있다.
오디오
오디오 재생을 할 수 있는 블록이다. 파일을 업로드하거나 외부 링크를 임베드할 수 있다.
업로드
오디오 파일을 업로드하면 아래와 같이 오디오 컨트롤러가 보이고 재생을 할 수 있다.
링크 임베드
Spotify나 SoundCloud 등의 외부 링크의 음악을 임베드할 수 있다. 그러면 아래 화면이 같이 나오고 음악을 플레이할 수 있다.
코드
프로그래밍 언어 코드를 넣을 수 있는 블록이다. 다양한 언어를 지원한다.
언어의 종류를 선택하면 해당 코드가 언어에 맞게 하이라이트 (Syntax Highlight) 되어서 보여진다.
파일
파일을 업로드할 수 있는 블록이다. 페이지에서 파일을 다운로드받을 수 있도록 하는 기능이다. 또는 외부링크를 임베드할 수도 있다.
파일을 업로드하거나 링크를 임베드하면 아래와 같이 표시된다.
해당 블록을 클릭하면 업로드된 파일은 다운로드가 되며, 링크 임베드된 블록은 해당 링크가 열리게 된다.
북마크
북마크는 특정 페이지에 대한 링크를 시각적으로 보기쉽게 나타내주는 것이다.
해당 링크된 페이지의 제목, 내용, 주소, 대표이미지 등이 보여진다.
아래는 다양한 북마크 예제이다. 북마크 블록을 누르면 해당 링크가 열리게 된다.
미디어 블록을 잘 활용하면 시각적으로 보기 좋은 페이지를 만들 수 있다.