🏣

노션 좀 써볼까 #8 썸네일로 Data 관리하기 - paul lab - Medium

 
notion imagenotion image
notion imagenotion image
오늘은 Notion에서 유용한 기능 중 하나인 겔러리에(Gallery Block) 썸네일을 알아보겠습니다! 이를 통해 링크나 데이터를 직관적으로 관리할 수 있습니다.
아래와 같이 DATABASE로 이미지를 만들려고 하면 아래와 같이 이미지는 안 뜨고 그 안의 내용만 담길 때가 있습니다. 이미지로 데이터를 직관적으로 볼 수 있게 하고 싶은데 내용이 먼저 뜨는 경우입니다.
notion imagenotion image
notion imagenotion image

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

notion imagenotion image
notion imagenotion image

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

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

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

사진을 추가 하려는 Page를 하나 클릭하여 새창에 Page 내용을 바꿀 수 있도록 합니다. 그럼 맨 위에 마우스를 올리면 Add Cover를 통해 이미지를 바꿔줍니다.
notion imagenotion image
notion imagenotion image
여기서는 Random하게 노션이 선택해준 이미지를 예시로 보여드리겠습니다.
사용자가 직접 이미지를 선택 할 수 있고, 업로드도 가능합니다. 이미지를 바꾸고 싶다면 Add Cover를 누른 후에 이미지의 우측하단에 마우스를 올리면 Change Cover가 있는데 클릭 후 바꿔줄 수 있습니다.
notion imagenotion image
notion imagenotion image
역시나 여전히 Gallery는 변한게 없습니다.
사진만 추가한다고 바로 반영되는 것은 아닙니다. 썸네일 미리보기를 설정에서 바꿔줄 수가 있는데요. 계속 진행하도록 하겠습니다.
notion imagenotion image
notion imagenotion image

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

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

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

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

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

썸네일을 작성하셨다면 상세 페이지를 통하여 Data를 관리해보세요! Add a Property 버튼을 눌러 링크와 상세 정보를 기록하고 아래 빈 페이지를 이용하여 캘린더를 연계한다던지, 기타 필요한 다른 블록을 연계하시면 됩니다.
notion imagenotion image
notion imagenotion image
Notion에 대해 더 알고싶으시다면? 현재 진행 중인 와디즈 펀딩에 참여해보시는건 어떨까요? 동영상 강좌와 함께 노션 굿즈까지 제공하는 흔치않은 기회입니다! 한 시간만에 150%를 달성하고 지금은 346%를 달성중에 있습니다!
자세한 내용은 아래 링크에서 확인해주세요 :)
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image
notion imagenotion image