[노션] 크롬 익스텐션으로 독서 노트를 더 쉽고 간편하게 생성하기

Save to Notion를 사용하면 노션에 독서 노트를 정말 쉽게 생성 할 수 있다.

노션 독서 템플릿

노션 템플릿은 인터넷 검색하면 다양한 템플릿을 찾을 수 있다.
아래는 노션 공식 사이트에서 제공하는 독서 리스트 템플릿이다.
https://www.notion.so/ko-kr/templates/notion-reading-list

Save to Notion 크롬 익스텐션 설치

먼서 Save to Notion 크롬 익스텐션을 설치한다.
https://chrome.google.com/webstore/detail/save-to-notion/ldmmifpegigmeammaeckplhnjbbpccmm

Save to Notion에 New Form 생성하기

다음은 알라딘 사이트 기준으로 설명하기 때문에, 예스24나 교보문고 사이트에서는 동작하지 않는다. 만약 CSS를 다를 줄 안다면 사이트 DOM 구조를 직접 분석하여 적용하면 된다.

1. Save to Notion에서 Add New Form을 선택한다.

   • 

2. 데이터베이스(Database)를 선택한다.

   • 

3. 워크스페이스(Workspace)를 확인하고 데이터베이스를 선택한다.
   • 노션에 데이터베이스가 미리 생성되어 있어야 한다.

   • 

4. Clip Format에서 Bookmark를 선택하고, Fields 이름에서 Page Title를 선택한다.

   • 

5. Data on Page를 선택한다.

   • 

6. CSS selectors 텍스트 영역에 다음을 입력한다.
   • .Ere_prod_titlewrap .tlist li:not(.Ere_label_wrap) a
   • css 셀렉터를 이용하면 페이지에서 필요한 텍스트 데이터만 가져올 수 있다.
   • css 셀렉터를 입력하고 Output에서 결과를 확인한다.

   • 

7. Add New Filed를 눌러서 필요한 필드를 계속 추가한다.

   • 

   • 각 필드 항목에 대한 CSS 셀렉터는 다음과 같다.
     • 주제분류: #ulCategory :last-of-type
     • 저자: .Ere_prod_titlewrap .Ere_sub2_title a
     • 출판사: .Ere_prod_titlewrap .Ere_sub2_title a:last-of-type
     • 페이지수: .conts_info_list1 li
8. New Form에 필요한 항목을 다 작성하면 이렇게 보여진다.

   • 

알라딘에서 도서 검색하고 독서 노트 생성하기

알라딘 사이트에서 도서를 검색한다.
그다음 Save to Notion 아이콘을 누른다. 또는 단축키(Otp/Alt + Shift + E)를 사용할 수도 있다.

도서 정보를 확인하고 Clip Page 버튼을 누른다.

노션에 독서 노트가 자동으로 생성된 것을 확인할 수 있다.