LinkStack 북마크 기능 완전 가이드

브라우저 북마크는 누구나 쓰지만, 쌓여만 가고 다시 안 보는 경험을 해보셨을 겁니다. LinkStack은 이 문제를 정면으로 해결합니다. 단순히 URL을 저장하는 것을 넘어, 페이지의 컨텍스트를 함께 수집하고, AI가 요약해주며, 팀과 공유하고, MCP를 통해 AI 에이전트와 연동할 수 있습니다.

이 글에서는 LinkStack의 북마크 관련 기능을 저장 → 관리 → 활용의 3단계로 나누어 완전히 살펴봅니다.

1단계: 저장하기 - 다양한 입구

LinkStack에 링크를 저장하는 방법은 여러 가지입니다. 상황에 맞는 방법을 선택하세요.

🔑 원클릭 저장 (Extension)

가장 빠른 방법입니다. Chrome 또는 Whale 브라우저에서 확장 프로그램을 설치하면 됩니다.

키보드 단축키: Ctrl+Shift+S로 현재 페이지 즉시 저장
우클릭 메뉴: 페이지, 링크, 선택한 텍스트를 함께 저장
확장 아이콘 클릭: 사이드패널이 열리며 상세 정보 확인 후 저장

저장 시 단순 URL뿐만 아니라 다음 데이터를 자동으로 수집합니다:

수집 항목	설명
본문 텍스트	`<main>`, `<article>` 등 핵심 콘텐츠 (최대 5,000자)
Open Graph	og:title, og:description, og:image
키워드	메타 태그 + 본문 빈도 기반 자동 추출 (상위 15개)
이미지	OG 이미지 우선, 본문 이미지 (최대 10개)
구조화 데이터	h1~h3 헤딩, JSON-LD 스키마

📂 브라우저 북마크 일괄 임포트

이미 Chrome, Whale, Edge, Firefox 등 브라우저에 수백 개의 북마크가 쌓여 있다면? LinkStack으로 한 번에 가져올 수 있습니다. 두 가지 방법을 제공합니다.

방법 1: 확장 프로그램에서 직접 불러오기 (Chrome / Whale 추천)

확장 프로그램 사이드바의 ”📂 브라우저 북마크 가져오기” 버튼을 클릭하면, chrome.bookmarks.getTree() API를 통해 현재 브라우저에 저장된 전체 북마크 트리를 그대로 불러옵니다. 별도의 파일 내보내기 없이 브라우저 안에서 바로 작업할 수 있습니다.

Chrome: 북마크 바, 기타 북마크 등 모든 폴더 구조를 그대로 로드
Whale (네이버 웨일): Chromium 기반이라 동일하게 지원
Edge: Chromium 기반 브라우저 모두 호환

불러온 북마크 트리를 폴더별로 탐색하면서, 원하는 북마크만 체크박스로 선택하여 가져올 수 있습니다. 전체 선택도 가능합니다.

🔄 브라우저 북마크 트리 자동 로드
    ↓
📂 폴더별 탐색 & 체크박스 선택
    ↓
✅ 선택한 북마크 일괄 저장
    ↓
🤖 백그라운드 크롤링으로 컨텍스트 자동 수집

방법 2: 북마크 HTML 파일 업로드 (모든 브라우저 지원)

웹 대시보드 설정 페이지에서는 Netscape Bookmark HTML 파일을 업로드하는 방식으로 임포트합니다. 이 방식은 Firefox, Safari 등 Chromium 기반이 아닌 브라우저에서도 사용 가능합니다.

브라우저에서 북마크 내보내기 (HTML 파일로 저장)
LinkStack 웹 대시보드 → 설정 → 북마크 가져오기
HTML 파일 업로드 → 파싱 후 일괄 저장

Chrome, Firefox, Edge, Safari, Whale 등 주요 브라우저 모두에서 내보낸 북마크 파일을 지원합니다. 임포트된 링크들은 서버에서 자동으로 메타데이터를 크롤링하여 풍부한 컨텍스트를 채워넣습니다.

🌐 웹 대시보드에서 수동 추가

웹 대시보드의 링크 추가 다이얼로그에서 URL을 직접 입력할 수도 있습니다. URL만 입력하면 서버가 자동으로 Cheerio(정적) 또는 Puppeteer(동적) 크롤러를 돌려 메타데이터와 본문을 수집합니다.

🤖 MCP를 통한 AI 에이전트 저장

LinkStack은 MCP(Model Context Protocol) 서버를 제공합니다. Claude Desktop이나 다른 AI 도구에서 MCP를 연결하면 대화 중에 바로 링크를 저장할 수 있습니다.

# MCP 도구 호출 예시
save_link({ url: "https://example.com", title: "Example" })

2단계: 관리하기 - 체계적 분류와 즐겨찾기

저장된 링크가 늘어나면 관리가 핵심입니다. LinkStack은 여러 가지 분류 체계를 제공합니다.

📌 즐겨찾기 (북마크 토글)

링크 카드의 북마크 버튼(🔖)을 클릭하면 즐겨찾기에 추가됩니다. 토글 방식이라 다시 클릭하면 해제됩니다.

POST /api/links/:id/bookmark   ← 북마크 토글 (추가/해제)
GET  /api/links/:id/bookmark   ← 북마크 상태 확인
GET  /api/links/bookmarks/list ← 북마크된 링크 목록 조회

이 기능은 웹 대시보드와 확장 프로그램 사이드바 모두에서 사용할 수 있습니다:

웹 대시보드: LinkCard 컴포넌트의 북마크 아이콘 클릭
사이드바: 링크 목록에서 북마크 아이콘 클릭
저장됨 탭: 북마크한 링크만 모아보는 전용 탭

🔍 북마크 필터링

링크 목록에서 북마크만 보기 필터를 활성화하면 즐겨찾기한 링크만 표시됩니다.

// links 페이지에서 북마크 필터 활성화
params.set('bookmarked', 'true');
// → GET /api/links?bookmarked=true

이 필터는 폴더, 태그, 검색, 날짜 필터와 자유롭게 조합할 수 있어서, 예를 들어 “이번 주에 북마크한 React 관련 링크”만 골라볼 수 있습니다.

📁 폴더 + 🏷️ 태그 + 📚 컬렉션

더 체계적인 분류가 필요하다면:

분류 방법	특징
폴더	계층형 구조, 1:1 매핑 (하나의 링크는 하나의 폴더에)
태그	컬러 지정 가능, N:N 매핑 (여러 태그 동시 부여)
컬렉션	큐레이션 기능, 순서 지정 가능, 공개 공유 가능

컬렉션은 특히 강력합니다. 여러 링크를 주제별로 큐레이션하고, 고유 slug URL을 통해 외부에 공개할 수 있습니다. AI 리포트를 생성하여 컬렉션의 주제를 요약하는 것도 가능합니다.

3단계: 활용하기 - 저장이 끝이 아닌 시작

LinkStack에서 북마크의 진정한 가치는 활용에 있습니다.

🤖 AI 요약 자동 생성

링크를 저장하면 서버가 백그라운드에서 자동으로 AI 요약을 생성합니다.

interface AISummaryResult {
  keywords: string[];       // 핵심 키워드 (5~10개)
  summaryShort: string;     // 3줄 요약
  summaryFull: string;      // 상세 요약
  keyPoints: string[];      // 핵심 포인트 (3~5개)
}

요약은 Redis에 24시간 캐싱되어 빠르게 확인할 수 있습니다. 확장 프로그램 사이드바에서도 현재 페이지의 AI 요약을 바로 확인하거나 생성할 수 있습니다.

💉 AI 챗봇에 컨텍스트 주입

저장된 링크의 컨텍스트를 ChatGPT, Claude, Gemini에 직접 전송할 수 있습니다. 사이드바에서 AI 플랫폼을 선택하면 페이지 내용이 클립보드에 복사되고 해당 AI 챗이 열립니다.

📄 저장된 링크 선택
    ↓
🤖 AI 플랫폼 선택 (ChatGPT / Claude / Gemini)
    ↓
📋 컨텍스트 자동 복사 + AI 챗 열기
    ↓
💬 붙여넣기 후 질문하기

이를 통해 “이 글의 핵심 논점을 한국어로 요약해줘”처럼 저장한 콘텐츠에 기반한 심층 대화가 가능합니다.

🔗 MCP로 AI 에이전트와 연동

MCP 서버를 연결하면 AI 에이전트가 사용자의 저장된 지식에 접근할 수 있습니다.

MCP 도구	설명
`save_link`	새 링크 저장
`list_links`	저장된 링크 목록 조회 (폴더/태그 필터)
`search_links`	키워드로 링크 검색
`get_link`	링크 상세 정보 조회 (AI 요약, 하이라이트 포함)
`list_my_teams`	팀 목록 조회
`share_team_link`	팀에 링크 공유

예를 들어, Claude에서 “내가 저장한 React 관련 글들을 정리해줘”라고 하면, MCP를 통해 LinkStack의 링크를 검색하고 요약을 가져와 답변할 수 있습니다.

📤 내보내기

저장된 링크를 다양한 포맷으로 내보낼 수 있습니다:

JSON - 프로그래밍 활용, 다른 서비스 연동
CSV - 엑셀/스프레드시트 분석
Markdown - 노션, 옵시디언 등으로 이동
HTML - Netscape Bookmark 형식으로 다른 브라우저에 임포트

내보내기 시에도 북마크 필터를 적용할 수 있어, 즐겨찾기한 링크만 선별적으로 내보내기가 가능합니다.

👥 팀 공유

개인 북마크를 팀에 공유하여 지식을 함께 나눌 수 있습니다.

개인 링크 저장
    ↓
팀에 공유 (share_team_link)
    ↓
팀원들이 댓글/토론
    ↓
팀 전체 지식 베이스 구축

전체 시나리오: 기술 블로그를 읽고 AI로 활용하기

마지막으로, 한 가지 실전 시나리오를 통해 LinkStack의 북마크 기능을 총정리해 봅시다.

발견: 흥미로운 기술 블로그 글을 발견
저장: Ctrl+Shift+S로 원클릭 저장 → 본문, 키워드, 이미지 자동 수집
요약: AI가 자동으로 3줄 요약 + 핵심 포인트 생성
북마크: 나중에 다시 볼 글이면 🔖 클릭하여 즐겨찾기
분류: React 폴더에 넣고, #frontend #hooks 태그 부여
컬렉션: 관련 글들을 모아 “React 패턴 모음” 컬렉션 생성
공유: 팀에 공유하여 팀원들과 토론
AI 활용: Claude에서 MCP로 해당 글을 불러와 코드 리뷰 요청
내보내기: 분기별로 Markdown으로 내보내 팀 위키에 정리

마치며

LinkStack의 북마크 기능은 단순한 URL 저장을 넘어서, 저장 → 분류 → 요약 → 공유 → AI 활용이라는 완전한 지식 관리 파이프라인을 제공합니다. 특히 MCP 연동을 통해 AI 에이전트가 나의 북마크를 지식 베이스로 활용할 수 있다는 점은 다른 북마크 도구에서는 찾기 어려운 차별점입니다.

브라우저 북마크에 차곡차곡 쌓아놓고 다시 보지 않는 습관, LinkStack으로 바꿔보세요.

LinkStack 시작하기 →