북마크 클릭 한번으로 AI 대화 내용을 마크다운파일로 저장하는 법
ChatGPT, Gemini, Claude 등 AI 채팅 기록을 마크다운으로 저장해 백업하는 북마클릿 활용법을 안내합니다.
얼마 전 스레드 안타까운 글을 봤습니다. 제미나이 채팅 항목이 갑자기 사라져서 고객센터에 문의했다는 내용이었습니다. AI 서비스는 언제든 대화 기록이 유실되거나 접근이 불가능해질 수 있습니다. 클라우드에만 의존하면 중요한 대화 내용을 영영 잃어버릴 수도 있는 것입니다.
저는 20만 토큰이 다 차서 세션이 끝난 대화창을 통째로 마크다운 형식으로 저장해서 개인 데이터베이스에 넣고 검색합니다. 이렇게 하면 과거 대화를 찾을 때 AI 서비스에 다시 로그인해서 스크롤할 필요 없이 검색 한 번으로 원하는 내용을 찾을 수 있습니다.
오늘은 크롬 브라우저에서 북마클릿을 이용해 AI 대화 내용을 마크다운으로 저장하는 방법을 소개합니다. ChatGPT, Gemini, Claude 등 어떤 AI 채팅이든 적용할 수 있는 방법을 설명해 드리겠습니다.
왜 대화 내용을 직접 저장해야 할까요
AI 서비스의 대화 기록은 영구적이지 않습니다. 서비스 정책 변경, 계정 문제, 서버 오류 등 다양한 이유로 대화 내용이 사라질 수 있습니다. 무료 요금제 사용자는 저장 기간에 제한이 있는 경우도 많습니다.
크롬 확장프로그램 중에는 대화 내용을 내보내주는 도구들이 있습니다. 하지만 대부분 하루 3회 무료, 이후 유료로 전환되는 구조입니다. 자주 사용하기에는 비용 부담이 생길 수 있습니다.
북마클릿을 직접 만들어 사용하면 이런 제한 없이 원할 때마다 무료로 대화 내용을 저장할 수 있습니다. 한 번 설정해두면 클릭 한 번으로 마크다운 파일을 얻을 수 있어 매우 편리합니다.
북마클릿이란 무엇인가요
북마클릿은 브라우저 북마크에 저장하는 작은 자바스크립트 코드입니다. 일반 북마크는 URL을 저장하지만, 북마클릿은 javascript: 로 시작하는 코드를 저장합니다. 위의 이미지에서 확인할 수 있듯이 url이 들어가는 자리에 코드를 넣는 겁니다. 북마크를 클릭하면 현재 보고 있는 웹페이지에서 해당 코드가 실행됩니다.
북마클릿의 장점은 별도 프로그램 설치 없이 브라우저만으로 다양한 기능을 실행할 수 있다는 것입니다. 보안 측면에서도 확장프로그램보다 가볍고 투명합니다. 코드를 직접 확인할 수 있으니 어떤 동작을 하는지 명확히 알 수 있습니다.
AI 대화 저장용 북마클릿은 웹페이지의 HTML 구조에서 대화 내용을 추출해 마크다운 형식으로 변환한 뒤 파일로 다운로드하는 역할을 합니다.
북마클릿 만드는 기본 원리
북마클릿을 만들려면 먼저 해당 웹사이트의 HTML 구조를 파악해야 합니다. AI 채팅 서비스마다 대화 내용이 담긴 HTML 요소의 클래스명이나 구조가 다르기 때문입니다.
예를 들어 제가 젠스파크에서 사용하는 코드의 핵심 부분은 다음과 같습니다.
console.log('content:', document.querySelectorAll('.conversation-content .content').length);
console.log('title:', document.title);
console.log('url:', location.href);
console.log('first:', document.querySelector('.conversation-content .content')?.innerHTML.substring(0,200));이 코드는 젠스파크의 대화 내용이 담긴 요소를 찾아서 콘솔에 출력합니다. .conversation-content .content 라는 클래스 선택자가 젠스파크의 HTML 구조에 맞춰진 것입니다. ChatGPT나 Claude에서는 이 선택자가 다르기 때문에 그대로 사용할 수 없습니다.
중요한 점은 원리를 이해하면 어떤 사이트든 적용할 수 있다는 것입니다. 대화 내용이 담긴 HTML 요소를 찾고, 그 내용을 추출해서 마크다운으로 변환하는 흐름은 동일합니다.
나만의 북마클릿 코드 만드는 방법
여기서 핵심 팁을 알려드립니다. 북마클릿 코드를 직접 작성하기 어렵다면 AI에게 만들어달라고 요청하면 됩니다. 사용하시는 AI 서비스에 다음과 같이 질문해 보세요.
질문 예시는 이렇습니다. “ChatGPT 웹사이트에서 현재 대화 내용을 마크다운 형식으로 추출해서 파일로 다운로드하는 북마클릿 자바스크립트 코드를 만들어줘. 사용자 메시지와 AI 응답을 구분해서 저장하고 싶어.”
AI가 해당 사이트의 HTML 구조를 분석해서 맞춤형 코드를 만들어줄 것입니다. 코드가 작동하지 않으면 오류 내용을 다시 AI에게 알려주고 수정을 요청하면 됩니다. 몇 번의 대화로 원하는 북마클릿을 완성할 수 있습니다.
사이트마다 HTML 구조가 다르고 업데이트로 구조가 바뀔 수도 있으니, 각자 자신의 환경에 맞게 AI와 대화하며 코드를 만드는 것이 가장 확실한 방법입니다.
크롬에서 북마클릿 등록하는 방법
AI에게 받은 코드를 크롬 북마크에 등록하는 방법을 안내합니다.
첫 번째로 크롬 브라우저 상단의 북마크바에서 마우스 오른쪽 버튼을 클릭합니다. 북마크바가 보이지 않으면 Ctrl+Shift+B를 눌러 표시할 수 있습니다.
두 번째로 페이지 추가 또는 북마크 추가를 선택합니다.
세 번째로 이름 항목에는 알아보기 쉬운 이름을 입력합니다. 예를 들어 “ChatGPT 대화 저장”이나 “AI 마크다운 추출” 같은 이름이 좋습니다.
네 번째로 URL 항목에 AI에게 받은 자바스크립트 코드를 붙여넣습니다. 코드가 javascript: 로 시작하는지 확인하세요.
다섯 번째로 저장 버튼을 클릭하면 완료입니다.
이제 AI 채팅 페이지에서 해당 북마크를 클릭하면 대화 내용이 마크다운 파일로 다운로드됩니다.
저장한 마크다운 활용하기
마크다운 파일로 저장한 대화 내용은 다양하게 활용할 수 있습니다. 가장 기본적인 방법은 폴더에 날짜별로 정리해두고 필요할 때 텍스트 검색으로 찾는 것입니다.
더 체계적으로 관리하고 싶다면 Obsidian이나 Notion 같은 노트 앱에 저장하는 방법이 있습니다. 이런 앱들은 마크다운 파일을 그대로 불러올 수 있고 강력한 검색 기능을 제공합니다. 구체적인 연동 방법은 각 앱의 사용법을 AI에게 질문을 해보세요.
개인 데이터베이스를 구축해서 저장하면 대화 내용을 더욱 효율적으로 검색하고 관리할 수 있습니다. 20만 토큰에 달하는 긴 대화도 검색 한 번이면 원하는 부분을 바로 찾을 수 있습니다.
개인db에 저장해서 활용하는 법 은 이 링크를 참고해보세요.
결론
AI 서비스의 대화 기록은 언제 사라질지 모릅니다. 중요한 대화 내용은 직접 백업해두는 습관이 필요합니다. 북마클릿을 이용하면 클릭 한 번으로 대화 내용을 마크다운 파일로 저장할 수 있습니다.
사이트마다 HTML 구조가 다르니 북마클릿 코드는 각자 사용하는 AI에게 직접 요청해서 만드는 것을 권장합니다. ChatGPT든 Gemini든 Claude든 원리는 같습니다. AI에게 코드를 요청하고, 북마크에 등록하고, 필요할 때 클릭해서 저장하면 됩니다.
#북마클릿 #마크다운 #AI대화저장 #ChatGPT #Gemini #Claude #크롬 #백업