2.5 MEDIA

1. MEDIA 2. Image / Video / Audio / File📺2.1 /image로 첨부 하는 방법 drag-and-drop 또는 copy & paste 2.2 Unsplash 로 업로드 하는 방법🌟2.3 이미지 주소로 업로드 하는 방법📪Tip. 구글 이미지 업로드 3. Web Bookmark 🔖4. Code💻

1. MEDIA

Media 블록으로 들어가는 방법은 /media 라고 입력하는 것입니다.

2. Image / Video / Audio / File📺

2.1 `/image`로 첨부 하는 방법

위의 그림처럼 /image로 블록을 생성한 후에 클릭하여 Upload를 하거나 복사한 이미지 주소를 Embed Link에 추가하여 등록할 수 있습니다.

drag-and-drop 또는 copy & paste

일반적으로 block을 추가할 땐 블록을 생성하고 원하는 내용을 채워가는 방식이었지만, Image는 개인 컴퓨터 폴더에 있는 이미지를 drag-and-drop으로 옮길 수 있습니다. 이뿐만 아니라 이미지를 복사해서 붙여넣기로 쉽게 이미지를 첨부할 수도 있습니다. 또한 /image로 embed link를 넣어 이미지를 첨부할 수도 있습니다.

2.2 Unsplash 로 업로드 하는 방법🌟

글을 쓰다가 관련된 이미지를 넣고 싶은데 구글 검색까지 가지 않고 무료로 사용 가능한 이미지를 추가하는 방법도 있습니다. /image를 통해 이미지 블록을 만든 후에 가장 오른쪽 탭에 있는 Unsplash을 누르면 이미지를 검색하고 쉽게 추가할 수 있습니다.

2.3 이미지 주소로 업로드 하는 방법📪

이미지 URL을 얻었다면 해당 주소로 이미지를 업로드하는 방법이 있습니다. /image를 입력하고, Embed Link에 해당 링크를 붙여 넣은 후에 아래의 Embed Image를 클릭하면 됩니다.

Tip. 구글 이미지 업로드

예로 구글에서 검색한 이미지를 간단하게 업로드하는 방법도 있습니다.

클립보드 안에 담겨만 있다면 복사 및 붙여넣기로 쉽게 이미지를 추가할 수 있습니다.

3. Web Bookmark 🔖

보통 링크를 가져와서 글 아래에 첨부한다면 url 주소를 그대로 가져오는 사람들이 많겠지만, Notion에서는 단순히 url 주소만 가져와서 첨부하는 건 노션스럽지 않습니다.

Notion에는 Web Bookmark 기능이 있어, 이를 사용하면 썸네일과 함께 일부 내용이 보이므로 어떤 내용인지 파악하기 쉽고 깔끔합니다.

Notion (@NotionHQ) | Twitter

The latest Tweets from Notion (@NotionHQ). The all-in-one workspace - for notes, tasks, wikis, and databases. San Francisco, CA

https://twitter.com/NotionHQ

4. Code💻

Code Block도 제공하는 Notion은 개발자들을 위한 훌륭한 도구입니다. /code를 입력해서 생성한 코드 블록은 우측 하단에 어떤 코드를 입력할 것인지 선택할 수 있으며, 가장 기본값은 JavaScript입니다.


code_1 = 3

print(code_1)

또한 아래와 같이 Copy to Clipboard 기능을 제공하고 있습니다. 이 기능을 통하여 Code를 읽는 사람은 코드를 쉽게 복사할 수 있습니다.

또한 코드 블록 오른쪽 상단을 클릭하면 상세 설정이 가능한데 이 중 Wrap Code는 한 줄의 코드가 너무 길어지는 경우, 이를 좌우 스크롤을 만들어서라도 길게 한 줄로 표현할지 또는 줄바꿈 하여 표현할 것인지 선택할 수 있습니다. Wrap Code를 활성화하는 경우 좌우 스크롤과 함께 한 줄로 표현하게 됩니다. (메모장의 자동 줄바꿈 기능입니다.)