개발에 도움이 되는 툴 즐겨찾기

개발을 하다보면 여러번 확인이 필요한 부분을 툴을 이용하여 한 번 확인으로 해결하는 경우가 있다 이러한 유용한 툴들을 여러 사이트및 개인적으로 알아낸 정보들을 공유를 하기위하여 포스팅을 합니다.

github URL: https://github.com/bkjeon1614/base-document/blob/master/etc/favorite_url.md

IT

• bitly: 문자가 긴 URL을 단축해주는 사이트

• git.io: github repository에 대해 https://git.io/{repo} 형태로 단축

• git branch 학습 사이트: git branch에 대한 개념을 학습할 수 있는 화면 및 튜토리얼 제공

Developer Setting

1. Chrome Plugins

• Black Menu: Google의 모든 앱을 하나의 화면내에서 확인이 가능하다.

  

  
  

• Edit This Cookie: 기존 크롬과 같은 브라우저에서 쿠키를 변조하는 것보다 좀 더 편하게 사용할 수 있다.

  

  
  

• Authenticator: AWS MFA를 사용한다면 유용하게 쓰일 플러그인이다(매번 OTP 번호를 발급받을 때 휴대폰으로 하게 될 경우 불편한 것을 크롬내에서 바로 번호를 발급받을 수 있게 한다. -> 연동은 계정의 QR코드를 스캔하여 세팅한다.)

  

  
  

• JSON Viwer: 브라우저에서 JSON을 formatting하여 표시하는 플러그인

  

  
  

IDE와 같이 네비게이션 사용(github): github를 tree형태로 크롬 익스텐션을 사용하여 볼 수 있다 Octotree를 사용하자

• 크롬 웹 스토어에서 설치 

         

• 실행화면 

           

• Sourcegraph: github code에서 선택한 클래스 등을 사용 or 선언된 곳으로 이동하고 싶을 때 사용하는 플러그인

• JetBrains IDE Support: JetBrain의 IDE(ex: IntelliJ, PhpStorm 등) 사용시 웹 프론트엔드의 디버깅을 IDE내에서 가능하게하는 플러그인