![](https://blog.kakaocdn.net/dn/biRrgL/btsBaZk5F0X/NUXlnk1FsXSp9uYMTySXIk/img.png)
노션에는 웹 브라우저의 내용을 긁어와서 노션 데이터 베이스에 저장해주는 웹클리퍼 라는 기능이 있습니다.
이 노션 웹 클립은 데스크톱 PC에서도 가능하고 모바일 브라우저 나 모바일 앱에서도 가능합니다.
노션 웹 클리퍼는 원노트 웹 클리퍼와 달리, 웹의 텍스트와 사진 정보를 그대로 긁어옵니다. 원노트는 캡쳐하여 사진으로 가져오는 것과 달리요.
노션 웹클리퍼 사용법을 공유하겠습니다.
사전 세팅
노션 PC 브라우저 웹클립 하는 법
먼저 PC에서 노션 웹 클리퍼를 사용하는 방법을 공유합니다. PC에서 노션 웹 클리퍼를 사용하면 아주 편리하게 웹의 정보를 긁어서 저장할 수 있습니다. 캡쳐가 아니라 텍스트 랑 사진까지 긁어오니 아주 편하죠. 하지만 웹페이지 중에서는 이런 클리퍼가 작동하지 못하게 막는 경우가 가끔있어 클리핑을 못하는 경우도 있으니 참고 해주세요. (하단에서 이런 경우에 다르게 클립하는 방법도 알려드릴게요)
1. 노션 PC 웹 클리퍼 다운로드
노션 PC 웹클리퍼 다운로드 페이지 에 접속합니다.
Chrome, Safari, Firefox, 모바일용 Notion (노션) Web Clipper
Notion에 웹페이지를 저장하고 원하는 대로 노트를 달거나 정리하세요.
www.notion.so
2. 자신이 사용하는 브라우저의 웹 클리퍼를 설치합니다.
현재 사용 중인 브라우저의 노션 웹 클리퍼를 설치해주세요.
![](https://blog.kakaocdn.net/dn/dYpk0u/btsA9Ssy4gI/gDk1NwUYxj1kaLeE5WgDXK/img.png)
저는 크롬을 사용해서 크롬 기준으로 설명 드리겠습니다.
크롬 버튼을 누르면 아래 화면이 나오고 오른쪽 위의 크롬에 추가를 눌러주세요 (저는 이미 설치되어 있어 크롬에서 삭제로 나오네요)
![](https://blog.kakaocdn.net/dn/LHYcO/btsBbKVj82w/u0hJviV8qUew5R2fcUQJF1/img.png)
그러면 아래와 같이 브라우저 주소창 오른쪽에 (크롬 기준) 노션 앱 아이콘이 등장합니다.
![](https://blog.kakaocdn.net/dn/oi1r9/btsBbODAqSA/pmWmUUv6IV0NWsWblgOPW1/img.jpg)
3. 노션 웹 클리퍼 로그인하기
이제 노션 웹 클리퍼에 로그인해주면 됩니다. 아무 페이지에서나 노션 앱 아이콘을 눌러줍니다.
![](https://blog.kakaocdn.net/dn/Q6M7r/btsA71ctM0B/yjmauAzk8gjkoDXS12eKxk/img.png)
그러면 위와 같은 팝업이 나오고, 해당 팝업에서 로그인을 눌러줍니다.
![](https://blog.kakaocdn.net/dn/bpoLsa/btsBb9grvlw/6s4oQp9ngoRCcx9DRbMx80/img.png)
사용하시는 노션 계정으로 로그인해주세요.
그럼 로그인 완료
4. 노션 PC 브라우저에서 웹 클립하기
이제는 클립을 원하는 페이지에 접속해서 노션 앱 아이콘을 눌러주세요.
그러면 아래와 같은 팝업이 나옵니다.
![](https://blog.kakaocdn.net/dn/cPZGOy/btsBbMliNsR/4oBQi4Q5QYFhvB1SUAkNT1/img.jpg)
저는 이미 노션 웹 클립퍼를 사용하고 있어서 이미 지정된 데이터 베이스가 나오지만, 처음 사용한다면 추가 대상에서 저장하고 싶은 데이터 베이스를 선택해야합니다.
팝업창에 대해 간략히 설명하면
![](https://blog.kakaocdn.net/dn/bw5ZPR/btsA8pdv8nE/ojFVe1wdSrO5QzKQWCdYiK/img.png)
맨위는 현재 페이지의 이름이고 이게 곧 노션 페이지의 이름이 됩니다.
추가 대상은 저장하고 싶은 데이터 베이스이며, 페이지에도 저장이 가능합니다.
워크스페이스는 저장하고 싶운 워크 스페이스입니다.
그러면 한번 데이터 베이스에 저장해보겠습니다.
원하는 워크스페이스를 선택하고
![](https://blog.kakaocdn.net/dn/cA6wj0/btsBcb6t0OP/ToCf66BcQVrZNrPpAsi760/img.png)
클립을 원하는 노션 데이터 베이스를 선택합니다.
없다면 검색을 하거나
새로운 데이터 베이스를 만들 수도 있습니다.
![](https://blog.kakaocdn.net/dn/beABQz/btsBcSlcAFl/sifgxsrUybWQuQBkmPalrk/img.png)
그리고 페이지 저장을 눌러줍니다.
![](https://blog.kakaocdn.net/dn/dpQ9gx/btsA8pYS6G5/bljSnxah9sbUdNujuKQgQk/img.jpg)
물론 페이지 이름도 바꿀 수 있습니다.
![](https://blog.kakaocdn.net/dn/bsVZ9p/btsBaW2X829/L2q0RFOKbz28FLyKezlXeK/img.jpg)
그러면 해당 데이터 베이스에 이렇게 목록으로 저장이 되고 출처 정보도(url) 함께 저장됩니다.
![](https://blog.kakaocdn.net/dn/bi73X5/btsBb7W3Wcz/7RNqK6jrlGDGyyncyFBn31/img.jpg)
저장된 페이지는 아래와 같이 텍스트 정보와 사진정보가 같이 들어옵니다.
![](https://blog.kakaocdn.net/dn/bUyT1e/btsBfw2K22O/ot6S4W9KE0e4PvxLJZDWl0/img.png)
5. 혹시 페이지에 넣고 싶으세요?
페이지 내에 클립 정보를 넣는것도 가능합니다.
아래로 드래그 하면 페이지 목록이 나옵니다.
![](https://blog.kakaocdn.net/dn/bZy44H/btsBfy0xZuO/ZaWI7YRybI1DT7aaCrxlw0/img.png)
![](https://blog.kakaocdn.net/dn/c2i7uo/btsBgcwcHzW/S4KqO41IgF1Z2BUSsjO4DK/img.png)
원하는 페이지를 선택하고 페이지 저장을 누르면
아래와 같이 페이지 내에 페이지 블록으로 삽입됩니다.
![](https://blog.kakaocdn.net/dn/zYu8y/btsBfwn74MH/LTxQhLnJ1Re8npYaGI3Bl0/img.jpg)
웹페이지가 노션 웹 클립을 막는다면?
아래와 같은 경우가 웹클립을 막는 경우인데, 사진 정보가 안들어왔습니다.
![](https://blog.kakaocdn.net/dn/VVmtt/btsBeNqq1nb/aHC0VNkOWMHB4FCqOE4lx1/img.png)
이럴 때에는 웹페이지 링크를 복사해서 노션 페이지에 임베드로 붙여 넣어보세요.
1. 노션 페이지 만들기
일반 블록 페이지로 만들어도 되고 데이터 베이스에 추가해서 페이지를 만들어도 됩니다.
![](https://blog.kakaocdn.net/dn/cDSLKo/btsA9hGi9O2/vuKmi8kOOxMfrrwz5mIJZk/img.png)
2. 페이지에 웹페이지 링크를 붙여넣기
노션에서 보기 좋으려면 임베드로 붙여넣는 것이 좋습니다.
![](https://blog.kakaocdn.net/dn/M5s9d/btsA9gtP4YP/hjktWQXCdyVw3mKVpY3ks0/img.jpg)
아래의 예는 모바일에서 붙여넣은 사례이지만 PC도 같은 원리로 작동합니다.
![](https://blog.kakaocdn.net/dn/yi53B/btsA8NSDtQh/mzghz4wZsHA6yAj8CdY8LK/img.jpg)
이 기능으로는 웹페이지 뿐만이 아니라 유튜브 영상같은 것도 클립이 가능합니다.
아래 사진의 예는 유튜브 링크를 임베드로 삽입한 경우입니다.
![](https://blog.kakaocdn.net/dn/mikkj/btsA8rPTPh6/U2QvjaZPuV1izOLCsLnri0/img.png)
모바일 노션 웹클립 방법
[노션 사용법] 노션 웹 클립하는 법 (모바일 웹클립)
노션에는 웹 브라우저의 내용을 긁어와서 노션 데이터 베이스에 저장해주는 웹클리퍼 라는 기능이 있습니다. 이 노션 웹 클립은 데스크톱 Pc에서도 가능하고 모바일 브라우저 나 모바일 앱에서
branding-space.tistory.com
아래 링크를 통해 유용한 무료 노션 템플릿을 무료로 받아보세요! 각종 대시보드부터 가계부 일기장 까지!
링크: https://bit.ly/3SBCNVg
Subscribe to BubbleShare Lee
On Gumroad
bubbleshare.gumroad.com
아래 링크에서 유용한 템플릿을 구매해보세요
https://kmong.com/@BrandingSpaces
문서서식·폼, 마케팅 분석∙전략 전문가 BrandingSpaces - 크몽
전문가 BrandingSpaces 님을 만나보세요.
kmong.com
'노션 템플릿 및 사용법' 카테고리의 다른 글
[노션 사용법] 노션 유튜브 영상 저장/클립하는 법 (0) | 2023.12.01 |
---|---|
[노션 사용법] 노션 웹 클립하는 법 (모바일 웹클립) (0) | 2023.12.01 |
[노션기초사용법] 2.회원 가입 및 설치 (웹 앱 웹클리퍼) (0) | 2023.11.30 |
[노션기초사용법] 1.노션 기본구조 (1) | 2023.11.30 |
[노션 사용법] 노션 원드라이브 파일 미리보기 모바일에서 하는 법 (1) | 2023.11.28 |