iOS 브라우저 에버노트 크리핑 방법

에버노트의 큰 쓰임세중에 하나는 수집함의 역할입니다. 요즘에는 인터넷 브라우징을 통해 많은 정보를 접하기 때문에 웹사이트를 보다가 또 보고싶은 글이나 필요한 주소나 정보를 접하게 되면 클리핑을 하는 수단이 필요합니다. 에버노트를 정보수집과 정리의 수단으로 쓰는 사용자는 인터넷에서 찾은 정보를 에버노트로 보낼수 있는 수단이 필요하겠죠.

iOS 의 큰 단점중 하나가 브라우저 익스텐션이 불가능 하다는 것입니다. 이 단점때문에 데스크탑 환경에서는 익스텐션으로 부가될 기능들을 쓰기 위해 앱마다 개별 브라우저 하나씩 쓰게됩니다 – 동영상 받는 브라우저, 패스워드 저장용 브라우저, 페이스북 브라우저, 등등.

iOS 에서 사파리 브라우저를 가장 많이 쓰는 이유도 이에 연관되에 있을것입니다. iOS 브라우저중 가장 많은 시스템 기능 (알람, 메일, 트위터, 인쇄 등등) 들과 연동이 가능하기 때문입니다. Mercury Browser 이나 Dolphin Browser 는 자체로 에버노트 크리핑 기능이 내장되어 있다고 합니다. 그래도 이것을 얻기위해 다른 기능들을 포기하는것은 싫으니

인터넷 브라우징은 사파리에서 하고, 이 링크를 클리핑용 브라우저에서 다시 열고, 이러다 보면 번거로워서 클리핑을 안하게 됩니다.

이 수고를 경감하기 위해 bookmarklet 이라는 핵을 씁니다. Instapaper 같은 크리핑 서비스도 이방법으로 웹클리핑을 하기 대문에 이미 잘 알려져 에버노트의 그것도 많이 알고 계시리라 생각되지만 혹시나 모르시는 분들을 위해 한번 올려봅니다.

오늘은 Bookmarklet 을 통해 iOS7 모바일 사파리에서 에버노트로 클리핑 하는 방법 두가지를 살펴 보겠습니다.

방법1: Evernote WebClip Bookmarklet
(원문: http://mergy.org/2014/03/evernote-clipper-on-ipad-and-iphone-via-safari-on-ios-7/)

1. iOS 세팅에서 Safari 세팅으로 들어가서 Java Script 를 허용하시고 bookmark 바를 항상 보이게 합니다.

2. 이제 사파리로 www.evernote.com 웾사이트를 엽니다. 그리고 그 페이지를 북마크에 더합니다.

3. 븍파크를 편집해서 브마크명을 “에버노트 클리퍼” 나 원하는 이름으로 바꿉니다. 아직 편집창을 열어 둡니다.

4. 아래 txt 파일에 있는 Java 스크립트를 복사해서 북마크 편집창에 링크를 입력하는 에 https://evernote.com/ 을 지우고 붙여넣습니다.

iOS에버노트 웹 클리퍼 Java 스크립트

5. 북마크 창에서 나가 아무 웹페이지를 찾아가 북마크바에 있는 에버노트 클리퍼 버튼을 누릅니다. 그러면 로그인 창이 나오고 로그인 하시면 됩니다. 또 북마크바가 싫으신 분들은 북마크 버튼 (address bar 오른쪽에 있는 책모양 아이콘) 을 통해 에버노트 클리퍼 북마크를 눌러도 됩니다.

6. 클리핑창이 뜨면 태그와 노트북을 지정해 주고 SAVE 해줍니다. 그리고 에버노트앱에서 클리핑이 되었나 확인하시면 됩니다.

위의 방법은 개인적으로 써오던 방법인데 iOS7 으로 업그레이드 하면서 제 아이폰에서는 실행되지가 않습니다. 문제는 마지막 스샷의 Quicknote 창이 너무 크게 뜨고 스크롤이 불가능해서 Save 버튼을 누를수가 없은것인데요, 그래서 찾은 대안이 다음 방법입니다.

방법2: Markdown+Readability+Drafts Bookmarklet

(원문: http://philgr.com/blog/save-articles-from-the-web-on-evernote-from-ios)

이 방법은 유료 앱하나와 무료앱 하나를 필요로 합니다.

Drafts

좋은 마크다운 텍스트 편집 앱이고 많은 IFTTT 와 합쳐지면 자동화를 가능하게 하기때문에 이 용도만으로가 아니더라도 추천해 드리지만 현제로서는 아이폰에서 에버노트로 웹문서를 클리핑 하는데 필수 앱입니다. 아이폰 과 아이패드 버젼은 따로 이고, 하나에 스타벅스 커피 한잔값 정도 듭니다.

Readability

Readability 는 인트타페이퍼와 비슷한 나중에 읽기 앱입니다. 이런 앱들의 공통점은 웹사이트를 저장하면서 광고나 또 다른 불필요한 포매팅을 빼주고 원문만 저장해 줍니다.

Drafts 의 큰 장점은 많은 앱들과 연동이 내장기능화 되어있는 것입니다

문서를 작성하고 공유 버튼을 누르면 이런창이 뜹니다 – 트위터, 페이스북, 이메일, 문자, 크립보드, 에버노트 등 글을 보낼곳이 많이 보이죠.

이중 Markdown to Evernote 라는 공유 기능이 있습니다. 마크다운은 일반 텍스트 문서의 양식을 편집하는 HTML 을 조금더 간단하게 만든 문법입니다. 에버노트 클리핑 기능을 쓰기 위해 마크다운을 배우실 필요는 없고, Markdown 이 HTML 에서 발생된 문법이기 때문에 HTML로 쓰여있는 문서 (그러니까 웹페이지) 는 Markdown 으로 컨버젼이 된다는것만 기억하시면 됩니다. 그리고 반대의 컨버젼도 쉽고요.

이 핵의 요는 브라우저에 떠있는 문서를 Readability 로 보내고 Drafts 에서 Markdown 으로 전환된 내용을 앱에 내장된 Evernote 연동 기능을 이용해 에버노트로 보내는 것입니다. 두 단계를 더 거쳐 사파리에서 에버노트로 보내는 이유는 첫째로 Readability 의 필터 기능을 이용해 웹페이지의 불필요한 페이지 내에 매뉴와 버튼, 포매팅을 제거하고 필요한 원문만 빼갈수 있기 때문입니다. (에버노크 클리퍼로 페이지를 저장하면 HTML 포매팅이 깨지는 경우가 많습니다). 그리고 더 결정적인 이유는 아이폰에서도 작동이 된다는 것이고요.

이 클리핑 방식도 완벽하지는 않습니다. 첫째로 Readability 의 원문 인식 기능을 이용하기 때문에 클리핑에 최적화 되지 않은 사이트는 완벽하게 불필요한 포매팅을 제거하지는 못합니다. 둘째로 markdown 으로 컨버젼이 가끔 오류가 납니다. 이러한 상황이 가끔 일어나 페이지의 불필요한 요소들이 조금 남고 원서에 및줄쳐진 글이 클리핑에서는 및줄 없이 나오더라도 첫번째 방법보다는 훨씬 깨끗한 클리핑이 나옵니다.

이 핵을 쓰는 방법은 우선 필요한 앱들을 준비 하시고 아래에 나온대로 하시면 됩니다. (힌트: 위의 첫번째 클리핑 방법과 동일 하고 4번째 스텝에서 복사해 넣는 Java script 만 다릅니다.)

1. iOS 세팅에서 Safari 세팅으로 들어가서 Java Script 를 허용하시고 bookmark 바를 항상 보이게 합니다.

2. 이제 사파리로 www.evernote.com 웾사이트를 엽니다. 그리고 그 페이지를 북마크에 더합니다.

3. 븍파크를 편집해서 브마크명을 “에버노트 클리퍼” 나 원하는 이름으로 바꿉니다. 아직 편집창을 열어 둡니다.

4. 아래에 있는 Java 스크립트를 복사해서 북마크 편집창에 링크를 입력하는 에 https://evernote.com/ 을 지우고 붙여넣습니다.

javascript:(function()%7Bvar%20request=new%20XMLHttpRequest();request.open(%22GET%22,%22http://heckyesmarkdown.com/go/?read=1&preview=0&showframe=0&output=url&u=%22+encodeURIComponent(location.href),true);request.send();request.onreadystatechange=function()%7Blocation.href=%22drafts://x-callback-url/create?text=%22+request.responseText+%22&action=Markdown%20to%20Evernote%22%7D;%7D)();

6. 실행후에 Javascript 는 Draft App 에서 끝나고 홈버튼을 눌러 나가시면 됩니다.

이렇던 원문이: