개발 속도를 높여주는 소소한 팁 (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 확인