Obsidian Web Clipper의 인터프리터에 Gemini를 연동하면, AI 대화 내용을 내가 원하는 템플릿으로 자동 정리해서 저장할 수 있다. 설정 방법을 단계별로 공유한다.

이전 글에 이어서 Obsidian Web Clipping 옵션 중 인터프리터 설정 방법에 대해서 공유하겠다.

내가 이해한 인터프리터라는 기능을 설명하면 다음과 같다.

Web Clipping을 할 때 "Clipping 조건과 Clipping 한 텍스트에 대한 액션"을 정의해서내가 원하는 내용(템플릿)으로 자료를 수집할 수 있도록 도와주는 것

내가 원하는 내용으로 변환하기 위한 툴이 바로 AI이고 연동하는 과정이 필요하다.

Web Clipper 설치는 어떻게 할까?

1. Obsidian Web Clipper 설치하기

https://chromewebstore.google.com/detail/obsidian-web-clipper/cnjifjpddelmedmihgijeibhnjfabmlf

Obsidian Web Clipper - Chrome Web Store

설치하고, 활성화 후 고정한다.

  1. 옵션 설정하기 (크롬 익스텐션 오른쪽 마우스 클릭 > 옵션 선택)

인터프리터는 어떻게 설정할까?

이전 글 노트 수집하기에서 기본 설정을 다뤘으니 참고하면 좋다.

3. 인터프리터 탭 설정

3-1 인터프리터를 활성화한다.

3-2 제공자를 선택하고, 모델을 선택한다.

Google AI Studio에서 받은 API 키를 활용하기 위해서 Gemini로 선택

Gemini 2.5 Flash 모델로 선택한다.

3-3 기본 인터프리터 컨텍스트

인터프리터 컨텍스트는 모델에 전달할 페이지 데이터의 범위를 지정하는 곳이다.

{{content}}를 넣으면 페이지 본문만, {{fullHtml}}을 넣으면 페이지 전체 HTML이 전달된다.

템플릿은 어떻게 구성할까?

4. 템플릿 설정하기

위의 파일을 들여오기를 하면 자동으로 설정이 된다.

아래 내용을 설명하면, Web Clipper에는 {{title}}, {{url}}, {{date}} 같은 프리셋 변수가 이미 존재하는데, 이 값들을 AI에게 어떻게 구성해 줘~라고 속성값 등을 설정하는 화면이다.

아래 내용은 https://chatgpt.com/, https://gemini.google.com/에서 웹 클리핑을 시도하면 이 템플릿으로 데이터를 수집할 거야에 대한 약속이다.

그러면 AI는 이 템플릿에 있는 각 속성을 가지고, 타이틀도 구성하고, 태그도 설정하고, 노트 내용도 설정하는 것이다.


최종 결과물은 어떻게 나올까?

ChatGPT나 Gemini 와 대화를 나눈 후 아래와 같이 정리를 한 후 Obsidian Web Clipping 아이콘을 누르면 이렇게 파일로 저장이 된다. 나름대로의 회고 효과가 있는 것 같아서 마음에 든다. 지금까지의 프로세스를 어떻게 하면 한 방에 할 수 있을지는 또 고민해 봐야겠다. 이 고민의 연장선이 노트의 연결 그리고 생각의 연결로 이어졌다.


"현재까지 대화를 핵심 Insight 및 Action items를 도출하고, 사고의 흐름에 대해서도 간단하게 정리해 줘"


불러오는 중...