🎹

노션 좀 써볼까 #4 Media Blocks — 1편 - paul lab - Medium

 
notion imagenotion image
notion imagenotion image
#03 데이터베이스 총 3편은 잘 보셨나요? 조회수를 보니 데이터베이스 1편은 조회수가 많은 반면에 2편과, 3편은 제곱근으로 조회수가 나오더군요. 그래서 오늘은 조금 가벼운 내용을 가지고 왔습니다.

Media Blocks의 종류

Media Block의 종류를 살펴보려면 여러분이 입력하고 싶은 화면에 /media 라고 입력하면 아래의 화면처럼 뜹니다.
notion imagenotion image
notion imagenotion image
6개 종류에요!
화면에는 Image, Web Bookmark, Video, Audio, Code까지 보이지만 스크롤하면 File까지 해서 6개의 종류가 있습니다.
6개의 종류를 크게 3개로 구분할 수 있어요.
  • Image, Video, Audio, File
  • Web Bookmark
  • Code

Image, Video, Audio, File

Image, Video, Audio, File은 첨부하는 방식이 동일합니다. Image를 예로 들어 보여드리겠습니다.
Image를 첨부하는 방법은 크게 2가지입니다. 1) 블록에 /media를 입력한 후 image 클릭 2) 블록에 /image 입력
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
2가지 방법의 차이는 없습니다. image 호출방법을 확실히 알고 있다면 굳이 media를 입력해서 찾지 않아도 되니, 2)번 방법이 편리할 것입니다.
notion imagenotion image
notion imagenotion image
1)혹은 2)번 방법으로 image를 입력하면 위에와 같은 화면이 뜹니다. 여기서 Upload, Embed Link, Unsplash 형식을 선택하셔서 자유롭게 이미지 파일을 첨부해주시면 됩니다.
여기서 Unsplash형식은 아래와 같이 기존에 있는 이미지 데이터베이스에서 이미지를 활용 할 수 있는 방법입니다.
notion imagenotion image
notion imagenotion image
Image 외에 Video, Audio, File 도 동일한 첨부형식입니다.
notion imagenotion image
notion imagenotion image
클릭에서 첨부를 하거나 개인 컴퓨터 폴더에 있는 이미지를 드래그 앤 드랍(drag-and-drop; 끌어다놓기)해서 첨부할 수 있습니다.
보통 링크를 보관하고 싶을 때에는 링크(url 주소)만을 그대로 가져와 카카오톡에서 자기 자신에게 보내거나 사용하는 저장소에 저장하시죠.
노션(Notion)에서는 url 주소를 가져와서, 클릭해서, 새로운 창으로 띄우는 방식 외에 북마크 기능을 제공합니다.
notion imagenotion image
notion imagenotion image
/web bookmark 를 입력하고, 바울랩 네이버 블로그 주소를 넣었습니다.
notion imagenotion image
notion imagenotion image
링크 즉, url의 주소가 사라지고 주소창이 탭처럼 변경된 것을볼 수 있습니다.
notion imagenotion image
notion imagenotion image
여기서 탭의 색상도 변경이 가능합니다. 점 3개를 눌러 상세설정 창을 열고, Color에서 배경 혹은 글씨 색을 변경할 수 있습니다.
notion imagenotion image
notion imagenotion image
역시 핑크핑크
저는 배경화면을 핑크(분홍색)으로 바꿔봤어요!
notion imagenotion image
notion imagenotion image
#2의 Columns 활용하기를 참고하세요!
네이버 공식 홈페이지도 Web bookmark로 만들어보았습니다. 네이버는 이 있어서 그런지 일부 화면만 보이는 것을 확인할 수 있습니다. 그리고 Columns(화면 분할)을 활용해 두개를 나란히 두었죠.
물론 이 방법보다 갤러리 인라인으로 만들어 보여주시는 것이 훨씬 깔끔합니다! 그것은 다음 편에 Code 부분과 함께 언급해드리겠습니다.
👉 메모혁신 : 노션 활용 가이드를 구매하고 싶다면? 책 구매좌표 : https://ridibooks.com/v2/Detail?id=2773000023
notion imagenotion image
notion imagenotion image
#노션 #notion #노션가이드 #노션꿀팁 #노션에서 #노션가이드북 #노션이북 #노션활용 #프로그래머용노션 #협업 #관리 #프로젝트 #생산성도구 #columns #화면분할 #주간일정 #위클리 #위클리아젠다 #에버노트 #구글독스 #googledocs #리디북스 #알라딘