개발/꿀팁

노션 웹 클리퍼 사용하기

nova_dev 2021. 11. 27. 00:00
반응형

1. 개요

최근에 노션으로 갈아타면서 이제 막 노션 꾸미기에 빠져있다. 이중 가장 손꼽아 좋다고 생각하는 기능은 웹 클리퍼 기능과 데이터베이스 기능인데, 두 기능을 활용해서 매일 개발하다 모르는게 생겨서 구글에 검색하고 찾았다가 나중에 똑같은 문제로 다시 보려는데 어떤 사이트인지 까먹어서 다시 또 구글에 검색하고 있는 우리의 소중한 시간을 아끼기 위해 노션의 웹 클리퍼 기능을 활용해보자.

2. 노션 웹 클리퍼란?

노션 웹 클리퍼 기능은 노션을 써본 사람이라면 한번쯤 써봤을 법 하다. 이 기능을 사용하면 웹 사이트를 그대로 가져와서 노션에 저장해주고, 클리핑한 글을 자동으로 정리해줄 수도 있다.

예를 들면 클리핑한 글들에 속성을 주어 Java, Kubernetes, Spring 등 자신이 관심있어하는 주제로 나누어 자동으로 정리되게 한다거나 특정 기간에 클리핑한 글들을 정리해둘 수 있다.

클리핑해둔 글들은 노션에서 링크만 걸려서 보이는 것이 아니라 아래와 같이 해당 페이지의 내용을 노션에서 바로 볼 수 있기 때문에 구글에 다시 검색해서 들어가지 않아도 다시 정리된 글을 보기 편하다.

그렇다면 어떻게 노션으로 웹 페이지를 클리핑해서 저장해두고 자동으로 필터링할 수 있는지 알아보자.

3. 노션 웹 클리퍼 설정하기

3-1) 크롬에 웹 클리퍼 확장 프로그램 설치하기

https://chrome.google.com/webstore/detail/notion-web-clipper/knheggckgoiihginacbkhaalnibhilkk?hl=ko

먼저 위 사이트에 들어가서, 크롬 확장 프로그램을 설치한다. 확장 프로그램을 설치하면 크롬 오른쪽 상단에 노션 아이콘이 생긴다.

3-2) 웹 클리핑하기

설치하고 나면 오른쪽 상단에 N모양의 노션 아이콘이 생기는데, 해당 버튼을 누르면 현재 접속한 페이지를 웹클리퍼로 가져올 수 있다.

Add to 를 누르면 노션의 어떤 페이지로 가져올 것인가 선택할 수 있는데 이때, 그냥 노션 페이지로 글을 가져오면 그 페이지 하단에 글이 추가된다.

물론 이 방식도 나쁘지 않지만, 결국 직접 다 클리핑한 글들을 정리해주어야 하기 때문에 시간이 지나면 지저분해질 수 있다. 나중에도 조금 더 편하게 검색하기 쉽게 만들기 위해 노션 데이터베이스에 저장해보자.

3-3) 표 데이터베이스 생성하기

먼저 표 데이터베이스를 하나 생성한다. 만드는 과정은 아래를 참고한다. 나는 웹 사이트의 이름과 생성된 시간, 속성, URL이 데이터베이스에 표현되고 필터링할 수 있는 대상이 되었으면 좋겠어서 아래와 같이 만들었다.

3-4) 데이터베이스로 웹 클리핑 하기

그럼 이제 원하는 웹사이트에 들어가서 오른쪽 상단의 노션 웹 클리퍼 확장 프로그램을 이용해서 방금 만든 데이터베이스로 웹 페이지를 가져와보자!

3-5) 노션에서 저장된 클리핑된 자료를 확인해보기

3-6) 클리핑된 데이터에 속성 값 주기

3-7) 데이터 필터링해서 가져오기

만약 저장한 데이터들이 여러개 있을 때 일부 데이터만 필터링해서 분류하고 싶다면 어떻게 해야할까?

예를들어, 개발 중 자바, 스프링, 쿠버네티스, 깃헙, 위키 등의 사이트를 분류하고 싶다거나 더 큰 분류로 경제 뉴스, 회사 사이트, 개인 사이트 등을 분류하고 싶다면 아까 만들어둔 속성을 이용해서 해당 데이터들만 볼 수 있도록 할 수 있다.

데이터베이스 필터링은 위 속성 뿐만 아니라 특정 날짜로 분류하거나 자신이 원하는 다양한 방식으로 가져올 수 있다. 클리핑 말고도 다양한 방식으로 사용할 수 있으니 활용해보자.

3-8) 데이터베이스 보기 형식 바꾸기

추가로, 이런 데이터베이스는 보기 형식을 바꾸어 보여줄 수 있다.

예를 들어, 표가 아니라 클리핑한 데이터를 리스트의 형식으로 본다거나 날짜별로 클리핑한 데이터를 캘린더 형태로 본다거나 하는 방식이 가능하니 참고하자.

짜잔! 이제 우리는 이제 이전에 봐둔 사이트들을 잊지 않고 노션에 저장해두고 가져올 수 있다.

이제 한번 봤던 사이트는 구글에 똑같이 검색해서 다시 찾지 말고 노션에게 물어보자!!

 

반응형