본문 바로가기

노션 좀 써볼까

#08 썸네일로 DATA 관리하기

 

오늘은 Notion에서 유용한 기능 중 하나인 갤러리에(Gallery Block) 썸네일을 알아보겠습니다!

이를 통해 링크나 데이터를 직관적으로 관리할 수 있습니다.

아래와 같이 DATABASE로 이미지를 만들려고 하면 아래와 같이 이미지는 안 뜨고 그 안의 내용만 담길 때가 있습니다. 이미지로 데이터를 직관적으로 볼 수 있게 하고 싶은데 내용이 먼저 뜨는 경우입니다.

 

 

 

아래와 같이 Gallery를 만들어 보도록 하겠습니다.

 

 

 

1. “/Gallery” 를 쳐서 Gallery를 추가합니다.

그럼 맨 처음 보여드렸던 대로이미지가 썸네일로 뜨는 Gallery라 생각했지만, 아래와 같이 내용이 썸네일로 올라온 것을 보실 수 있습니다.

 

 

2. Page에 들어가 상단의 Page Cover를 바꿔줍니다.

사진을 추가하려는 Page를 하나 클릭하여 새창에 Page 내용을 바꿀 수 있도록 합니다. 그럼 맨 위에 마우스를 올리면 Add Cover를 통해 이미지를 바꿔줍니다.

 

여기서는 Random 하게 노션이 선택해준 이미지를 예시로 보여드리겠습니다.

사용자가 직접 이미지를 선택할 수 있고, 업로드도 가능합니다. 이미지를 바꾸고 싶다면 Add Cover를 누른 후에 이미지의 우측 하단에 마우스를 올리면 Change Cover가 있는데 클릭 후 바꿔줄 수 있습니다.

 

 

 

 

역시나 여전히 Gallery는 변한 게 없습니다.

사진만 추가한다고 바로 반영되는 것은 아닙니다. 썸네일 미리보기를 설정에서 바꿔줄 수가 있는데요. 계속 진행하도록 하겠습니다.

 

 

3. 갤러리의 우측 상단에 마우스를 올려 ººº 메뉴를 누른 후 Properties를 클릭합니다.

마우스를 올리지 않으면 아무것도 보이지 않으니 주의해주세요. 새로 생성한 Gallery의 우측 상단에 마우스를 올리면 맨 오른쪽 파란 박스로 New가 뜰 것이고, 바로 왼쪽에 메뉴를 누를 수 있게 됩니다. 그 후에 Properties를 누르시면 됩니다.

4. Card Preview를 클릭하여 선택하시면 됩니다.

Properties를 누르면 새로운 메뉴창이 뜰 것인데 그중맨 위에 Card Preview를 클릭하여 Page Cover로 선택하시면 됩니다. None을 누르시면 맨 아래의 그림처럼 아무것도 뜨지 않고 Page의 이름만 뜰 것입니다.

 

 

 

Page Cover를 선택했을 경우의 모습

 

 

 

None을 선택했을 경우의 모습

 

 

 

 

5. DATA 상세 정보를 입력합니다.

썸네일을 작성하셨다면 상세 페이지를 통하여 Data를 관리해보세요! Add a Property 버튼을 눌러 링크와 상세 정보를 기록하고 아래 빈 페이지를 이용하여 캘린더를 연계한다던지, 기타 필요한 다른 블록을 연계하시면 됩니다.

 

모르시는 부분이 있다면 댓글로 남겨주세요!

 

🙌🙌🙌🙌

 

감사합니다.


⭐ 노션에 대해 더 자세하게 알고 싶으시다면? ⭐

 

📚 책을 통해 더 자세하게 알아봅시다 !

 

[메모혁신 : 노션 활용 가이드]

 

이 책 한 권에 노션에 대한 모든 것이 담겨있습니다.

 

현재 출판과 동시에 여러 곳에서 꾸준히 상위권을 유지하고 있고,

 

노션의 기본 사용법부터 노션을 활용한 홈페이지 제작 방법까지 다양하게 다루고 있으며 특히 개발자가 원하는 노션의 활용 방법을 다루고 있는 책입니다.

 

리디북스, yes24등에서 e-book으로 만나실 수 있습니다.

책이 개정되어 재출판 하였습니다. 아래 링크에서 확인 가능하십니다!

👉 (개정판) 책 구매좌표 : https://ridibooks.com/books/2773000038

 

 

 

💻 영상 강의로 더 자세하게 알아봅시다!

인프런에서 Notion 강의를 무료 및 유로로 제공하고 있습니다 :)
클릭하시면 페이지로 넘아갑니다.


🐱‍🏍 영상 강의 바로 가기(인프런) 🐱‍🏍

 

 

 

'노션 좀 써볼까' 카테고리의 다른 글

#09 노션 단축키 ( 1 )  (0) 2019.12.19
#07 Web Scrap  (0) 2019.12.19
#6 Inline Blocks  (0) 2019.12.19
#5 Breadcrumb  (0) 2019.12.18
#4 Media Blocks  (0) 2019.12.18