Logo
Published on
·4 min read

웹 형광펜(하이라이터): Super Simple Highlighter 크롬 확장 프로그램 추천

개요

웹 페이지를 읽다보면 특정 부분을 강조하고 싶을 때가 있습니다.
특히, 기술 문서를 읽을 때는 더욱 그렇습니다.

크롬 웹 스토어에서 'highlight' 키워드로 검색하면다양한 highlight 프로그램이 나옵니다.

저는 그 중 Super Simple Highlighter에 대해 소개하고자 합니다.

참고로, 저는 이 프로그램과 아무 관련 없는 사람으로, 그저 좋아서 소개하는 것입니다.

미리 보기

미리 보기 용으로 각 줄의 앞 부분에 각 스타일별로 하이라이트를 해보았습니다. 아래 이미지와 같습니다.

미리보기

Super Simple Highlighter

특징

✨ 로그인 필요 없음 (동기화 안됨)
  • 로그인으로 기기별 동기화까지되는 프로그램들도 꽤 있지만, 예전에 사용해 본 결과, 제 사용 패턴에는 그다지 필요하지 않아서 선택했습니다.
✨ 본인이 원하는 스타일 지정 가능
  • 미리 정의된 색상들과 스타일(글자 굵게, 이탤릭체로, 밑줄, 취소선, 확대, 인용)이 여러개 있습니다.
  • 미리 정의된 스타일들을 본인 취향에 맞게 추가, 수정할 수 있습니다.
  • 스타일 확인 및 변경은 아래 Options를 확인해 주세요.
✨ 단축키
  • 단축키를 지정하면 원하는 스타일로 강조 표시를 더 쉽게 할 수 있습니다.
  • 단축키 지정하는 방법은 아래 Options > 3. 단축키 설정을 확인해 주세요.
✨ 해당 페이지의 하이라이트 수 표시
  • 확장 프로그램이 브라우저 상단에 고정되어 있는 경우 해당 페이지의 하이라이트 수를 확인할 수 있습니다.
✨ 하이라이트 페이지들 모아 보기
  • Options > Pages 내용 참고
✨ Backup (Export & Import)
  • 기기간 동기화는 되지 않지만 Backup 기능을 통해 Export & Import가 가능합니다.
  • 모든 스타일 설정과 페이지 및 하이라이트 내용을 Export & Import 할 수 있습니다.
  • Options > Maintenance 내용 참고

설치 방법

  1. Super Simple Highlighter 링크 이동

  2. Chrome에 추가 버튼 클릭

  3. 'Super Simple Highlighter'을(를) 추가하시겠습니까? 라는 팝업이 뜨면 확장 프로그램 추가 버튼 클릭

사용 방법

  1. 웹 페이지에서 원하는 텍스트를 드래그하여 선택

  2. 선택한 텍스트에 마우스 오른쪽 버튼 클릭
    (단축키를 설정했다면 단축키로 바로 강조 표시 가능)

  3. Super Simple Highlighter > 원하는 Style(Red, Orange, Bold...) 선택

  4. 해당 도메인에서 처음 사용하는 경우, 승인 요청 팝업이 뜹니다. 허용을 선택

  5. 강조 표시된 텍스트 위에 마우스를 올리면 x 버튼이 나타나고, 클릭하면 강조가 해제됩니다.

Options

Options로 이동 방법

[ 방법 1 ]

  1. 크롬 브라우저 오른쪽 상단의 확장 프로그램(퍼즐 모양 아이콘)을 클릭하면 설치한 확장 프로그램 목록이 나타납니다.

  2. 목록에서 Super Simple Highlighter 프로그램 왼쪽 더보기(세로 ... 아이콘)를 클릭 > 옵션

[ 방법 2 ]

  1. 크롬 브라우저 오른쪽 상단의 확장 프로그램(퍼즐 모양 아이콘)을 클릭하면 설치한 확장 프로그램 목록이 나타납니다.

  2. 목록에서 Super Simple Highlighter 옆에 고정(핀 모양 아이콘)을 클릭하면 브라우저 오른쪽 상단에 해당 프로그램 아이콘이 고정됩니다.

  3. 그 이후부터는 해당 아이콘을 클릭 > 옵션 버튼을 클릭하면 옵션 설정으로 이동합니디.

[ 방법 3 ]

  1. 크롬 브라우저 오른쪽 상단의 확장 프로그램(퍼즐 모양 아이콘)을 클릭하여 가장 아래의 확장 프로그램 관리 버튼을 클릭하면 chrome://extensions/ 페이지로 이동합니다.

  2. Super Simple Highlighter 프로그램의 세부정보 버튼을 클릭

  3. 확장 프로그램 옵션을 클릭하면 옵션 설정으로 이동합니다.

스타일 추가 및 수정

Options > Styles

[ 스타일 추가 ]

  • Styles 탭에서 + Create New Styles... 버튼을 클릭하면 스타일 추가 팝업이 뜹니다.

[ 스타일 수정 ]

  • Styles 탭에서 각 스타일을 클릭하면 스타일 수정 팝업이 뜹니다.
    • 가장 상단의 Enabled를 체크 해제하면 해당 스타일은 강조 표시할 때 스타일 목록에 나타나지 않습니다.

단축키 설정

  1. 크롬 브라우저 오른쪽 상단의 확장 프로그램(퍼즐 모양 아이콘)을 클릭하여 가장 아래의 확장 프로그램 관리 버튼을 클릭하면 chrome://extensions/ 페이지로 이동합니다.

  2. 좌측 단축키 메뉴를 클릭하면 단축키 설정 페이지로 이동합니다.

  3. Super Simple Highlighter 프로그램의 단축키 설정 버튼을 클릭하면 단축키 설정 팝업이 뜹니다.

  4. Options > Styles에 부여된 번호에 단축키를 설정합니다.

    • 단축키는 Highlight #10까지만 설정 가능합니다. 저의 경우 필요없는 스타일을 지워 10개로 줄이고 단축키를 부여했습니다. (저는 Alt + 0 ~ 9 까지 부여했습니다.)
단축키 설정

Pages

Options > Pages

  • 강조 표시한 페이지들을 모아 보여줍니다.
  • 원글 링크 및 강조 표시한 텍스트를 확인할 수 있습니다.
  • Open으로 하이라이트 한 내용을 새창으로 열 수 있습니다.
  • Save As...로 하이라이트 한 내용을 *.md.txt 파일로 저장할 수 있습니다.
  • Copy로 하이라이트 한 내용을 클립보드에 복사할 수 있습니다. (markdown 형식으로 되어있습니다.)
Pages

Maintenance

Options > Maintenance

  • Save Backup... 버튼을 클릭하면 지정된 스타일 및 페이지, 하이라이트 내용이 backup.ldjson 파일로 다운로드 됩니다.
  • 다른 브라우저에서 Load Backup... 버튼을 클릭하면 backup.ldjson 파일을 선택하면 해당 스타일 및 페이지, 하이라이트 내용으로 교체됩니다.