[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"chrome-reviews:carousel:ko:12:true":3,"blog-article-ko-how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet":64,"chrome-reviews:banner:ko":176},[4,9,14,19,24,29,34,39,44,49,54,59],{"reviewer":5,"reviewText":8},{"name":6,"avatarURL":7},"Aaron","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUMkiTLo1UibMiFm1S8LJPLbBg_xUXfv5bZh4rLavKNkIcU2c7s=s32","Great tool for research.",{"reviewer":10,"reviewText":13},{"name":11,"avatarURL":12},"Rania Kisar","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocL-b0VkPgQsZir7UNektHSfjELeiLkoMHs-HjO-EOie2iPpKg=s32-mo","Best highlighter so far.",{"reviewer":15,"reviewText":18},{"name":16,"avatarURL":17},"leonard ikeh","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjV-iTOEJHxQWkJnDFnqCaeVvBuwkxNrAewAyfhHS5nbdAvWCh3k=s32","Excellent for research.",{"reviewer":20,"reviewText":23},{"name":21,"avatarURL":22},"Swaroop Meher","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXwtJgaZFrnTb9NxIrapeVM7nKDdJ5mKWXpt1ejSVk3jb4=s32","Best highlighter tool.",{"reviewer":25,"reviewText":28},{"name":26,"avatarURL":27},"김선홍","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjV2GXeUWrZtuHjrxdSGFxzt6dO5xbyJBg7EnrtLuKvRb08bJClc=s32","The best highlighter!",{"reviewer":30,"reviewText":33},{"name":31,"avatarURL":32},"Rahul Gupta","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjWgVgTuBHK-Puz3JQZZ15i4PyUpJDrylAuwvBULt475l-2up7l2=s32","Its a awesome note taking app,loved it",{"reviewer":35,"reviewText":38},{"name":36,"avatarURL":37},"Alexandra Sint Nicolaas","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocK3xTdgznDB6jKZPs9yo7aGt6BJ7EEJp3R63G53qRufIaYoEg=s32-mo","works amazingly!! love the tagging system",{"reviewer":40,"reviewText":43},{"name":41,"avatarURL":42},"Samiksha Kharat","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXO8lhqr0kkokrwZUZhYA2xCPcf-MIh8geCpOcvWYJ-PN_aU9IL=s32","its a perfect highlighter! love it!!",{"reviewer":45,"reviewText":48},{"name":46,"avatarURL":47},"erick Chavez","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJI4mgTLDa5jn7vBTvDeNZN73N4mMhNsH7_F35tM52Z=s32-mo","great for studying and doing research!!",{"reviewer":50,"reviewText":53},{"name":51,"avatarURL":52},"유경민","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXJgrRYCaZhAX7i5GgAzR4y8Y3Tm1mALl_7TXeKNucBsZ3csqEC=s32","너무 좋네요 잘 쓰고 있습니다 !",{"reviewer":55,"reviewText":58},{"name":56,"avatarURL":57},"신자영","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUSo1ztr3_SMP6dcqigXyqT6nMspQnG3RsMmXxHt408L-HBTOU_AQ=s32","잘 쓰고 있습니다. 감사합니다!",{"reviewer":60,"reviewText":63},{"name":61,"avatarURL":62},"노동17호","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXbqEoLExnVn4ijxtBhP1S0feX1JDgBSqYJeaoZVVXVYZsqpxTG=s32","아주 좋습니다 ~!",{"meta":65,"html":102,"authorName":103,"authorFacebookUrl":104,"authorProfileImage":105,"authorWebsite":106,"authorJobTitle":107,"authorTwitterUrl":108,"wordCount":109,"recommended":110},{"id":66,"slug":67,"type":68,"title":69,"excerpt":70,"metaTitle":71,"metaDescription":72,"canonicalUrl":73,"featureImage":74,"publishedAt":80,"createdAt":81,"updatedAt":82,"featured":83,"readingTime":84,"tags":85,"author":101,"recommendedSlugs":73,"contentUpdatedAt":73,"faq":73},"630efb34c7d492db47c420b3","how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet","post","웹페이지에 형광펜 표시하고 메모하는 법: Web Highlights 사용 가이드","웹페이지와 PDF에 형광펜 표시를 하고, 메모와 태그를 남기고, 웹 앱에서 다시 찾는 방법까지. Web Highlights를 만든 개발자가 직접 쓰는 방법을 단계별로 알려 드려요.","웹페이지 형광펜·메모 사용법 | Web Highlights","웹페이지와 PDF에 형광펜 표시하고 메모하는 법. 태그, 검색, 필터, 내보내기, AI 요약까지 Web Highlights 사용법을 단계별로 정리했어요.",null,{"url":75,"alt":76,"caption":77,"width":78,"height":79},"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet.jpg","종이에 형광펜으로 표시하고 메모하며 스케치하는 손","\u003Cspan style=\"white-space: pre-wrap;\">사진: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@amayli?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Amélie Mourichon\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap;\"> \u002F \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Unsplash\u003C\u002Fspan>\u003C\u002Fa>",1200,630,"2026-10-05T12:00:00.000+00:00","2022-08-31T06:09:56.000+00:00","2026-10-05T16:00:00.000+00:00",true,12,[86,89,92,95,98],{"name":87,"slug":88},"FAQ, Tutorials, and Help","faq",{"name":90,"slug":91},"Web Highlights","web-highlights",{"name":93,"slug":94},"Productivity","productivity",{"name":96,"slug":97},"Software","software",{"name":99,"slug":100},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  몇 년 전, 저는 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">Web Highlights\u003C\u002Fa>\n   브라우저 확장 프로그램을 만들기 시작했어요. 그때는 웹에서 글을 정말 많이 읽었는데, 읽은 내용을 정리할 방법이\n  없었어요. 나중에 필요할 때 그 정보를 다시 찾느라 애먹는 일이 잦았죠.\n\u003C\u002Fp>\n\u003Cp>\n  그래서 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fhighlight-webpages\">웹페이지의 텍스트에 형광펜 표시\u003C\u002Fa>를 하고, 그 형광펜 표시를 어디서든 다시 볼 수 있는 방법을 찾았어요. 몇 가지 도구가 있었지만 제게 맞는 건 없었어요. 그래서\n  직접 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\" rel=\"noopener\">Web Highlights\u003C\u002Fa>를 만들었어요.\n\u003C\u002Fp>\n\u003Cp>\n  지금은 수십만 명의 사용자가(저도 포함해서) 이 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">온라인 형광펜\u003C\u002Fa>을 매일 쓰고 있고, 저는 이제 이 도구 없이 일하는 하루를 상상하기 어려워요. 이 글에서는 웹페이지에 형광펜 표시를 하고\n  메모하는 기본부터 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">고급 검색과 필터\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-summary\">AI 요약\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fspaced-repetition-learning\">간격 반복(spaced repetition) 학습\u003C\u002Fa>까지, 시작하는 방법과 가장 효율적으로 쓰는 방법을 보여 드릴게요.\n\u003C\u002Fp>\n\u003Chr \u002F>\n\u003Ch2 id=\"setup\">설치하기\u003C\u002Fh2>\n\u003Cp>\n  먼저 브라우저 확장 프로그램을 설치해야 해요. Web Highlights는 \n  \u003Cstrong>Chrome\u003C\u002Fstrong>, \n  \u003Cstrong>Edge\u003C\u002Fstrong>, \n  \u003Cstrong>Brave\u003C\u002Fstrong>\n   등 Chromium 기반 브라우저와 \n  \u003Cstrong>Firefox\u003C\u002Fstrong>에서 쓸 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  Web Highlights 확장 프로그램은 \n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Chrome 웹 스토어\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fweb-highlights-pdf-we\u002Fghdpaajjhmlfkogblgeibaabcpjfgldn\">\n    Microsoft Edge 추가 기능\u003C\u002Fa>, 또는 \n  \u003Ca href=\"https:\u002F\u002Faddons.mozilla.org\u002Ffirefox\u002Faddon\u002Fweb-highlights-pdf-web-highlig\u002F\" rel=\"noopener\">Firefox 부가 기능\u003C\u002Fa>에서 찾을 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  단계별 안내가 필요하다면 문서의 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintroduction\u002Finstallation\">설치 가이드\u003C\u002Fa>를 확인하세요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp\"\n    class=\"kg-image\"\n    alt=\"Chrome에 Web Highlights 설치하기\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"569\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n      \u003Cspan style=\"white-space: pre-wrap\">Chrome에 Web Highlights 설치하기\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  오른쪽 위의 \"Chrome에 추가\" 버튼을 클릭하면 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Fextensions\u002Fpdf-web-highlighter\u002Fwelcome\" rel=\"noreferrer\">시작 가이드\u003C\u002Fa>로 이동하고, 이 가이드가 설정 과정을 안내해 줘요.\n\u003C\u002Fp>\n\u003Cp>\n  먼저 확장 프로그램 아이콘을 고정해 두면 편해요. 브라우저 오른쪽 위의 확장 프로그램 아이콘을 클릭한 뒤 \"고정\" 아이콘을\n  클릭하면, 쓸 때마다 바로 손이 닿는 곳에 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*HGduMUoanT31y8OZJBXn7g.png\"\n    class=\"kg-image\"\n    alt=\"스크린샷: 확장 프로그램을 고정하는 방법\"\n    loading=\"lazy\"\n    width=\"706\"\n    height=\"546\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">브라우저에\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">확장 프로그램 고정하기\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\u003C\u002Fp>\n\u003Ch2 id=\"optional-account-creation\">계정 만들기(선택)\u003C\u002Fh2>\n\u003Cp>\n  이 형광펜 도구의 좋은 점은 계정을 만들지 않아도 바로 쓸 수 있다는 거예요. Web Highlights 기능 대부분은 무료이고 계정\n  없이 쓸 수 있어요. 예를 들면 이런 기능이에요.\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    🖋️ 웹사이트와 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fhighlight-pdfs\">PDF\u003C\u002Fa>에 형광펜 표시\n  \u003C\u002Fli>\n  \u003Cli>🎨 여러 가지 형광펜 색상\u003C\u002Fli>\n  \u003Cli>🔖 북마크 저장\u003C\u002Fli>\n  \u003Cli>✍️ 메모 작성\u003C\u002Fli>\n  \u003Cli>🏷️ 태그 만들기\u003C\u002Fli>\n  \u003Cli>📤 Markdown으로 내보내기\u003C\u002Fli>\n  \u003Cli>💾 자료 백업\u003C\u002Fli>\n  \u003Cli>⚡ 효율을 높여 주는 단축키\u003C\u002Fli>\n  \u003Cli>\n    📖 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Freader-mode\">읽기 모드\u003C\u002Fa>\n     — 페이지를 방해 요소 없는 문서로 저장\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  그 밖의 기능은 무료 계정이 필요하고, 그중 상당수는 유료 Premium·Ultimate \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Fpricing\">플랜\u003C\u002Fa>에 포함돼요. 유료 플랜은 7일 동안 무료로 써 볼 수 있어요. 자세한 내용은 문서의 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintroduction\u002Fgetting-started\">시작하기 가이드\u003C\u002Fa>를 확인하세요. 계정과 유료 플랜으로 쓸 수 있는 주요 기능은 다음과 같아요.\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>🔄 형광펜 표시를 동기화하고 어떤 기기에서든 열기\u003C\u002Fli>\n  \u003Cli>\n    👨🏼‍💻 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">강력한 웹 앱\u003C\u002Fa>\n     — 그리드, 목록, 메이슨리 보기\n  \u003C\u002Fli>\n  \u003Cli>\n    📷 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">이미지에 형광펜 표시\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    𝐓 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fhighlight-webpages\u002Fformatted-highlighting\">\n      서식 있는 형광펜 표시\n    \u003C\u002Fa>\n    — 제목, 글머리 기호, 코드 블록 등을 그대로 유지\n  \u003C\u002Fli>\n  \u003Cli>\n    🧠 \n    무제한 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fspaced-repetition-learning\">간격 반복 학습\u003C\u002Fa>\n    — 형광펜 표시를 플래시카드로 바꿔 읽은 내용을 기억 (무료 플랜과 Premium은 플래시카드 10장까지)\n  \u003C\u002Fli>\n  \u003Cli>\n    🤖 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-summary\">AI 요약\u003C\u002Fa>\n     및 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-chat\">AI 채팅\u003C\u002Fa>\n     — 브라우저 내장 AI로 요약을 만들고 콘텐츠에 대해 대화 (무료 플랜과 Premium은 하루 1회, Ultimate는 더 많이)\n  \u003C\u002Fli>\n  \u003Cli>\n    📄 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fnotion-export\">Notion으로 바로 내보내기\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📘 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\"\n      >Markdown으로 Obsidian에 내보내기 \u003C\u002Fa\n    >\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fcapacities-export\">Capacities로 내보내기\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>📑 PDF 파일과 HTML 파일로 내보내기\u003C\u002Fli>\n  \u003Cli>📱 휴대폰에서 페이지를 북마크로 저장\u003C\u002Fli>\n  \u003Cli>\n    🎬 \n    무제한 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 형광펜 표시\u003C\u002Fa>\n     — YouTube 동영상 스크립트에 형광펜 표시와 메모 (무료 플랜과 Premium은 하루에 동영상 1개)\n  \u003C\u002Fli>\n  \u003Cli>\n    ⏰ \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n      이메일 알림 설정\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📚 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-kindle-highlights-and-notes-to-notion\u002F\">\n      Kindle 형광펜 표시와 메모 가져오기\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔎 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">고급 필터\u003C\u002Fa>\n     — AND\u002FOR 조건, 보이는 항목 맞춤설정, 빠른 필터 문법\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fsharing-public-pages\">형광펜 표시 공유하기\u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  계정은 무료로 만들 수 있어요. 클라우드 동기화를 쓰면 형광펜 표시가 클라우드에 백업되고, \n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa>\n   웹 앱에서 어떤 기기로든 자료를 열 수 있어요. 동기화는 7일 체험 기간에는 무료이고, 그 뒤에는 Premium과 Ultimate에\n  포함돼요. 업그레이드하지 않아도 형광펜 표시는 그대로 남고, 동기화만 멈춰요.\n\u003C\u002Fp>\n\u003Ch3 id=\"how-to-create-account\">계정 만드는 법\u003C\u002Fh3>\n\u003Cp>\n  이메일 주소로 계정을 만들거나\n  \u003Cem>\"Google로 로그인\"\u003C\u002Fem>을 클릭하면 돼요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 계정 만들기\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"859\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights 계정 만들기\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights는 \n  \u003Cstrong>개인정보 보호\u003C\u002Fstrong>를 매우 중요하게 여기며, 사용자의 데이터에 대해 다음을 약속해요.\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n     \n    \u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fwebstore\u002Fprogram_policies\u002F#limited_use\" rel=\"noopener\">\n      승인된 사용 사례\n    \u003C\u002Fa>\n     외에는 제3자에게 판매하지 않아요\n  \u003C\u002Fli>\n  \u003Cli>확장 프로그램의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않아요\u003C\u002Fli>\n  \u003Cli>신용도 판단이나 대출 목적으로 사용하거나 전송하지 않아요\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  개인정보 보호에 대한 자세한 내용은 Web Highlights의 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Flegal\u002Fprivacy-policy\" rel=\"noopener\">개인정보처리방침\u003C\u002Fa>\n   또는 \n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Chrome 웹 스토어\u003C\u002Fa>에서 확인할 수 있어요.\n\u003C\u002Fp>\n\u003Ch2 id=\"start-highlighting\">형광펜 표시 시작하기\u003C\u002Fh2>\n\u003Cp>\n  계정 없이 쓰든 계정을 만들었든 상관없어요. 어떤 웹사이트나 PDF에서든 텍스트에 형광펜 표시를 하면서 바로 시작할 수\n  있어요.\n\u003C\u002Fp>\n\u003Cp>\n  아무 사이트에나 들어가 텍스트를 선택하면 형광펜 아이콘이 나타나고, 여러 형광펜 색상 중에서 고를 수 있어요. 형광펜 표시를\n  하는 모든 방법은 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fhighlight-webpages\">공식 형광펜 표시 가이드\u003C\u002Fa>에 정리돼 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp\"\n    class=\"kg-image\"\n    alt=\"웹사이트의 단어에 형광펜 표시하기\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">웹사이트의 단어에 형광펜 표시하기\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  저처럼 어떤 주제로 글을 쓴다고 해 볼게요. 최근에 쓴 글 중 하나는 웹 컴포넌트(Web Components)에 관한 글이었어요. 이럴 때\n  저는 인터넷에서 자료를 찾고, 글에서 필요한 문단에 형광펜 표시를 해요. 원하는 텍스트를 선택하고 Web Highlights의 형광펜 아이콘을\n  클릭하면 끝이에요. 형광펜 아이콘을 클릭하면 기본 색상으로 표시되고, 옆에 있는 색상 중 하나를 클릭해도 돼요.\n\u003C\u002Fp>\n\u003Cp>\n  영상으로 보는 게 더 편하다면, 첫 형광펜 표시부터 아래에서 다루는 메모, 태그, 대시보드까지 전체 흐름을 이 짧은 영상에서 볼\n  수 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-embed-card\">\n  \u003Ciframe\n    width=\"560\"\n    height=\"315\"\n    src=\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FFsjHgjO5SQc\"\n    frameborder=\"0\"\n    loading=\"lazy\"\n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n    referrerpolicy=\"strict-origin-when-cross-origin\"\n    allowfullscreen=\"\"\n    title=\"웹사이트의 텍스트에 형광펜 표시하는 방법\"\n  >\u003C\u002Fiframe>\n\u003C\u002Ffigure>\n\u003Cp>\n  팝업이 뜨는 게 싫을 때도 있죠. 그럴 때는 설정에서 형광펜의 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintroduction\u002Fhelpful-settings\">자동 팝업을 끌 수 있어요\u003C\u002Fa>.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp\"\n    class=\"kg-image\"\n    alt=\"설정에서 형광펜 팝업 끄기\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1004\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp            2016w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">설정에서 형광펜 팝업 끄기\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  걱정하지 마세요. 팝업을 꺼도 텍스트를 선택한 뒤 마우스 오른쪽 버튼을 클릭하면 형광펜 표시를 할 수 있어요. 컨텍스트 메뉴에\n  Web Highlights 아이콘이 보이면 \n  \u003Cstrong>\u003Cem>선택한 텍스트에 형광펜 표시\u003C\u002Fem>\u003C\u002Fstrong>\n   항목을 클릭하세요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*45pk7DvDQazr3zCVIcW_dQ.png\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 컨텍스트 메뉴\"\n    loading=\"lazy\"\n    width=\"1506\"\n    height=\"698\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">컨텍스트 메뉴\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n   \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fkeyboard-shortcuts\">단축키\u003C\u002Fa>도 쓸 수 있어요. 주소창에 chrome:\u002F\u002Fextensions\u002Fshortcuts 주소를 붙여 넣으면 단축키를 직접 정할 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  긴 글에 형광펜 표시를 할 때는 측면 패널 상단에서 빠른 형광펜을 켜 보세요(Alt+Q, Mac에서는 Option+Q). 선택하는 텍스트마다\n  현재 색상으로 바로 형광펜 표시가 돼요. 팝업도, 추가 클릭도 없어요.\n\u003C\u002Fp>\n\u003Ch3 id=\"create-tags-notes\">태그와 메모 만들기\u003C\u002Fh3>\n\u003Cp>\n  형광펜 표시를 하고 나면 팝업이 나타나고, 여기서 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Ftags-and-organization\">태그\u003C\u002Fa>를 달거나 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fnotes\">메모\u003C\u002Fa>를 남길 수 있어요. 예를 들어 저는 나중에 웹 앱에서 형광펜 표시와 메모를 쉽게 찾으려고 \n  \u003Cstrong>\u003Cem>\"mental-health\"\u003C\u002Fem>\u003C\u002Fstrong>\n   태그를 골랐어요. 형광펜 표시는 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fsidebar\">측면 패널\u003C\u002Fa>에서도 보고 수정할 수 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights로 형광펜 표시하기\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"760\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\">로 형광펜 표시하기\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  태그를 클릭하면 그 태그가 달린 형광펜 표시와 페이지를 언제든 모아 볼 수 있어요. 측면 패널에서는 이렇게 보여요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp\"\n    class=\"kg-image\"\n    alt=\"태그별로 묶인 형광펜 표시와 페이지\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1031\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">태그별로 묶인 형광펜 표시와 페이지\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"find-your-highlights-in-the-web-app\">웹 앱에서 형광펜 표시 찾기\u003C\u002Fh3>\n\u003Cp>\n  여러 페이지에 형광펜 표시를 해 두었다면 \n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa>에 로그인해서 언제 어디서든 찾아볼 수 있어요.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>ℹ️ 웹 앱은 위에서 설명한 대로 계정을 만든 경우에만 쓸 수 있어요.\u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cp>대시보드는 이렇게 생겼어요. 저는 이미 형광펜 표시를 꽤 많이 해 두었죠.\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cimg\n  src=\"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fscreenshots\u002Fcypress\u002Fweb-app\u002Fdashboard-overview.png\"\n  alt=\"Web Highlights 대시보드\"\n\u002F>\n\u003C!--kg-card-end: html-->\n\u003Cp>\n  기본적으로 형광펜 표시를 한 페이지는 날짜별로 묶이고, 만든 시간 순서로 정렬돼요. 웹사이트별로 묶거나 묶기를 아예 끌 수도\n  있어요.\n\u003C\u002Fp>\n\u003Cp>\n  웹 앱은 \n  \u003Cstrong>그리드\u003C\u002Fstrong>, \n  \u003Cstrong>목록\u003C\u002Fstrong>, \n  \u003Cstrong>메이슨리\u003C\u002Fstrong>\n   레이아웃을 지원하고, 원하는 보기는 섹션마다 기억돼요. 그래서 페이지는 목록으로, 형광펜 표시는 그리드로 보는 식으로\n  매번 다시 설정하지 않아도 돼요. 형광펜 표시를 한 페이지를 클릭하면 그 페이지에서 한 형광펜 표시를 모두 볼 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  예를 들어 아래는 Tiago Forte가 만든 강력한 정리 기법인 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\n    PARA 방법\u003C\u002Fa>에 관한 페이지에서 제가 한 형광펜 표시예요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp\"\n    class=\"kg-image\"\n    alt=\"형광펜 표시를 한 페이지: PARA 방법\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1070\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">형광펜 표시를 한 페이지:\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\n      \u003Cspan style=\"white-space: pre-wrap\">PARA 방법\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  왼쪽 탐색 메뉴에서 형광펜 표시를 한 페이지와 형광펜 표시를 오가며 볼 수 있어요. \"페이지\"에는 형광펜 표시를 한 페이지가\n  보이고, \"형광펜 표시\"로 바꾸면 페이지를 열지 않고도 모든 형광펜 표시를 볼 수 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp\"\n    class=\"kg-image\"\n    alt=\"그리드 보기로 표시된 형광펜 표시\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1012\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp            2000w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">그리드 보기로 표시된 형광펜 표시\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  페이지와 형광펜 표시 말고도 탐색 메뉴에서 \n  \u003Cstrong>메모\u003C\u002Fstrong>, \n  \u003Cstrong>태그\u003C\u002Fstrong>, \n  \u003Cstrong>웹사이트\u003C\u002Fstrong>, \n  \u003Cstrong>작성자\u003C\u002Fstrong>, \n  \u003Cstrong>색상\u003C\u002Fstrong>, \n  \u003Cstrong>AI 요약\u003C\u002Fstrong>, \n  \u003Cstrong>AI 채팅\u003C\u002Fstrong>, \n  \u003Cstrong>문서\u003C\u002Fstrong>, \n  \u003Cstrong>이미지\u003C\u002Fstrong>, \n  \u003Cstrong>컬렉션\u003C\u002Fstrong>을 둘러볼 수 있고, 각각 자체 보기와 정렬 옵션이 있어요. 전체 개요는 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">웹 앱 그리드 및 필터 문서\u003C\u002Fa>를 확인하세요.\n\u003C\u002Fp>\n\u003Ch3 id=\"find-related-highlights-using-tags\">태그로 관련 형광펜 표시 찾기\u003C\u002Fh3>\n\u003Cp>\n  이제 앞에서 만든 \"mental-health\" 태그를 찾아볼게요. 이 태그로 필터를 걸면 목록이 바뀌고, 그 태그를 단 페이지와\n  형광펜 표시만 보여요. 정보를 다시 찾기가 정말 쉬워지죠.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 대시보드\"\n    loading=\"lazy\"\n    width=\"1842\"\n    height=\"1080\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp            1842w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">대시보드\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n   \n  \u003Cstrong>\u003Cem>\"mental-health\"\u003C\u002Fem>\u003C\u002Fstrong>\n   태그가 달린 형광펜 표시가 두 개 있는 게 보이죠.\n\u003C\u002Fp>\n\u003Ch4 id=\"advanced-filters-with-and-or-logic\">AND\u002FOR 조건을 쓰는 고급 필터\u003C\u002Fh4>\n\u003Cp>\n  태그도 좋지만, 자료 범위를 좁히려면 여러 조건을 함께 걸어야 할 때가 있어요. 이럴 때 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">고급 필터\u003C\u002Fa>가 필요해요. 고급 필터는 Ultimate 플랜에 포함돼요.\n\u003C\u002Fp>\n\u003Cp>\n  웹 앱에서 \n  \u003Cstrong>필터 바\u003C\u002Fstrong>를 열고 태그, 웹사이트, 작성자, 색상, 날짜 범위 같은 조건을 추가할 수 있어요. 특히 강력한 점은 필터를 \n  \u003Cstrong>AND\u003C\u002Fstrong>\n   또는 \n  \u003Cstrong>OR\u003C\u002Fstrong>\n   조건으로 묶을 수 있다는 거예요.\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Cstrong>AND\u003C\u002Fstrong>\n     — 항목이 활성 필터를 \n    \u003Cem>모두\u003C\u002Fem> 만족해야 해요(결과가 좁아져요)\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>OR\u003C\u002Fstrong>\n     — 항목이 활성 필터 중 \n    \u003Cem>하나\u003C\u002Fem>만 만족해도 돼요(결과가 넓어져요)\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  예를 들어 저는 AND 조건으로 태그 두 개를 한꺼번에 걸어서 딱 필요한 교집합을 찾을 때가 많아요. 검색창에서 바로 \n  \u003Cstrong>빠른 필터 문법\u003C\u002Fstrong>을 써도 돼요. \n  \u003Ccode>tag:mental-health\u003C\u002Fcode>처럼 입력하고 Enter를 누르면 끝이에요. 시간이 정말 많이 절약돼요.\n\u003C\u002Fp>\n\u003Cp>\n  여기에 더해 \n  \u003Cstrong>보이는 항목 맞춤설정\u003C\u002Fstrong>으로 그리드에 어떤 메타데이터를 보일지 정할 수 있어요. 필요에 따라 제목과 날짜만 보거나 더 자세한 정보를 표시할 수\n  있죠.\n\u003C\u002Fp>\n\u003Ch4 id=\"page-filter\">웹사이트 필터\u003C\u002Fh4>\n\u003Cp>\n  특정 웹사이트로 필터를 걸 수도 있어요. 왼쪽 탐색 메뉴에서 \"웹사이트\"로 이동하면 지금까지 형광펜 표시를 한 모든 웹사이트를 한눈에\n  볼 수 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp\"\n    class=\"kg-image\"\n    alt=\"형광펜 표시를 한 웹사이트 목록\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1007\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp            2264w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">형광펜 표시를 한 웹사이트 목록\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>예를 들어 \"medium.com\"을 선택하면, 전에 주석을 달았거나 북마크한 페이지가 모두 보여요.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp\"\n    class=\"kg-image\"\n    alt=\"medium.com에서 형광펜 표시를 한 페이지\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1057\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp            2296w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">medium.com에서 형광펜 표시를 한 페이지\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch4 id=\"search-filter\">검색 필터\u003C\u002Fh4>\n\u003Cp>찾는 정보를 가장 빨리 찾는 방법은 강력한 전체 텍스트 검색이에요.\u003C\u002Fp>\n\u003Cp>\n  웹 앱 왼쪽 탐색 메뉴에서 \"검색\"을 클릭하고(또는 확장 프로그램 측면 패널의 검색을 쓰고) 입력을 시작하세요. 검색 보기에서는 \n  \u003Cstrong>모든 유형의 항목이 한꺼번에\u003C\u002Fstrong>\n   나와요. 페이지, 형광펜 표시, 태그, 웹사이트, 작성자, 색상, 이미지, AI 요약, AI 채팅까지 검색어와 맞는 모든 것을 한눈에\n  볼 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  예를 들어 아래는 \n  \u003Cstrong>\"habit\"\u003C\u002Fstrong>이 들어간 모든 결과예요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp\"\n    class=\"kg-image\"\n    alt=\"검색어 "Habit"이 적용된 대시보드\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"739\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">검색어 \"Habit\"이 적용된 대시보드\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  여기서 \n  \u003Cstrong>유형 필터\u003C\u002Fstrong>를 추가해 결과를 좁힐 수 있어요. 화살표 키로 필터 드롭다운을 오가며 Enter로 적용하거나, 검색창에서 빠른 입력 문법을\n  바로 써도 돼요.\n\u003C\u002Fp>\n\u003Cp>\n  예를 들어 \n  \u003Ccode>type:highlights\u003C\u002Fcode>를 입력하면 형광펜 표시만 보여요. 형광펜 표시와 페이지를 함께 보는 것처럼 필터를 여러 개 겹쳐 쓸 수도 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  활성 필터는 필터 바에 \n  \u003Cstrong>배지\u003C\u002Fstrong>로 표시되니 무엇이 적용됐는지 한눈에 알 수 있어요. 배지의 ✕를 클릭하면 그 필터가 지워지고, 모두 지우면 전체 결과로\n  돌아가요. 빠르고 키보드로 다루기 좋아서, 필요한 자료를 찾는 일이 정말 간단해져요.\n\u003C\u002Fp>\n\u003Ch3 id=\"saving-bookmarks\">북마크 저장하기\u003C\u002Fh3>\n\u003Cp>\n  Web Highlights는 텍스트에 형광펜 표시를 하는 데만 쓰는 게 아니에요. 나중에 이어서 형광펜 표시를 하거나 그 페이지를 다시\n  찾을 수 있도록 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fsave-bookmarks-with-web-clipper\">페이지를 북마크로 저장\u003C\u002Fa>할 때도 아주 유용해요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp\"\n    class=\"kg-image\"\n    alt=\"북마크 저장하기\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"657\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">북마크 저장하기\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>텍스트를 선택하지 않은 상태에서 아무 웹사이트에서나 마우스 오른쪽 버튼을 클릭하고 \"페이지를 북마크로 저장\"을 골라도 돼요.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp\"\n    class=\"kg-image\"\n    alt=\"마우스 오른쪽 버튼으로 북마크 저장하기\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"896\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">마우스 오른쪽 버튼으로 북마크 저장하기\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"practical-example-save-page-to-reading-list\">활용 예시: 나중에 읽기 목록에 페이지 저장하기\u003C\u002Fh3>\n\u003Cp>\n  저는 흥미로운 글을 발견하면 북마크로 저장하고 \"ToRead\" 태그를 달아 두곤 해요. 나중에 웹 앱에서 그 태그가 달린 페이지만\n  필터로 모아 보면 돼요.\n\u003C\u002Fp>\n\u003Cp>제 나중에 읽기 목록은 이래요.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp\"\n    class=\"kg-image\"\n    alt=\"제 나중에 읽기 목록\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"726\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">제 나중에 읽기 목록\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  한 걸음 더 나아가, 글을 잊지 않도록 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n    \u003Cstrong>알림을 설정\u003C\u002Fstrong>할 수도 있어요\u003C\u002Fa>. 형광펜 표시를 한 페이지에서 시계 아이콘을 클릭하고 날짜와 시간을 고르면 돼요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp\"\n    class=\"kg-image\"\n    alt=\"이메일 알림 설정하기\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"695\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp            2048w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n      \u003Cspan style=\"white-space: pre-wrap\">이메일 알림 설정하기\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>그러면 그 글을 잊지 않도록 알려 주는 이메일을 받게 돼요.\u003C\u002Fp>\n\u003Ch2 id=\"reader-mode-saving-documents\">읽기 모드와 문서 저장\u003C\u002Fh2>\n\u003Cp>\n  제가 거의 매일 쓰는 기능 중 하나가 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Freader-mode\">읽기 모드\u003C\u002Fa>예요. 나중에 볼 글이나 방해 없이 읽고 싶은 글을 찾으면, 측면 패널에서 바로 문서로 저장할 수 있어요. Web Highlights가\n  광고, 팝업, 쿠키 배너 같은 군더더기를 걷어내고 깔끔하게 읽을 수 있는 버전만 남겨 줘요.\n\u003C\u002Fp>\n\u003Cp>\n  읽는 환경도 바꿀 수 있어요. 글꼴 크기, 줄 간격, 레이아웃 너비를 조절하고 라이트, 다크, 세피아, 고대비 모드 중에서 고를 수 있어요.\n  저장한 문서는 웹 앱의 \"문서\" 섹션에서 볼 수 있어서 어떤 기기에서든, 오프라인에서도 다시 열 수 있어요.\n\u003C\u002Fp>\n\u003Ch2 id=\"ai-summary-ai-chat\">AI 요약과 AI 채팅\u003C\u002Fh2>\n\u003Cp>\n  내장 AI를 지원하는 컴퓨터에서 Chrome이나 Microsoft Edge를 쓴다면 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-summary\">AI 요약\u003C\u002Fa>과 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-chat\">AI 채팅\u003C\u002Fa>\n   기능이 마음에 들 거예요. AI 요약은 형광펜 표시와 페이지 내용을 간결하게 정리해 줘요. 모든 처리가 기기 안에서\n  이뤄지기 때문에 데이터가 컴퓨터 밖으로 나가지 않아요.\n\u003C\u002Fp>\n\u003Cp>\n  AI 채팅은 한 걸음 더 나아가 콘텐츠에 대해 대화할 수 있게 해 줘요. 이어서 질문하거나, 특정 부분을 깊이 파고들거나, 어려운\n  주제를 설명해 달라고 할 수 있어요. 핵심만 알면 되는 긴 연구 논문을 읽을 때 특히 유용했어요.\n\u003C\u002Fp>\n\u003Ch2 id=\"youtube-highlighting\">YouTube 형광펜 표시\u003C\u002Fh2>\n\u003Cp>\n  몇 년 전에 있었으면 좋았겠다 싶은 기능이에요. \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 형광펜 표시\u003C\u002Fa>예요. Web Highlights는 YouTube 동영상의 스크립트를 불러와서 일반 글처럼 형광펜 표시를 하고 메모를 달 수 있게 해 줘요.\n  스크립트의 아무 부분이나 클릭하면 동영상이 정확히 그 장면으로 이동해요. 교육 콘텐츠를 많이 보는 분이라면 확실히 달라지는\n  걸 느낄 거예요.\n\u003C\u002Fp>\n\u003Ch2 id=\"exporting-highlights\">형광펜 표시 내보내기\u003C\u002Fh2>\n\u003Cp>\n  자료 조사를 위해 형광펜 표시를 어느 정도 해 두었다면 \n  \u003Cstrong>Notion\u003C\u002Fstrong>이나 \n  \u003Cstrong>Obsidian\u003C\u002Fstrong>\n   같은 다른 도구로 내보내고 싶을 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  그래서 Web Highlights에는 여러 가지 내보내기 기능이 있어요. 메모를 즐겨 쓰는 연구 도구로 쉽게 옮길 수 있어요.\n\u003C\u002Fp>\n\u003Cp>고를 수 있는 내보내기 옵션은 다음과 같아요.\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>Markdown 복사\u003C\u002Fli>\n  \u003Cli>HTML 복사\u003C\u002Fli>\n  \u003Cli>PDF 파일로 내보내기\u003C\u002Fli>\n  \u003Cli>HTML 파일로 내보내기\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fcapacities-export\">Capacities로 내보내기\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fnotion-export\">Notion으로 내보내기\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"\u002Fko\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F\">\n      Obsidian으로 내보내기\n    \u003C\u002Fa>\n     (Markdown 이용)\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  Markdown이나 HTML로 복사하는 건 모든 플랜에서 되고, PDF 파일이나 HTML 파일로 내보내려면 Ultimate가 필요해요. 이 옵션은\n  모두 형광펜 표시를 한 페이지의 점 세 개 아이콘을 클릭하면 나와요. 아래는 자료를 Markdown으로 내보내 Notion 같은 개인 지식 관리(PKM) 도구로\n  가져오는 예시예요.\n\u003C\u002Fp>\n\u003Ch3 id=\"example-copy-markdown\">예시: Markdown 복사\u003C\u002Fh3>\n\u003Cp>\n  웹 앱에서 형광펜 표시를 한 페이지의 \n  \u003Cstrong>\u003Cem>\"Markdown 복사\"\u003C\u002Fem>\u003C\u002Fstrong>를 클릭하면 메타데이터를 포함해 그 페이지의 모든 형광펜 표시가 복사돼요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp\"\n    class=\"kg-image\"\n    alt=\"Markdown 복사\"\n    loading=\"lazy\"\n    width=\"1904\"\n    height=\"972\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp            1904w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Markdown 복사\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>복사한 Markdown을 Notion 같은 곳에 붙여 넣으면 이렇게 보여요.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp\"\n    class=\"kg-image\"\n    alt=\"Notion 스크린샷\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1238\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp            2272w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Notion 스크린샷\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\" rel=\"noopener\">Web Highlights\u003C\u002Fa>는 이미지, 제목, 태그, 형광펜 표시, 메모까지 페이지에 관한 모든 정보를 옮겨 줘요.\n\u003C\u002Fp>\n\u003Ch2 id=\"remember-what-you-read\">읽은 내용 기억하기\u003C\u002Fh2>\n\u003Cp>\n  솔직히 말해서, 온라인에서 읽은 것 중 일주일 뒤에도 기억나는 게 얼마나 될까요? 헤르만 에빙하우스의 고전적인 기억 실험에서는\n  복습하지 않으면 새로 익힌 내용의 약 3분의 2가 단 하루 만에 사라졌어요. 바로 그래서 저는 Web Highlights에 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fspaced-repetition-learning\">간격 반복 학습\u003C\u002Fa>을 넣었어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights의 간격 반복 대시보드\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"675\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights의 간격 반복 대시보드\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  원리는 간단해요. 형광펜 표시가 플래시카드가 되고, Web Highlights가 과학적으로 최적화된 간격에 맞춰 복습할 때를 알려 줘요.\n  내부적으로는 \n  \u003Cstrong>SuperMemo(SM-2) 알고리즘\u003C\u002Fstrong>을 써요. Anki 같은 플래시카드 앱의 기본 스케줄러가 바탕으로 삼은 방식이에요. 잘 아는 카드는 더 나중에, 헷갈리는 카드는\n  더 빨리 다시 나와요.\n\u003C\u002Fp>\n\u003Cp>\n  더 궁금하다면 이 주제를 깊이 다룬 글도 있어요. \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fspaced-repetition-how-to-make-your-readings-stick-in-long-term-memory\u002F\">\n    Spaced Repetition — How to Make Your Readings Stick in Long-Term Memory(영문) \n  \u003C\u002Fa>\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">마치며\u003C\u002Fh2>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\" rel=\"noopener\">Web Highlights\u003C\u002Fa>를 쓰면 자료 정리가 훨씬 효율적이에요. 텍스트에 형광펜 표시를 하고 태그를 달아 두면 온라인에서 본 정보를 언제든 쉽게\n  찾을 수 있어요. 메모는 생각을 정리하는 데 도움이 되고, 내보내기 기능으로 작업 결과를 Notion, Obsidian, Capacities 같은 즐겨\n  쓰는 도구로 옮길 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n   \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fweb-app-grid-and-filters\">AND\u002FOR 조건 고급 필터\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Freader-mode\">방해 없는 읽기 모드\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fai-summary\">AI 요약\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 스크립트 형광펜 표시\u003C\u002Fa>, \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fspaced-repetition-learning\">간격 반복 학습\u003C\u002Fa>\n   같은 기능까지 갖추면서, Web Highlights는 단순한 형광펜을 훌쩍 넘어섰어요. 온라인에서 진지하게 자료를 조사하는\n  모든 분을 위한 지식 관리 도구가 됐어요.\n\u003C\u002Fp>\n\u003Cp>\n  더 알고 싶다면 전체 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintroduction\u002Fgetting-started\">문서\u003C\u002Fa>를 보거나 다른 \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Fuse-cases\">활용 사례\u003C\u002Fa>를 살펴보세요.\n\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"me\">LinkedIn\u003C\u002Fa>으로 연락하거나\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"me\">Twitter\u003C\u002Fa>에서 팔로우해 주세요.\n\u003C\u002Fp>\n\u003C!--kg-card-end: html-->\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",2135,[111,144,160],{"id":112,"slug":113,"title":114,"description":115,"url":116,"publishedAt":117,"createdAt":118,"updatedAt":117,"featured":119,"readingTime":120,"tags":121,"imageUrl":125,"imageAlt":126,"faviconUrl":127,"publishedAtString":117,"category":128,"readTimeString":143},"3d7a95c1e264b08fa7c31de9","best-pdf-chrome-extensions","Top 10 Chrome PDF Extensions: The Great Comparison","Compare the 10 best PDF extensions for Chrome. We tested Web Highlights, Smallpdf, Adobe Acrobat, Kami and more on reading, editing and signing.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-pdf-chrome-extensions\u002F","2026-08-28T10:00:00.000+00:00","2026-08-28T08:30:00.000+00:00",false,23,[122,123,124],"Chrome Extension","comparison","Tools","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F08\u002Fbest-pdf-chrome-extensions.jpg","Top 10 Chrome PDF Extensions","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[129,136],{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.","23 min read",{"id":145,"slug":146,"title":147,"description":148,"url":149,"publishedAt":150,"createdAt":151,"updatedAt":150,"featured":119,"readingTime":152,"tags":153,"imageUrl":154,"imageAlt":155,"faviconUrl":127,"publishedAtString":150,"category":156,"readTimeString":159},"6a44e3e8909b7209ced49a7e","free-online-pdf-highlighter-highlight-any-pdf-no-install","Free Online PDF Highlighter — Highlight Any PDF, No Install","You can't highlight a PDF in Chrome. You can open one and read it, sure. But try to mark a sentence, and there's nothing there to do it with.\n\nI built a PDF highlighter tool, so I hear about this one a lot. My usual answer was: install my browser extension, or install something like Acrobat. Fine advice — unless you've got a single PDF to mark up and no interest in installing anything for it.\n\nSo I built a version that skips all that. It's a web page: open it, drop in a PDF, and highlight away. ","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffree-online-pdf-highlighter-highlight-any-pdf-no-install\u002F","2026-07-01T10:01:26.000+00:00","2026-07-01T09:54:48.000+00:00",5,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fpdf-upload-thumbnail.png","Free Online PDF Highlighter that works without installing any software right in your browser",[157,158],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"5 min read",{"id":161,"slug":162,"title":163,"description":164,"url":165,"publishedAt":166,"createdAt":167,"updatedAt":168,"featured":119,"readingTime":169,"tags":170,"imageUrl":171,"imageAlt":163,"faviconUrl":127,"publishedAtString":166,"category":172,"readTimeString":175},"69247fac2ed30b09fb978171","best-adobe-pdf-alternatives","10 Best Adobe PDF Alternatives","Looking for a lightweight Adobe PDF alternative? Compare the best tools for reading, annotating, editing, and summarizing PDF files in your browser.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-adobe-pdf-alternatives\u002F","2025-12-01T07:21:55.000+00:00","2025-11-24T15:54:20.000+00:00","2026-10-05T10:00:00.000+00:00",11,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fbest-adobe-pdf-alternatives.jpg",[173,174],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"11 min read",[177,182,187,192,197,202],{"reviewer":178,"reviewText":181},{"name":179,"avatarURL":180},"NZ Lee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocIRCAkLv4IR1dlfcDiBRx56ktqJjuBvkw-RxoyKXjGNfPKAmw=s32-mo","그동안 웹페이지 자료는 직접 캡처를 하거나 PDF로 변환해서 하이라이트 표시를 했는데, 앱을 통해 웹상에서 바로 밑줄을 그을 수 있어서 너무나 편합니다. 사용법도 단순하고 직관적이어서 편리해요. 북마크 기능도 자료 아카이빙에 유용하게 사용하고 있습니다.",{"reviewer":183,"reviewText":186},{"name":184,"avatarURL":185},"네미","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJJO9051ZqKn0DUWKWF9rza1fuNsOAsQlpDE0EbT0WlJoAV1Q=s32-mo","너무너무 잘 쓰고 있습니다. 가끔 오류로 인해 (긴 글에 하이라이트를 해 놓은 것들)이 표시가 되지 않을 때가 있지만 (아주 가끔) 그렇지만 긴 글들을 읽고 그때 그때 생각나는 아이디어들을 적기에 너무나도 좋은 앱이라 생각합니다. 그리고 긴 글을 항상 매번 다시 읽을 수는 없는데 이렇게 하이라이트를 해두면 다시 읽을때 중요한 것들만 읽어서 장기기억으로 보낼 수 있어서 좋습니다. 더구나 왼쪽에 팝업으로 내가 하이라이트하고 생각을 쓴 것들을 모아볼 수 있는 점도 매우 추천하는 바입니다.",{"reviewer":188,"reviewText":191},{"name":189,"avatarURL":190},"김동민","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjX4GlypoDUIeB4nW30ekveaoPEDccfLJN3-fkS4BDp4KpB_Z0Tx_g=s32","생성형 AI를 많이 사용하면서, 과거보다 더 많은 정보를 인터넷에 의존하게 되는데, 정보를 정리하고 이해하는데에 중요한 것을 하이라이트 할 수 있다는 것이 정말 큰 장점입니다. 이 것 하나만으로도 이 확장 프로그램의 존재 이유는 충분합니다.",{"reviewer":193,"reviewText":196},{"name":194,"avatarURL":195},"지구","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUSBRTgJy2ceEBHVUM8vU9Ih8BulfxL-EgHjFzZNxdrezM=s32","ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 드디어 찾았네... 얼른 여기로 오세요~~ LINER -> 스크랩된거 볼 때 광고 섞임 + 구글 검색할 때 자꾸 자기 검색결과 섞어서 넣음 Weava -> 제대로 하이라이트 표시 해도 적용 안됨 나머지 -> 최신 업데이트가 2-3년 전임",{"reviewer":198,"reviewText":201},{"name":199,"avatarURL":200},"Hojae Lee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocLbByhhSX_HbsTB7FukB03rwIifvjWZPuO-OAi-SI5BbFqOMQ=s32-mo","유사한 프로그램중에서 제일 좋습니다. 공부의 효율성이 엄청 올라갑니다. 좀 더 써보고 다시 리뷰 또 달게요.",{"reviewer":203,"reviewText":206},{"name":204,"avatarURL":205},"박은송","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKahZEel3jQH4NShOhTC9A0MnhOKgTrEIaXg9AB2AD3XBgQRQ=s32-mo","이 프로그램이 있어서 정리를 잘할 수 있게 되었던 거 같아요. 하지만 오류가 곳곳에 조금씩 있어서 이 부분은 조금 아쉽네요."]