크롬 확장프로그램 구글 번역기 활용하기

많은 분들이 여러 필요에 의해 **Google 번역**을 사용하고 있습니다.

Google 번역

대부분의 개발자는 영어 문서를 많이 읽게 되는데, 이해하기 어려운 부분에서는 Google 번역의 도움을 받아 조금 더 쉽게 일을 진행할 수 있습니다. 그러나 Google 번역을 사용하기 위해 따로 인터넷 창 탭에 페이지를 띄워놓고 번역이 필요한 부분을 복사 붙여넣기 해가며 사용하기에는 분명 번거로운 점이 있습니다.

이때 크롬 확장프로그램으로 제공되는 Google 번역을 사용하면 편리하게 사용할 수 있습니다. 먼저 다음과 같이 Chrome 웹 스토어에서 다운로드를 받습니다.

크롬 확장프로그램 - Google 번역 다운로드

다운로드 후 다음과 같이 옵션을 통해 설정을 변경합니다.

Google 번역 설정1
Google 번역 설정2

Google 번역 크롬 확장프로그램을 다운로드 받고 설정까지 마쳤다면 다음과 같이 번역하고자 하는 부분을 드래그했을 때 크롬 확장프로그램을 통해 자동으로 변역된 결과를 볼 수 있습니다.

크롬 확장프로그램 - Google 번역 사용1

만약 번역하고자 하는 부분의 범위가 크다면 드래그 한 후 상단 우측(주소창 우측)에 있는 크롬 확장프로그램 목록 중 Google 번역 아이콘을 클릭하면 다음과 같이 번역된 결과를 확인할 수 있습니다.

크롬 확장프로그램 - Google 번역 사용2

간단하게 크롬 확장프로그램 Google 번역을 설치한 후 활용해보았습니다. 앞으로 번역이 필요한 부분은 이제 복사 붙여넣기와 같은 번거로운 과정없이 크롬 확장프로그램 Google 번역을 통해서 진행해보세요!

크롬에서 방문한 링크 색상 변경하기

이번 포스팅에서는 **크롬 브라우저에서 방문했던 페이지의 링크 색상**을 디폴트 색상보다 조금 더 보기 쉬운 색상으로 변경해보려 합니다.

먼저 이해하기 쉽게 변경 전의 화면변경 후의 화면을 스크린샷을 통해 보겠습니다.

변경 전 방문한 링크 색상
변경 후 방문한 링크 색상

위와 같이 방문했던 페이지의 링크 색상을 변경함으로써 조금 더 쉽게 자신이 방문했던 페이지를 식별할 수 있습니다. 그럼 지금부터 위와 같이 색상을 변경하기 위한 작업을 진행해보겠습니다.

먼저, 검색을 통해 **크롬 웹 스토어**에서 **Stylish**라고 하는 **확장도구(chrome extension)**를 설치합니다.

Stylish 검색
Stylish 설치

Stylish를 설치한 후 Create New Style을 클릭해 새로운 Style을 생성합니다.

새로운 스타일 추가

다음과 같이 방문했던 링크의 색상을 변경하는 css 코드를 작성하고 Applies to에 변경된 해당 css 코드를 적용하고 싶은 사이트를 기재합니다. (색상은 원하시는 색으로 변경이 가능합니다. 저는 구글과 네이버 검색결과에 적용되도록 설정했습니다.)

1
2
3
a:visited {
color: red !important
}

새로운 스타일 저장

작성이 완료되면 SAVE 버튼을 통해 저장을 합니다. 이제 해당 커스텀 style이 적용된 결과를 확인할 수 있습니다.
커스텀 style이 적용된 화면