크롬 부가기능
[크롬 확장] 페이지 목차를 팝업으로 표시해주는 - Smart TOC
[크롬 확장] 페이지 목차를 팝업으로 표시해주는 - Smart TOC
2025.02.03긴 내용을 읽다 보면 이전 또는 다음 단락으로 이동해야 할 때가 많다. 하지만 매번 마우스로 스크롤해서 원하는 단락을 찾기 번거롭기 때문에 소제목을 기준으로 탐색하면 훨씬 쉽게 찾을 수 있다. 이런 소제목들은 목차에서 한눈에 확인할 수 있다. 위키피디아 같은 사이트는 사이드바에 목차를 제공하고 현재 보고 있는 단락의 소제목은 굵게 강조 표시된다. 아쉽게도 많은 사이트는 위키피디아 같은 목차를 따로 제공하지 않는다. Smart TOC 라는 크롬 부가기능을 사용하면 현재 페이지의 제목 태그(h1, h2, ...)를 기준으로 사이드바 혹은 플로팅 메뉴 형태로 목차를 볼 수 있다. 부가기능을 설치하고 툴바에 있는 Smart TOC 아이콘을 클릭하면 목차 플로팅 메뉴가 표시된다. 플로팅 메뉴 위치는 드래그해서 ..
[React] 크롬 확장 프로그램 개발 배경 지식 및 튜토리얼
[React] 크롬 확장 프로그램 개발 배경 지식 및 튜토리얼
2024.05.28크롬 확장기능 주요 기능사용자 인터페이스 사용자화 : 브라우저 툴바에 버튼 추가, 사용자 정의 팝업/오버레이 생성 등콘텐츠 스크립트 : 웹페이지에 직접 스크립트를 삽입하여 DOM 조작 가능백그라운드 스크립트 : 브라우저를 사용하는 동안 지속적으로 실행돼서 필요한 기능 제공API 접근 : 북마크/탭/윈도우 관리, 히스토리 조작 등 브라우저의 다양한 영역 접근 가능🔍 탭 이동, capture, zoom 등 다양한 방식으로 제어 가능메시징 시스템 : 확장 기능의 다른 컴포넌트 혹은 웹페이지와 메시지 교환 가능웹 요청 조작 : 네트워크 요청 가로채기, 광고 차단, 프라이버시 보호, 웹 트래픽 관리 등🔍 chrome.webRequest API로 http 요청을 가로채거나 request header 수정 가능사..
[Chrome] 네이버 중고나라 업자 게시물 필터링 확장기능
[Chrome] 네이버 중고나라 업자 게시물 필터링 확장기능
2020.04.12네이버 중고나라에서 원하는 제품을 검색하면 업자 게시물 때문에 개인 판매자 글을 찾기 참 힘들다. 업자 게시판을 따로 만들어 주거나 업자 게시물은 다른 색으로 표시해줬으면 좋겠는데, 아쉽게도 공식적으론 그런 기능은 없다. 다행히 비슷한 기능을 제공하는 크롬 부가기능(확장 기능)이 있다. 등록한 업자 ID의 게시물이나 키워드 직접 추가하여 필터링할 수도 있다. 단순하지만 중고나라를 이용할 때 꽤나 유용하게 쓰인다. 없으면 검색이 불가능할 정도다. 중고나라에서 "맥북" 키워드로 검색해보면 온통 업자들의 매입 게시물로 도배되어 있다. 아래는 확장기능 사용 전/후 비교 화면이다. 키워드에 "매입"만 등록해놔도 꽤 많은 게시물을 거를 수 있다. 확장 기능 다운로드 네이버 카페 필터링, 하이라이트 (중고나라 외에 ..
[추천] 유튜브에서 음악 감상하기 - Streamus
[추천] 유튜브에서 음악 감상하기 - Streamus
2014.09.21오늘은 구글 크롬 사용자들에게 유용한 부가기능을 하나 소개해볼까 합니다. 유튜브엔 사용자가 직접 올린 영상부터 뮤직비디오와 영화 OST까지 정말 다양한 영상 클립들이 올라옵니다. 그래서 그런지 요즘엔 유튜브를 이용해 유료 스트리밍 서비스에서 찾을 수 없었던 노래를 감상하시는 분들이 부쩍 늘었습니다. 하지만 매번 곡이 끝날 때마다 다음 곡을 찾아주는 것도 번거롭고 재생목록을 제공하긴 하지만 탭을 실수로 닫아버리는 경우도 있기 때문에 불편합니다. 하지만 오늘 소개해드리는 Streamus를 이용하면 이런 불편 거리들이 단번에 해소됩니다. 라디오 기능, 재생목록, 옴니박스 검색 등의 기능으로 오히려 유료 음악 스트리밍 서비스보다 더 편리하고 방대한 음악 감상이 가능합니다. 다운로드 Streamus For Chr..
[강추] 더블클릭만으로 네이버 영어 사전을 검색해주는 크롬 부가기능
[강추] 더블클릭만으로 네이버 영어 사전을 검색해주는 크롬 부가기능
2014.06.16과제나 업무로 인해 필요한 정보를 찾기 위해서 네이버를 이용해 검색하면 한정된 검색 결과로 결국 구글을 이용하게 됩니다. 하지만 어느 한 조사기관의 말처럼 영어로 작성된 웹페이지는 한글 페이지보다 무려 50배 이상 많다고 하는데요. 결국 잘 가공된 원하는 정보를 얻기 위해선 영어로 작성된 문서를 독해해야 하는데, 영어를 잘하시는 분이야 괜찮겠지만 저처럼 영문 페이지를 보면 되레 겁부터 먹는 분들 많으실 거예요. 오늘은 그런 분들을 위한 유용한 크롬 사전 부가기능을 소개해볼까 합니다. '네이버 영어사전' 크롬 부가기능은 모르는 영어 단어를 더블클릭만으로 네이버 사전을 통해 뜻을 찾아주고 단축키를 눌러 바로 발음을 들어보거나 사전 페이지로 이동할 수도 있는 등 작지만 유용한 기능을 제공합니다. 평소 자주 가..
이미지 등 픽셀(치수) 값을 알고 싶을 때 유용한 부가기능 - Page ruler
이미지 등 픽셀(치수) 값을 알고 싶을 때 유용한 부가기능 - Page ruler
2013.11.26제 블로그의 본문 폭은 640px입니다. 포스팅 시 사용될 이미지 역시 이 본문 폭 크기에 맞추는 습관이 들었는데, 이미지 길이가 본문 폭 보다 넓으면 모바일 모드에서 화면을 벗어나는 경우가 생기기 때문입니다. 이미지는 보통 자체적인 스크린샷이나 구글, 플리커를 통해 구하는 편인데, 항상 길이가 얼마나 될까 하고 궁금했던 경우가 많습니다. 오늘은 이미지는 물론 각종 페이지 요소들의 치수를 잴 수 있는 크롬 부가기능을 소개해볼까 합니다. 1. Page Ruler 주요 기능 모든 페이지에서 사용 가능 룰러 가장자리 드래그를 통한 리사이즈 기능 룰러 위치 이동 기능 요소분석 모드 기능, 마우스 오버 시 페이지 요소 자동 분석 어느 웹페이지에서나 마우스를 이용해 손쉽게 치수를 잴 수 있습니다. 마우스를 드래그하..
편리한 크롬 맞춤법 검사기 - Spell Checker
편리한 크롬 맞춤법 검사기 - Spell Checker
2013.11.22오랜만에 유용한 크롬 부가기능을 하나 소개해볼까 합니다. 블로그 운영하시는 분들은 글 작성을 마치고 맞춤법이나 띄어쓰기가 제대로 되었는지 한 번씩 확인하실 텐데요. 저도 포스팅 시 띄어쓰기나 사소한 맞춤법이 틀리는 경우가 많아 오늘 소개해드리는 Spell Checker라는 부가기능을 이용해서 도움을 받곤 합니다. 요 부가기능을 사용하기 전엔 항상 네이버 자동 띄어쓰기 페이지를 통해 검사하곤 했는데, Spell Checker를 이용하면서부터 번거롭게 네이버 사이트 접속 없이 검사를 원하는 문장이나 단어에서 마우스 우클릭을 통해 교정하거나 부가기능 도구 모음에서 클릭 한 번으로 해결합니다. Download Spell Checker for Chrome 주요 기능 12가지 언어의 맞춤법 검사 지원 (영어, 한국..
나중에 읽기 서비스 Pocket, 크롬 부가기능 2종
나중에 읽기 서비스 Pocket, 크롬 부가기능 2종
2013.10.06오늘은 나중에 읽기 서비스인 Pocket (Read it later)의 크롬 부가기능 두 종류를 소개해볼까 합니다. Pocket 서비스에 대해 간단하게 설명드리자면...... 인터넷을 서핑하며 뉴스나 블로그 등에서 수많은 기사를 접하게 됩니다. 하지만 그 많은 글들을 그자리에서 다 읽을 수 없죠. 이때 Pocket 서비스인 나중에 읽기 목록에 추가시키면 PC, 아이패드, 아이폰, 안드로이드 등 저장된 문서를 언제 어디서든 다양한 플랫폼에서 읽을 수 있습니다. 특히 광고나 불필요한 프레임들을 자동으로 없애줘 글 읽기에 최적화된 레이아웃을 제공합니다. 배경색도 낮에 읽기 좋은 흰색/베이지 그리고 밤이나 어두울 때를 위한 검은색 총 3가지가 있습니다. 배경색 선택은 포켓 서비스를 애용하는 큰 이유중 하나입니다..
이미지 정보를 보여주는 구글 크롬 부가기능 - Image Properties
이미지 정보를 보여주는 구글 크롬 부가기능 - Image Properties
2013.09.24구글 크롬은 기본적으로 사진 등록정보 보기를 지원하지 않습니다. 그래서 웹서핑 중 마음에 드는 사진이나 이미지를 발견했을 때 크기, 위치, 소스 등을 크롬의 기본적인 기능으론 확인할 방법이 없어 불편할 때가 종종 있는데요, 오늘은 간단한 이미지 정보를 볼 수 있는 크롬 부가기능을 소개하겠습니다. Download Image Properties 지원하는 이미지 정보 이미지 위치 소스(주소) 크기 Alt text 데이터 URL 파일 크기 MIME Type EXIF DATA 사용 방법 웹사이트에서 등록정보를 확인하고 싶은 이미지에 마우스 우클릭 후 나오는 문맥 메뉴 중 Image Properties를 선택하시면 관련 정보 창이 뜹니다. 간단하죠? 사진이나 이미지를 많이 다루시는 분들에게 유용하게 쓰일 수 있는 ..
활성화되지 않은 탭의 메모리를 확보해주는 크롬 부가기능 - TabMemFree
활성화되지 않은 탭의 메모리를 확보해주는 크롬 부가기능 - TabMemFree
2013.04.18인터넷 웹서핑을 하다 보면 자연스럽게 탭을 5개 이상 열어 놓고 사용하는 경우가 많습니다. 하지만 크롬 브라우저의 최대 단점 중 하나가 메모리를 필요 이상으로 많이 잡아먹는 것인데요. 특히 다중 탭의 상황에선 이러한 메모리 누수현상은 더욱 심해집니다. 오늘은 지정한 시간 이내에 활성화되지 않은 탭의 메모리/CPU 낭비를 방지해주는 크롬 부가기능을 소개해볼까 합니다. 📌 TabMemFree 다운로드 설치 후 생성되는 TabMemFree 아이콘을 눌러 실행시키면 활성화되지 않는 탭이 CPU와 메모리 자원을 잡아먹는 현상을 자동으로 방지해줍니다. 설정에선 고정된 탭에 대한 적용 여부(Pinned), 실행 간격(Check Period), 탭 비활성화 시간(Tab timeout) 등을 조절하실 수 있습니다. 참고..
구글 사이트 검색 크롬 부가기능 - Search the current site
구글 사이트 검색 크롬 부가기능 - Search the current site
2013.04.17일반적인 경우 홈페이지에선 사이트 내 검색이 가능하지만 검색 기능이 현저히 떨어져 원하는 것을 찾지 못하는 경우가 허다합니다. 구글 검색의 경우 입력된 키워드와 100% 일치하지 않아도 사용자 검색 DB를 기반으로 관련될 수 있는 여러 가능성을 파악해 결과를 보여줘 검색 만족도가 상당히 높습니다. 그래서 오늘은 이 구글 검색을 이용해 현재 자기가 보고 있는 사이트를 검색해주는 'Search the current site'라는 부가기능을 소개해볼까 합니다. 📌 Download : Search the current site 사용 방법은 정말 간단한데요, 부가기능을 설치하시면 우측 상단 돋보기 모양의 아이콘이 생성됩니다. 돋보기를 눌러 키워드를 입력하여 검색 버튼을 누르시면 현재 보고 있는 사이트(주소창에 나..
[강력추천] 마우스 드래그로 여러 사이트를 검색하는 - mkmenu
[강력추천] 마우스 드래그로 여러 사이트를 검색하는 - mkmenu
2013.04.11파이어폭스에서 구글크롬으로 넘어올때 가장 고민했던 것이, 북마크바를 여러줄로 보여주는(크롬은 북마크가 한줄밖에 표시도지 않습니다) 부가기능과 마우스 드래그 방향에 따라 검색 사이트를 달리 할 수 있는 부가기능이 구글크롬에선 찾아볼 수 없는 이유 때문이였습니다. 전자의 경우 아무리 크롬 웹 스토어를 뒤져도 찾을 수 없었고 Neater Bookmarks와 같은 확장 프로그램으로 대체해야 했습니다. 후자인 마우스 드래그 관련 검색은 비슷한 종류의 크롬 부가기능이 존재했습니다. mkmenu라는 이름을 가진, 크롬 브라우저으로 넘어오게끔 제 마음을 굳혀지게 만들어준 녀석입니다. 한번 사용해보시면 여러 키워드에 대한 검색이 더욱 편리해진다는 걸 느끼실 수 있습니다. 다운로드 mkmenu 기능 살펴보기 ▽ 웹페이지에..