[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"chrome-reviews:carousel:ko:12:true":3,"blog-article-ko-how-to-annotate-any-online-article-free-no-installation":64,"chrome-reviews:banner:ko":173},[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":95,"authorName":96,"authorFacebookUrl":97,"authorProfileImage":98,"authorWebsite":99,"authorJobTitle":100,"authorTwitterUrl":101,"wordCount":102,"recommended":103},{"id":66,"slug":67,"type":68,"title":69,"excerpt":70,"metaTitle":71,"metaDescription":72,"canonicalUrl":73,"featureImage":74,"publishedAt":80,"createdAt":81,"updatedAt":80,"featured":82,"readingTime":83,"tags":84,"author":94,"recommendedSlugs":73,"contentUpdatedAt":73,"faq":73},"681e43c53bcdf409d92de89c","how-to-annotate-any-online-article-free-no-installation","post","웹페이지에 형광펜 표시하고 주석 다는 법 (무료, 설치 없이)","무료 온라인 형광펜 도구로 어느 웹사이트에서나 형광펜 표시를 해 보세요. 설치도 계정도 필요 없어요. 웹페이지에 메모를 달고 Markdown으로 내보낼 수 있어요.","웹페이지 형광펜 표시·메모, 설치 없이 무료로","URL만 붙여넣고 웹페이지에 형광펜 표시와 메모를 남겨요. 설치도 계정도 필요 없고, Markdown으로 복사해 Notion에 옮길 수 있어요.",null,{"url":75,"alt":76,"caption":77,"width":78,"height":79},"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fhow-to-annotate-any-online-article-free-no-installation.jpg","펼쳐진 책. 왼쪽 페이지의 한 구절이 노란 형광펜으로 표시돼 있고, 책 가운데에 노란 형광펜이 놓여 있어요.","\u003Cspan style=\"white-space: pre-wrap;\">사진: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@aaronburden?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Aaron Burden\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-05T10:00:00.000+00:00","2025-05-09T18:04:53.000+00:00",false,5,[85,88,91],{"name":86,"slug":87},"FAQ, Tutorials, and Help","faq",{"name":89,"slug":90},"Note-Taking","note-taking",{"name":92,"slug":93},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  온라인 기사나 웹사이트에 형광펜 표시를 하고 싶은데, 뭔가를 설치하기는 번거로운가요?\n  지금 바로, 무료로 할 수 있어요. 계정도 필요 없어요.\n\u003C\u002Fp>\n\u003Cp>\n  \u003Cem>\n    \u003Cstrong>요약:\u003C\u002Fstrong>\n    \u003Cbr \u002F>\n    공개된 웹페이지 URL을\n  \u003C\u002Fem>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fhighlight-website\">\u003Cem>무료 형광펜 도구\u003C\u002Fem>\u003C\u002Fa>\u003Cem>에 붙여넣고 \"형광펜 표시\"를 클릭하면, 바로 페이지에 형광펜 표시를 하고 메모를 남길 수 있어요.\n    설치도 계정도 필요 없어요.\n  \u003C\u002Fem>\n\u003C\u002Fp>\n\u003Ch2 id=\"introduction\">들어가며\u003C\u002Fh2>\n\u003Cp>형광펜은 종이책이나 PDF에만 쓰는 게 아니에요.\u003C\u002Fp>\n\u003Cp>\n  온라인에서 기사나 블로그 글, 논문을 읽다 보면 중요한 부분에 형광펜 표시를 하고, 옆에 메모를 달고, 생각을\n  정리하고 싶을 때가 있죠. 다른 곳으로 옮기지 않고, 그 페이지 위에서요.\n\u003C\u002Fp>\n\u003Cp>\n  저희 무료 형광펜 도구로 바로 그렇게 할 수 있어요.\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Finstall\">브라우저 확장 프로그램을 설치\u003C\u002Fa>하지 않아도 되고, 계정을 만들 필요도 없어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fhighlight-website\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">무료 온라인 웹사이트 형광펜 도구\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        공개된 웹페이지라면 어디든 무료로 형광펜 표시하고 주석을 달아요. 메모를 추가하고, 여러 색을 쓰고,\n        전부 Markdown으로 복사할 수 있어요. 계정은 필요 없어요.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg\n          class=\"kg-bookmark-icon\"\n          src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Ficon\u002Ficon-512x512-9.webp\"\n          alt=\"\"\n        \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">무료 온라인 웹사이트 형광펜 도구\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Fthumbnail\u002Fwh-thumbnail-7.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"why-highlight-webpages-online\">웹페이지에 왜 형광펜 표시를 할까요?\u003C\u002Fh2>\n\u003Cp>웹에서도 형광펜은 이럴 때 유용해요.\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>기사, 블로그 글, 논문에서 핵심을 기억하기\u003C\u002Fli>\n  \u003Cli>여러 색의 형광펜으로 생각을 정리하기\u003C\u002Fli>\n  \u003Cli>형광펜 표시를 Markdown으로 복사해 메모 앱에 옮겨 두고, 공부하거나 공유하거나 나중에 다시 보기\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  게다가 온라인 도구라서 아무것도 설치하지 않아도 되고, 계정을 만들 필요도 없어요. 복사하고, 붙여넣고,\n  형광펜 표시를 하면 끝이에요!\n\u003C\u002Fp>\n\u003Ch2 id=\"how-it-works-highlight-any-website-in-3-simple-steps\">\n  어떻게 쓰나요? 세 단계로 웹사이트에 형광펜 표시하기\n\u003C\u002Fh2>\n\u003Ch3 id=\"1-enter-the-website-url\">1. 웹사이트 URL 입력하기\u003C\u002Fh3>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fhighlight-website\">\n    \u003Cimg alt=\"기사 URL을 붙여넣는 입력란이 있는 무료 온라인 웹사이트 형광펜 도구\"\n      src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ffree-highlighter-tool.webp\"\n      class=\"kg-image\"\n      loading=\"lazy\"\n      width=\"2000\"\n      height=\"852\"\n      srcset=\"\n        \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ffree-highlighter-tool.webp   600w,\n        \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ffree-highlighter-tool.webp 1000w,\n        \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ffree-highlighter-tool.webp 1600w,\n        \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ffree-highlighter-tool.webp            2376w\n      \"\n      sizes=\"(min-width: 720px) 720px\"\n    \u002F>\n  \u003C\u002Fa>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">형광펜 표시하고 싶은 웹사이트의 URL을 붙여넣어요\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fhighlight-website\">무료 형광펜 도구\u003C\u002Fa>를 열고, 형광펜 표시하고 싶은 공개 웹페이지의 URL을 붙여넣으세요. 기사, 블로그, 논문처럼 글이 많은\n  페이지에서 쓰기 좋아요.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cstrong>참고\u003C\u002Fstrong>: 로그인이나 유료 구독이 필요한 페이지에서는 이 도구가 작동하지 않아요. 그런 페이지라면\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Finstall\">무료 브라우저 확장 프로그램을 설치\u003C\u002Fa>해 보세요.\n\u003C\u002Fblockquote>\n\u003Cp>\n  그러면 형광펜 도구가 페이지 내용을 가져와 보기 좋게 정리한 뒤 읽기 모드로 열어 줘요. 거기서\n  바로 텍스트에 형광펜 표시를 하고 메모를 남길 수 있어요.\n\u003C\u002Fp>\n\u003Ch3 id=\"2-start-highlighting\">2. 형광펜 표시 시작하기\u003C\u002Fh3>\n\u003Cp>\n  URL을 제대로 입력했다면 \"형광펜 표시\"를 클릭하세요. 웹사이트가\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Freader-mode\">깔끔한 읽기 모드 화면\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=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhighlighting-min.png\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 형광펜 도구 스크린샷. 왼쪽에는 저장된 형광펜 표시와 메모가, 오른쪽에는 형광펜 표시된 텍스트와 색 선택지가 있는 웹페이지가 보여요.\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"900\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhighlighting-min.png   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhighlighting-min.png 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhighlighting-min.png 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhighlighting-min.png 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\u003Cp>\n  형광펜 표시를 하면 측면 패널에 바로 나타나요. 거기서\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fnotes\">메모\u003C\u002Fa>를 쓰고, 정리하기 쉽게\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Ftags-and-organization\">태그\u003C\u002Fa>를 달 수 있어요.\n\u003C\u002Fp>\n\u003Cp>\n  형광펜 표시를 클릭해도 팝업이 열려서, 바로 메모와 태그를 추가할 수 있어요.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ftake-notes.png\"\n    class=\"kg-image\"\n    alt=\"웹페이지에서 형광펜 표시된 텍스트와, CODE 방법(Capture, Organize, Distill, Express)을 설명하는 메모 팝업 스크린샷\"\n    loading=\"lazy\"\n    width=\"1940\"\n    height=\"670\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ftake-notes.png   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ftake-notes.png 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ftake-notes.png 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Ftake-notes.png            1940w\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  다시 보여요. 지금까지 형광펜 표시한 페이지도 전부 측면 패널에서 찾을 수 있어요.\n\u003C\u002Fp>\n\u003Ch3 id=\"3-export-your-highlights\">3. 형광펜 표시 내보내기\u003C\u002Fh3>\n\u003Cp>\n  이 도구로 할 수 있는 건 이 글에서 다 소개하지 못할 만큼 많아요.\n  \u003Cbr \u002F>\n  그중에서도 특히 쓸모 있는 건, 형광펜 표시 전체를 원하는 메모 앱에 바로 붙여넣을 수 있다는 점이에요.\n\u003C\u002Fp>\n\u003Cp>\n  무료 계정이 있으면 Web Highlights에서 클릭 한 번으로\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fnotion-export\">Notion\u003C\u002Fa>이나\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fcapacities-export\">Capacities\u003C\u002Fa>로 내보낼 수 있어요(무료 플랜에서는 각각 하루 한 번). 계정이 없어도\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Fintegrations\u002Fmarkdown-export\">Markdown 내보내기\u003C\u002Fa>로 형광펜 표시를 어떤 개인 지식 관리(PKM) 도구에든 옮길 수 있어요.\n\u003C\u002Fp>\n\u003Cp>예를 들어 형광펜 표시와 메모를 Notion으로 내보내는 방법은 이래요.\u003C\u002Fp>\n\u003Col>\n  \u003Cli>\n    측면 패널의 점 세 개 아이콘을 클릭하고 \"Markdown 복사\"를 선택하세요. 형광펜 표시, 메모, 태그가\n    클립보드에 복사돼요.\n  \u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg alt=\"형광펜 표시를 내보내는 Markdown 복사 항목이 있는 내보내기 메뉴\"\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fclick-copy-markdown.webp\"\n    class=\"kg-image\"\n    loading=\"lazy\"\n    width=\"1444\"\n    height=\"704\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fclick-copy-markdown.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fclick-copy-markdown.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fclick-copy-markdown.webp            1444w\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\u003Col start=\"2\">\n  \u003Cli>\n    복사한 내용을 Notion에 붙여넣으세요. 웹사이트 미리보기 이미지, 태그, 메모를 포함해 형광펜 표시한 정보가\n    전부 Notion 페이지로 정리돼요.\n  \u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fnotion-markdown-export.webp\"\n    class=\"kg-image\"\n    alt=\"Markdown 내용을 붙여넣은 Notion 페이지 스크린샷. 블로그 글 제목, 링크, 태그, 형광펜 표시한 인용문, CODE 방법을 요약한 글머리 기호 목록이 보여요.\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1099\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fnotion-markdown-export.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fnotion-markdown-export.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fnotion-markdown-export.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fnotion-markdown-export.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Notion으로 내보낸 Markdown 내용\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  물론 Notion에서만 되는 건 아니에요. Obsidian, Capacities, Logseq, Craft처럼 Markdown을 지원하는 메모 앱이라면\n  어디서든 돼요.\n\u003C\u002Fp>\n\u003Ch2 id=\"try-it-now%E2%80%94no-installation-needed\">설치 없이 지금 바로 써 보세요\u003C\u002Fh2>\n\u003Cp>\n  시작해 볼까요?\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fhighlight-website\">무료 온라인 웹사이트 형광펜 도구\u003C\u002Fa>를 열고 이렇게 해 보세요.\n\u003C\u002Fp>\n\u003Col>\n  \u003Cli>기사나 웹페이지 URL을 붙여넣어요\u003C\u002Fli>\n  \u003Cli>\"형광펜 표시\"를 클릭해요\u003C\u002Fli>\n  \u003Cli>텍스트를 선택해 형광펜 표시를 하면 돼요!\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>정말 이게 다예요.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Finstall\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">브라우저에 Web Highlights 설치하기\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        브라우저 확장 프로그램을 설치해 웹사이트와 PDF에 형광펜 표시를 하고 주석을 달아 보세요. 무료이고, 쓰기\n        쉽고, 계정은 필요 없어요.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg\n          class=\"kg-bookmark-icon\"\n          src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Ficon\u002Ficon-512x512-11.webp\"\n          alt=\"\"\n        \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">브라우저에 Web Highlights 설치하기\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002Fthumbnail\u002Fwh-thumbnail-9.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"frequently-asked-questions\">자주 묻는 질문\u003C\u002Fh2>\n\u003Ch3 id=\"can-i-highlight-websites-that-require-a-login\">\n  로그인이 필요한 웹사이트에도 형광펜 표시를 할 수 있나요?\n\u003C\u002Fh3>\n\u003Cp>\n  비공개 페이지나 유료 구독 페이지라면\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Finstall\">브라우저 확장 프로그램 설치\u003C\u002Fa>를 추천해요. 확장 프로그램은 브라우저에서 열 수 있는 페이지라면 로그인이나 유료 구독이 필요한 페이지에서도\n  작동해요.\n\u003C\u002Fp>\n\u003Ch3 id=\"will-my-highlights-be-saved\">형광펜 표시는 저장되나요?\u003C\u002Fh3>\n\u003Cp>\n  네! 형광펜 표시는 브라우저에 저장되고, 브라우저 데이터를 지우기 전까지 남아 있어요. 계속 보관하고 싶다면\n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002Fauth\u002Fsign-up\">무료 계정을 만들거나\u003C\u002Fa>\n  확장 프로그램을 쓰면 돼요. 기기 간 동기화는 처음 7일 동안 무료이고, 그 이후에는 유료 플랜에 포함돼요.\n\u003C\u002Fp>\n\u003Ch3 id=\"what-colors-can-i-use\">어떤 색을 쓸 수 있나요?\u003C\u002Fh3>\n\u003Cp>\n  엄선한\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fko\u002Ffeatures\u002Fhighlight-webpages\u002Fmultiple-color-highlighting\">기본 색과 파스텔 톤\u003C\u002Fa>\n  팔레트에서 고를 수 있어요. 노랑, 초록, 파랑, 보라, 분홍이 있고, 나만의 컬러 코딩 규칙도 직접 만들 수\n  있어요.\n\u003C\u002Fp>\n\u003Ch3 id=\"can-i-highlight-a-pdf-the-same-way\">PDF에도 같은 방법으로 형광펜 표시를 할 수 있나요?\u003C\u002Fh3>\n\u003Cp>\n  네.\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fko\u002Ftools\u002Fpdf-highlighter\">무료 온라인 PDF 형광펜 도구\u003C\u002Fa>도 설치나 계정 없이 쓸 수 있어요. PDF를 열고 형광펜 표시를 한 다음, 표시한 그대로 다운로드하거나\n  인쇄하면 돼요. 파일은 한 시간 동안만 보관되니, 카운트다운이 끝나기 전에 다운로드하세요.\n\u003C\u002Fp>\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",700,[104,135,149],{"id":105,"slug":106,"title":107,"description":108,"url":109,"publishedAt":110,"createdAt":110,"updatedAt":110,"featured":82,"readingTime":111,"tags":112,"imageUrl":116,"imageAlt":117,"faviconUrl":118,"publishedAtString":110,"category":119,"readTimeString":134},"1cb0997f3cadb4edf42cbefd","readwise-alternative","Readwise Alternative: Web Highlights vs Readwise Reader (2026)","Looking for a cheaper Readwise alternative? An honest comparison of Web Highlights and Readwise Reader: price, highlighting, PDFs, flashcards vs daily review, exports — and what Readwise does better.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Freadwise-alternative\u002F","2026-10-06T12:00:00.000Z",6,[113,114,115],"comparison","Chrome Extension","Reading","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F10\u002Fweb-highlights-og.png","Highlight any website or PDF with Web Highlights","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[120,127],{"type":121,"title":122,"shortTitle":123,"icon":124,"description":125,"excerpt":126},"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":128,"title":129,"shortTitle":130,"icon":131,"description":132,"excerpt":133},"learning","Retain What You Read with Web Highlights","Learning","repeat","Most of what we read is forgotten within days. Web Highlights turns your highlights into spaced repetition flashcards so you can actively review and lock knowledge into long-term memory.","Spaced repetition and active recall beat passive re-reading. Web Highlights connects what you highlight on the web and in PDFs to short review sessions, so quotes and facts resurface when your brain needs them—not only when you remember to open the source again.","6 min read",{"id":136,"slug":137,"title":138,"description":139,"url":140,"publishedAt":141,"createdAt":141,"updatedAt":141,"featured":82,"readingTime":142,"tags":143,"imageUrl":116,"imageAlt":117,"faviconUrl":118,"publishedAtString":141,"category":145,"readTimeString":148},"a0e18cfd74fc51139aef4450","glasp-alternative","Glasp Alternative: Web Highlights vs Glasp (2026 Comparison)","Looking for a Glasp alternative? An honest comparison of Web Highlights and Glasp: private highlights, PDFs, AI, flashcards, exports and price — and what Glasp still does better.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fglasp-alternative\u002F","2026-10-01T12:00:00.000Z",7,[113,114,144],"Research",[146,147],{"type":121,"title":122,"shortTitle":123,"icon":124,"description":125,"excerpt":126},{"type":128,"title":129,"shortTitle":130,"icon":131,"description":132,"excerpt":133},"7 min read",{"id":150,"slug":151,"title":152,"description":153,"url":154,"publishedAt":155,"createdAt":156,"updatedAt":157,"featured":82,"readingTime":158,"tags":159,"imageUrl":161,"imageAlt":162,"faviconUrl":118,"publishedAtString":155,"category":163,"readTimeString":172},"3d7a95c1e264b08fa7c31de9","best-pdf-chrome-extensions","Top 10 Chrome PDF Extensions: The Great Comparison","Compare the 10 best PDF extensions for Chrome — Web Highlights, Smallpdf, Adobe Acrobat, Kami and more — for 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","2026-10-07T12:00:00.000+00:00",23,[114,113,160],"Tools","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F08\u002Fbest-pdf-chrome-extensions.jpg","Top 10 Chrome PDF Extensions",[164,165],{"type":121,"title":122,"shortTitle":123,"icon":124,"description":125,"excerpt":126},{"type":166,"title":167,"shortTitle":168,"icon":169,"description":170,"excerpt":171},"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",[174,179,184,189,194,199],{"reviewer":175,"reviewText":178},{"name":176,"avatarURL":177},"NZ Lee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocIRCAkLv4IR1dlfcDiBRx56ktqJjuBvkw-RxoyKXjGNfPKAmw=s32-mo","그동안 웹페이지 자료는 직접 캡처를 하거나 PDF로 변환해서 하이라이트 표시를 했는데, 앱을 통해 웹상에서 바로 밑줄을 그을 수 있어서 너무나 편합니다. 사용법도 단순하고 직관적이어서 편리해요. 북마크 기능도 자료 아카이빙에 유용하게 사용하고 있습니다.",{"reviewer":180,"reviewText":183},{"name":181,"avatarURL":182},"네미","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJJO9051ZqKn0DUWKWF9rza1fuNsOAsQlpDE0EbT0WlJoAV1Q=s32-mo","너무너무 잘 쓰고 있습니다. 가끔 오류로 인해 (긴 글에 하이라이트를 해 놓은 것들)이 표시가 되지 않을 때가 있지만 (아주 가끔) 그렇지만 긴 글들을 읽고 그때 그때 생각나는 아이디어들을 적기에 너무나도 좋은 앱이라 생각합니다. 그리고 긴 글을 항상 매번 다시 읽을 수는 없는데 이렇게 하이라이트를 해두면 다시 읽을때 중요한 것들만 읽어서 장기기억으로 보낼 수 있어서 좋습니다. 더구나 왼쪽에 팝업으로 내가 하이라이트하고 생각을 쓴 것들을 모아볼 수 있는 점도 매우 추천하는 바입니다.",{"reviewer":185,"reviewText":188},{"name":186,"avatarURL":187},"김동민","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjX4GlypoDUIeB4nW30ekveaoPEDccfLJN3-fkS4BDp4KpB_Z0Tx_g=s32","생성형 AI를 많이 사용하면서, 과거보다 더 많은 정보를 인터넷에 의존하게 되는데, 정보를 정리하고 이해하는데에 중요한 것을 하이라이트 할 수 있다는 것이 정말 큰 장점입니다. 이 것 하나만으로도 이 확장 프로그램의 존재 이유는 충분합니다.",{"reviewer":190,"reviewText":193},{"name":191,"avatarURL":192},"지구","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUSBRTgJy2ceEBHVUM8vU9Ih8BulfxL-EgHjFzZNxdrezM=s32","ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 드디어 찾았네... 얼른 여기로 오세요~~ LINER -> 스크랩된거 볼 때 광고 섞임 + 구글 검색할 때 자꾸 자기 검색결과 섞어서 넣음 Weava -> 제대로 하이라이트 표시 해도 적용 안됨 나머지 -> 최신 업데이트가 2-3년 전임",{"reviewer":195,"reviewText":198},{"name":196,"avatarURL":197},"Hojae Lee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocLbByhhSX_HbsTB7FukB03rwIifvjWZPuO-OAi-SI5BbFqOMQ=s32-mo","유사한 프로그램중에서 제일 좋습니다. 공부의 효율성이 엄청 올라갑니다. 좀 더 써보고 다시 리뷰 또 달게요.",{"reviewer":200,"reviewText":203},{"name":201,"avatarURL":202},"박은송","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKahZEel3jQH4NShOhTC9A0MnhOKgTrEIaXg9AB2AD3XBgQRQ=s32-mo","이 프로그램이 있어서 정리를 잘할 수 있게 되었던 거 같아요. 하지만 오류가 곳곳에 조금씩 있어서 이 부분은 조금 아쉽네요."]