코딩 워크플로를 개선하는 크롬 확장 프로그램

코딩 워크플로를 개선하는 크롬 확장 프로그램: 오영주 / 기사승인 : 2022-06-06 13:25:45

Chrome은 미국 시장조사업체 넷마켓셰어 월별 통계에서 글로벌 PC 브라우저 시장 점유율 71.1%(2020년 기준)를 차지한 인기 프리웨어 웹 브라우저다. 이처럼 대중적인 인기를 얻고 있을 뿐 아니라 개발자용 Chrome을 다운로드해 사용하면 코딩 환경 역시 더욱 효율적으로 구축할 수 있다. 코딩 워크플로에 특히 유용한 확장 프로그램 및 개발을 도와주는 다양한 도구가 기본적으로 제공되기 때문이다.

크롬 개발자도구를 사용하게 되면 개발자와의 원활한 소통은 물론, 때에 따라 손쉽게 디자인 테스트를 해보며 바뀌는 화면을 라이브로 볼 수 있다. 또한, 눈여겨본 웹사이트가 어떤 구조로 이루어져 있고, 어떤 스타일이 들어갔는지 참고하기에도 매우 유용하다. HTML, CSS, JavaScript의 생산성도 극대화할 수 있다. 다음은 외신에서 선별한 ‘개발자에게 특히 유용한 크롬 확장 프로그램 top4’이다.

1. YouCode (You.com)
YouCode는 개발자를 위해 구축된 새로운 유형의 검색 엔진이다. 검색 결과 페이지에서 바로 StackOverflow, W3 Schools 또는 Geeks for Geeks의 코딩 스니펫을 복사하고 측면 패널에서 콘텐츠를 볼 수 있다. 또한 20개 이상의 인기 있는 코딩 웹사이트(Github 및 Towards Data Science 포함)를 지원하며 JSON 유효성 검사기와 Color Picker가 내장되어 있다.

2. web-developer
이 확장은 다양한 웹 개발 도구가 포함된 전체 도구 모음을 브라우저에 추가하기 때문에 웹 개발자에게 필수적이다. div 크기 표시, JavaScript 보기, CSS 스타일 비활성화, alt 속성 표시 또는 메타 태그 정보 보기 등을 포함한다.

3. Window Resizer for Developer
이 확장 기능을 사용하면 모든 화면 크기에서 작업이 잘 보이도록 다양한 화면 해상도를 빠르게 전환할 수 있으며, 미디어 중단점이 예상대로 작동하는지 확인할 수 있다.

4. Wappalyzer
CRM, 프레임워크, 전자상거래 플랫폼, Javascript 라이브러리, 서버 소프트웨어, 분석 도구, 지불 프로세서, 마케팅 도구 및 더 많은 웹사이트가 구축된 내용을 쉽게 찾을 수 있다. 웹사이트의 작동 방식과 작업에 유용한 기술을 더 잘 이해할 수 있다.