Tools

웹 페이지에서 텍스트를 하이라이트하는 방법: 온라인 하이라이터 완벽 가이드

하이라이팅은 세계에서 가장 오래된 학습 기법 중 하나입니다. 종이에서 화면으로의 전환과 함께, 새로운 세대의 온라인 하이라이터를 통해 웹 페이지에 표시하고, 읽기를 정리하고, 다른 사람들과 인사이트를 공유할 수 있게 되었습니다. 이 가이드에서는 웹에서 텍스트를 하이라이트하는 데 필요한 모든 것을 다룹니다.

14분 소요
핵심 요점
    • 온라인 하이라이터는 크게 두 가지로 나뉩니다. 브라우저 확장 프로그램을 통해 원본 페이지에서 직접 하이라이트하는 방식(Glasp, Hypothesis, Liner 등)과 콘텐츠를 별도 리더로 스크랩하는 방식(Pocket, Feedly, Instapaper 등)입니다.
  • 원본 페이지 하이라이팅은 재방문할 때마다 하이라이트가 보이고, 공유가 쉬우며, 원문의 맥락이 유지됩니다. 스크랩 방식은 안정적인 오프라인 복사본과 광고 없는 읽기가 가능하지만, 공유와 이동성에 제한이 있습니다.
  • 시작하는 데 2분도 걸리지 않습니다. 브라우저 확장 프로그램을 설치하고, 웹 페이지에서 텍스트를 선택한 뒤 클릭하면 하이라이트됩니다. Glasp는 네 가지 하이라이트 색상, 메모, 태그, 그리고 Notion, Obsidian, Readwise 등으로의 내보내기를 지원합니다.
  • 연구에 따르면 하이라이팅 자체가 비효과적인 것은 아닙니다. 2013년 Dunlosky 연구에서 "낮은 효용"으로 평가한 이유는 대부분의 사람이 수동적으로 하이라이트하기 때문입니다. 선택적으로(문단당 한 문장) 하이라이트하고 메모 및 복습과 결합하면 강력한 능동적 학습 기법이 됩니다(Yue et al., 2015).
  • 최고의 하이라이팅 실천법은 연구에 기반합니다. 텍스트의 10~20% 이하만 하이라이트하고, 색상 코딩 시스템으로 정보를 분류하며, 자신만의 메모를 추가하고, 정기적으로 복습하세요. 과도한 하이라이팅은 오히려 시험 성적을 떨어뜨립니다(Fowler & Barker, 1974).

온라인 하이라이터란?

온라인 하이라이터는 인쇄물에 형광펜을 사용하는 것처럼 웹 페이지에서 텍스트를 선택하고 표시할 수 있는 도구입니다. 대부분의 온라인 하이라이터는 Chrome, Safari, Edge, Brave, Opera용 브라우저 확장 프로그램으로 작동합니다. 설치하면 모든 웹 페이지 위에 하이라이팅 레이어가 추가되어, 문장이나 문단을 선택하고 클릭 한 번으로 저장할 수 있습니다.

온라인 하이라이터는 학생, 연구자, 작가, 그리고 웹에서 정기적으로 읽는 모든 사람에게 필수 도구가 되었습니다. 페이지 전체를 북마크해 놓고 왜 저장했는지 잊어버리는 대신, 중요한 구절만 정확히 캡처하고 자신만의 메모를 추가하여 나중에 다시 확인할 수 있습니다.

이 글에서는 웹 페이지용 하이라이터에 초점을 맞춥니다. PDF, 동영상, 오디오, 모바일 전용 앱의 하이라이터는 다루지 않습니다.


웹 페이지 하이라이팅의 두 가지 방식

하이라이트하는 방법에 들어가기 전에, 하이라이터 도구가 취하는 근본적으로 다른 두 가지 접근 방식을 이해하는 것이 도움이 됩니다.

방식 1: 원본 페이지에서 하이라이팅

첫 번째 방식은 브라우저 확장 프로그램을 사용하여 원본 웹 페이지 위에 직접 하이라이트 레이어를 추가합니다. 기사나 블로그 글을 방문하면 확장 프로그램이 텍스트를 선택하고 색상으로 하이라이트할 수 있게 해줍니다. 하이라이트는 원본 페이지에 연결되어 있어, 다음에 방문했을 때도 다시 볼 수 있습니다.

이 카테고리의 대표적인 도구로는 Glasp, Hypothesis, Weava, Liner가 있습니다.

작동 원리: 확장 프로그램이 읽고 있는 페이지에 작은 스크립트를 삽입합니다. 텍스트를 선택하고 하이라이트 색상을 선택하면, 확장 프로그램이 해당 선택의 위치와 내용을 기록하고 저장합니다. 같은 URL을 방문할 때마다 확장 프로그램이 원본 콘텐츠 위에 하이라이트를 렌더링합니다.

방식 2: 스크랩된 페이지에서 하이라이팅

두 번째 방식은 다르게 작동합니다. Pocket, Feedly, Matter, Instapaper 같은 도구는 원본 페이지의 콘텐츠를 스크랩하여 자체 서버에 사본을 저장합니다. 사용자는 원본이 아닌 해당 도구의 버전에서 읽고 하이라이트합니다.

이러한 도구들은 주로 북마크, 나중에 읽기, 콘텐츠 발견 앱입니다. 하이라이팅은 부가 기능이며, 유료 플랜에서만 사용할 수 있는 경우가 많습니다. 예를 들어 Feedly의 하이라이트 기능은 유료 구독자만 이용 가능합니다.

작동 원리: URL을 저장하면 도구가 페이지의 HTML을 가져와 파싱하고, 광고와 내비게이션을 제거한 뒤 깔끔한 버전을 저장합니다. 이 저장된 사본에서 하이라이트하므로, 하이라이트는 원본 페이지와 독립적입니다.


두 가지 방식 비교

기능원본 페이지 (확장 프로그램)스크랩 페이지 (나중에 읽기 앱)
설정브라우저 확장 프로그램 설치계정 생성 + 각 글 저장
하이라이트 표시원본 페이지에서 표시됨앱 내에서만 표시됨
콘텐츠 최신성항상 실시간 페이지를 읽음저장 시점의 스냅샷
공유다른 사람과 쉽게 공개 공유보통 비공개 또는 제한적
오프라인 접근인터넷 필요오프라인 이용 가능한 경우 많음
광고원본 페이지 광고 그대로 표시광고 제거됨
내보내기 옵션도구마다 다름 (Glasp는 .txt, .md, .csv, .html 지원)보통 제한적
비용무료인 경우 많음 (Glasp는 무료)하이라이팅에 유료 플랜 필요한 경우 많음
위험 요소페이지 구조가 크게 변경되면 하이라이트가 깨질 수 있음콘텐츠가 고정 사본이라 업데이트되지 않음

원본 페이지 하이라이팅을 선택할 때: 웹 콘텐츠를 많이 읽고, 페이지를 재방문할 때마다 하이라이트를 보고 싶으며, 읽은 내용을 다른 사람과 공유하고 싶은 경우입니다. 대부분의 사용 사례에 이 방식을 추천합니다.

스크랩 페이지 하이라이팅을 선택할 때: 오프라인 읽기, 광고 없는 집중 읽기를 원하거나, 삭제될 수 있는 콘텐츠를 다루는 경우입니다.


브라우저 확장 프로그램으로 텍스트 하이라이트하기

여기서는 무료 소셜 웹 하이라이터 Glasp을 사용하여 텍스트를 하이라이트하는 방법을 안내합니다. Glasp는 Chrome, Safari, Brave, Edge, Opera 등의 브라우저 확장 프로그램으로 제공됩니다. 네 가지 하이라이트 색상, 메모, 태그, 그리고 Obsidian, Roam Research, Notion, Readwise와의 연동 및 .txt, .md, .html, .csv 형식의 내보내기를 지원합니다.

1단계: 가입 및 확장 프로그램 설치

먼저 무료 Glasp 계정을 만드세요:

👉 Glasp 가입하기

그런 다음 사용하는 브라우저에 맞는 확장 프로그램을 설치하세요:

👉 Chrome 확장 프로그램 (Brave, Edge, Opera에서도 작동)

👉 Safari 확장 프로그램

설치 후 브라우저 툴바의 Glasp 아이콘을 클릭하고 사이드바를 열어 로그인되어 있는지 확인하세요.

Glasp는 Mac과 Windows 데스크톱에서 사용할 수 있습니다.

2단계: 텍스트 선택 및 하이라이트

읽고 싶은 웹 페이지로 이동합니다. 하이라이트할 텍스트를 선택하면 네 가지 색상 옵션이 포함된 작은 팝업이 나타납니다. 아무 색상이나 클릭하면 텍스트가 즉시 하이라이트됩니다. 하이라이트된 문장은 Glasp 사이드바에도 표시됩니다.

브라우저 확장 프로그램 사이드바

하이라이트를 클릭하고 메모 필드에 입력하면 메모를 추가할 수도 있습니다. 읽으면서 자신의 생각을 기록하는 데 유용합니다.

3단계: 프로필 페이지에서 하이라이트 정리

모든 하이라이트와 글은 Glasp 프로필 페이지에 모입니다. 사이드바의 홈 아이콘을 클릭하거나 glasp.co를 방문하여 접근할 수 있습니다.

Glasp 사용자 프로필

프로필에서 할 수 있는 것들:

  • 하이라이트한 모든 글 탐색 (날짜순 정렬)
  • 키워드로 하이라이트 검색
  • 하이라이트 내보내기 ("콘텐츠 복사" 또는 "공유" 버튼 클릭)
  • 다양한 형식으로 다운로드 (.txt, .md, .html, .csv)
  • 다른 도구와 동기화 (Readwise, Notion, Obsidian, Roam Research)

https://www.youtube.com/watch?v=7mU62hM5GP4

4단계: 다른 사람들로부터 발견하고 배우기

Glasp의 독특한 기능 중 하나는 탐색 페이지입니다. 다른 독자들의 글과 하이라이트를 발견할 수 있습니다. 주제별로 탐색하고, 특정 주제를 검색하며, 다른 학습자들이 무엇을 하이라이트하고 메모하는지 확인할 수 있습니다.

특정 주제에 관한 글 검색:

https://www.youtube.com/watch?v=2hEWk7XzuaI

저자별 검색:

https://www.youtube.com/watch?v=q-yAv7aJ2bY

이 소셜 레이어는 하이라이팅을 개인적인 활동에서 공유 학습 경험으로 전환합니다. 같은 글에 대한 다른 사람들의 관점에 접근하고, 놓쳤을 수 있는 관련 콘텐츠를 발견하며, 비슷한 관심사를 가진 학습자 네트워크를 구축할 수 있습니다.


웹 페이지 하이라이팅의 장점

하이라이팅은 단순히 텍스트에 색을 입히는 것 이상입니다. 하이라이팅이 시간 낭비라는 말을 들어본 적이 있을 수 있지만, 그 주장은 연구에 대한 오해에서 비롯되었습니다. 2013년 심리학자 John Dunlosky의 획기적인 연구에서 하이라이팅을 "낮은 효용"으로 평가했고, 언론은 "하이라이팅을 멈춰라!"라는 헤드라인을 내보냈습니다. 하지만 Dunlosky 팀이 구체적으로 평가한 것은 대부분의 학생이 실제로 하는 방식, 즉 더 깊은 처리 없이 거의 모든 줄에 형광펜을 끌어대는 것이었습니다. 기법 자체가 문제가 아니라 실행 방식이 문제였습니다. (연구의 전체 분석은 다음 딥다이브를 참고하세요: 하이라이팅의 과학.)

의도를 가지고 사용하면 하이라이팅은 진정으로 효과적인 학습 및 생산성 도구입니다. 그 방법을 살펴보겠습니다.

학습 효과

능동적 회상과 간격 반복을 통한 기억력 강화

인간은 읽은 내용의 대부분을 며칠 안에 잊어버립니다. 에빙하우스의 망각 곡선에 따르면 복습하지 않으면 일주일 안에 새로운 정보의 최대 80%를 잃게 됩니다. 하이라이팅은 개인 복습 라이브러리를 만들어 줍니다. Glasp 같은 도구는 과거 하이라이트를 보여주는 주간 요약 이메일을 보내, 추가 노력 없이 자연스러운 간격 반복을 만들어 줍니다. 분산 학습(간격을 두고 복습하는 것)은 Dunlosky 연구에서 "높은 효용"으로 평가한 두 가지 기법 중 하나입니다.

능동적 읽기와 선택적 참여 유도

하이라이트할 때 무엇이 중요한지에 대한 결정을 내리게 됩니다. Yue et al. (2015)의 연구에 따르면, 무엇을 하이라이트할지 결정하는 행위가 독자로 하여금 각 문장의 중요도를 평가하게 만들어, 기억력을 크게 향상시키는 능동적 처리의 한 형태를 만들어냅니다. 이는 모든 것에 표시하고 아무것에도 관여하지 않는 수동적 하이라이팅의 정반대입니다.

디지털 하이라이팅이 종이보다 나을 수 있다

Mason et al. (2024)의 연구에서 흥미로운 패턴을 발견했습니다. 종이에서는 하이라이팅 빈도가 증가할수록 이해력이 떨어졌지만, 디지털 텍스트에서는 그 반대였습니다. 디지털 도구는 더 정확한 선택이 가능하고, 나중에 하이라이트를 검색하고 정리하고 복습하기도 더 쉽습니다. 이것이 전통적인 종이 방식에 비해 웹 하이라이팅이 가진 진정한 장점입니다.

소셜 학습 가능

혼자 읽으면, 글에서 추출하는 가치는 전적으로 자신의 관점에 달려 있습니다. 같은 글에서 다른 사람들이 무엇을 하이라이트했는지 볼 수 있으면 여러 관점에 접근할 수 있습니다. 코넬 대학교의 연구에 따르면 소셜 주석은 분산 인지의 한 형태를 만들어 이해력과 기억 유지를 향상시킵니다. 이것이 Glasp의 소셜 하이라이팅의 원리입니다. 모든 독자의 하이라이트가 글을 모두에게 더 가치 있게 만드는 맥락을 더해 줍니다.

여러 출처에 걸친 지식의 맥락화

수주, 수개월에 걸쳐 수십 편의 글에서 하이라이트를 하다 보면 패턴이 보이기 시작합니다. 서로 다른 출처의 아이디어 사이의 연결고리를 발견하게 됩니다. 하이라이트 라이브러리는 시간이 지남에 따라 이해가 어떻게 발전하는지를 반영하는 개인 지식 베이스가 됩니다.

생산성 효과

리서치와 글쓰기 속도 향상

보고서, 기사, 학술 논문을 쓰는 사람이라면 리서치 워크플로는 항상 동일합니다: 자료 찾기, 읽기, 핵심 포인트 추출, 정리, 쓰기. 하이라이팅은 추출 단계를 간소화합니다. 중요한 부분을 찾기 위해 글 전체를 다시 읽는 대신, 읽으면서 바로 하이라이트합니다. 글을 쓸 때가 되면 하이라이트가 이미 정리되어 쓰기 도구로 내보낼 준비가 되어 있습니다.

다른 사람과 공유할 때 맥락 유지

동료에게서 "좋은 글이에요!"라는 메시지와 함께 링크를 받아본 적이 있나요? 클릭하면 3,000단어짜리 글이 나오고, 어떤 부분이 가치 있었는지, 왜 공유했는지 전혀 모릅니다. 하이라이트된 링크를 공유하면 글뿐만 아니라 정확히 어떤 부분이 와닿았고 왜 그런지도 함께 전달할 수 있습니다. 이는 모호한 콘텐츠 공유를 집중적이고 생산적인 소통으로 바꿔 줍니다.

재독 시간 절약

글에서 핵심 포인트를 하이라이트하면 시각적 기준점이 만들어집니다. 다음에 페이지를 방문하면 하이라이트를 훑어보고 전체를 다시 읽는 대신 몇 초 만에 주요 아이디어를 떠올릴 수 있습니다. 수십 개의 자료를 다루는 연구자에게는 수 시간을 절약해 줍니다.


효과적인 웹 하이라이팅 모범 사례

모든 하이라이팅이 같은 효과를 내는 것은 아닙니다. Fowler와 Barker(1974)는 하이라이트된 텍스트의 양이 늘어날수록 시험 성적이 떨어진다는 것을 발견했습니다. 모든 것을 하이라이트한 학생들은 사실상 아무것도 하이라이트하지 않은 것이나 마찬가지였습니다. 하이라이팅을 유용하게 만드는 시각적 차별화는 페이지의 70%에 표시를 하면 사라집니다.

다음은 하이라이팅 습관을 더 효과적으로 만들어 주는 연구 기반 실천법입니다.

선택적으로: 문단당 한 문장만 하이라이트하기

핵심 아이디어, 놀라운 사실, 또는 사고에 도전하는 구절만 하이라이트하세요. 연구에서는 텍스트의 10~20% 이하만 하이라이트할 것을 권장합니다. 일반적인 문단이라면 한 문장, 많아야 두 문장입니다. 전체 문단을 먼저 읽고, 무엇이 중요한지 생각한 다음, 돌아가서 핵심 아이디어에만 표시하세요. 이 "먼저 읽고, 나중에 하이라이트하는" 접근법이 전문 독자들이 텍스트를 다루는 방식입니다.

자신만의 메모 추가하기

여백 주석과 결합하면 하이라이팅은 Dunlosky 연구에서 "높은 효용"으로 평가한 기법들에 필적하는 능동적 학습 전략이 됩니다. 문장이 생각을 촉발하면 즉시 적으세요. 미래의 자신이 감사할 것입니다. 맥락 없는 하이라이트는 몇 주 후에 의미 없이 느껴질 수 있지만, "이전에 읽은 X에 관한 내용과 모순된다"와 같은 메모가 있는 하이라이트는 오래도록 가치가 있습니다. Glasp에서는 모든 하이라이트에 메모를 첨부할 수 있어, 자신의 생각을 원본 자료 바로 옆에 보관할 수 있습니다.

색상 코딩 시스템 사용하기

색상과 주의력에 관한 연구에 따르면, 서로 다른 색상을 사용하여 정보를 분류하면 추가적인 인지 처리 레이어가 생깁니다. 색상에 카테고리를 할당하면 읽기 중에 분류 단계를 거치게 되며, 이 자체가 정교화 처리의 한 형태입니다. Glasp의 네 가지 색상으로 다음과 같은 시스템을 설정할 수 있습니다:

색상의미
노란색핵심 논점 또는 주요 아이디어
초록색근거 자료 또는 데이터
파란색질문 또는 추가 조사가 필요한 것
분홍색이전에 읽은 것과의 연결

이 시스템을 일관되게 유지하세요. 시간이 지나면 읽으면서 자연스럽게 정보를 분류하기 시작하고, 하이라이트를 한눈에 스캔할 수 있게 됩니다.

정기적으로 복습하기

하이라이팅은 절반의 과정에 불과합니다. 나머지 절반은 하이라이트를 다시 보는 것입니다. 최근 하이라이트를 복습하는 주간 일정을 만들거나 Glasp의 주간 요약 이메일 같은 도구를 활용하세요. 복습할 때 원문을 다시 읽기 전에 각 하이라이트의 맥락을 떠올려 보세요. 이는 인출 연습의 한 형태로, Dunlosky 연구에서 가장 효용이 높은 두 가지 학습 기법 중 하나로 평가한 것입니다.

출처가 아닌 주제별로 정리하기

대부분의 사람들은 하이라이트를 글별로 정리합니다. 더 유용한 접근법은 주제나 프로젝트별로 정리하는 것입니다. Notion이나 Obsidian 같은 도구로 하이라이트를 내보낼 때, 원본 URL이 아닌 주제별로 그룹화하세요. 이렇게 하면 사고와 글쓰기를 지원하는 지식 베이스가 만들어집니다.

이러한 실천법의 과학적 배경에 대한 더 깊은 분석, 즉 선택성, 색상 코딩, 디지털 vs. 종이 하이라이팅, 소셜 주석에 관한 전체 연구는 다음 딥다이브를 참고하세요: 하이라이팅의 과학: 대부분의 사람이 잘못하는 이유 (그리고 올바르게 하는 방법).


Frequently Asked Questions

웹 페이지용 최고의 무료 온라인 하이라이터는 무엇인가요?

Glasp는 Chrome, Safari, Brave, Edge, Opera용 브라우저 확장 프로그램으로 작동하는 무료 온라인 하이라이터입니다. 네 가지 색상으로 텍스트를 하이라이트하고, 메모를 추가하며, 다양한 형식으로 내보내고, 다른 독자들이 하이라이트한 내용을 발견할 수 있습니다. 다른 많은 도구와 달리 Glasp의 핵심 기능은 완전히 무료입니다.

모든 웹사이트에서 텍스트를 하이라이트할 수 있나요?

네, Glasp 같은 브라우저 확장 프로그램 하이라이터는 거의 모든 웹사이트에서 작동합니다. 확장 프로그램을 차단하는 페이지(Chrome 웹 스토어 페이지나 특정 은행 사이트 등)와 특이한 렌더링을 사용하는 페이지(일부 단일 페이지 애플리케이션 등)에서는 지원되지 않을 수 있습니다. 하지만 대다수의 기사, 블로그 글, 웹 페이지에서는 문제없이 작동합니다.

하이라이트가 페이지에 영구적으로 남아 있나요?

Glasp 같은 브라우저 확장 프로그램 하이라이터를 사용하면, 확장 프로그램이 설치되어 있고 로그인되어 있는 한 페이지를 방문할 때마다 하이라이트가 표시됩니다. 작성자가 페이지 콘텐츠를 크게 재구성하면 일부 하이라이트가 올바르게 표시되지 않을 수 있지만, 하이라이트된 텍스트는 항상 Glasp 프로필에 저장되어 있습니다.

하이라이트를 다른 앱으로 내보낼 수 있나요?

Glasp는 .txt, .md (Markdown), .html, .csv 등 다양한 형식으로 하이라이트를 내보낼 수 있습니다. 또한 Readwise, Notion, Obsidian, Roam Research와 직접 연동됩니다. 개별 글이나 프로필 페이지에서 일괄로 하이라이트를 내보낼 수 있습니다.

웹 페이지 하이라이팅과 PDF 하이라이팅은 다른가요?

네. 웹 페이지 하이라이팅은 웹 콘텐츠 위에 레이어를 추가하는 브라우저 확장 프로그램을 사용합니다. PDF 하이라이팅은 일반적으로 전용 PDF 리더나 주석 도구를 사용합니다. Glasp를 포함한 일부 도구는 둘 다 지원하지만, 기반 기술은 다릅니다. 이 가이드는 웹 페이지 하이라이팅에 초점을 맞추고 있습니다.

하이라이팅이 실제로 학습에 도움이 되나요, 아니면 단순한 반복 작업인가요?

2013년의 유명한 Dunlosky 연구에서 하이라이팅을 "낮은 효용"으로 평가했지만, 구체적으로 평가한 것은 수동적이고 무분별한 하이라이팅이었습니다. 이후의 연구(Yue et al., 2015; Mason et al., 2024)에 따르면, 선택적 하이라이팅에 메모 작성과 복습을 결합하면 진정으로 효과적인 학습 전략이 됩니다. 핵심은 텍스트의 10~20% 이하만 하이라이트하고 정기적으로 하이라이트를 복습하는 것입니다. 전체 연구 분석은 하이라이팅의 과학을 참고하세요.

다른 사람들이 내 하이라이트를 볼 수 있나요?

도구에 따라 다릅니다. Glasp는 소셜 하이라이터로 설계되어 기본적으로 하이라이트가 다른 사람에게 공개되며, 공유 학습 커뮤니티를 형성합니다. Hypothesis 같은 도구는 공개 모드와 비공개 모드를 모두 제공합니다. Pocket 같은 스크랩 페이지 하이라이터는 하이라이트를 비공개로 유지합니다. 프라이버시와 소셜 학습에 대한 선호도에 맞는 도구를 선택하세요.

온라인 하이라이터를 사용하려면 설치가 필요한가요?

원본 페이지 하이라이터의 경우 그렇습니다. 브라우저 확장 프로그램을 설치해야 합니다. 확장 프로그램이 읽고 있는 웹 페이지와 상호작용하여 하이라이트를 표시하고 저장해야 하기 때문입니다. 확장 프로그램 없이 원본 웹 페이지에서 하이라이트할 수 있다고 주장하는 도구가 있다면 주의하세요. 다른 도메인에 있는 페이지 사본으로 리다이렉트될 수 있습니다.


← 기사 목록으로 돌아가기

Start building your knowledge library

Highlight what matters as you read across the web. Save insights from articles, books, and YouTube videos in one place.

Get Started Free