본문으로 건너뛰기

개발 속도를 높여주는 소소한 팁 (Chrome)

· 약 2분

개발을 하다보면 사소한 불편한이 존재하기도 한다. 가령, URL을 저장해두기 애매하여 수 많은 TAB이 방치해두는 것이 대표적인 예가 될 수 있다. 이외에도 더 많은 예가 있지만, 아래에 그 상황에 따라 충족할 만한 Chrome Extension을 나열해 보았다.

URL 클립보드

Google Keep: 구글 Extension. URL만 별도로 모아둘 수 있는 서비스이다.

Pocket: Google Keep과 유사한 서비스이다.

Formatter View

Json Formatter: JSON 데이터를 브라우저상에서 깔끔하게 보여준다.

Front-end DevTool

LiveReload: IDE와 브라우저간의 HTML 수정시 동기화 해준다.

Vue.js devtools: Vue 개발 Extension

React Developer Tools: React 개발 Extension

Mail

Gmail Checker: Gmail 메일 알람을 노티로 띄워준다.

Git

octotree: GitHub 관련 Extension. 좌측 사이드바 메뉴가 생기며 해당 repository 구조를 볼 수 있다.

gitlab tree: GitLab 관련 Extension. 좌측 사이드바 메뉴가 생기며 해당 repository 구조를 볼 수 있다.

etc

Color Picker: 색상코드를 알려준다

Wappalyzer: 해당 URL에서 사용하는 spec을 보여준다.

Test

http://troy.labs.daum.net/: 모바일 기기의 해상도를 한번에 테스트해볼 수 있는 페이지

https://www.ssllabs.com/: SSL 확인