CWN(CHANGE WITH NEWS) - 코딩 워크플로를 개선하는 크롬 확장 프로그램

  • 맑음북창원6.7℃
  • 맑음통영7.3℃
  • 흐림서청주1.5℃
  • 맑음순창군4.9℃
  • 맑음북부산6.6℃
  • 맑음성산12.4℃
  • 구름조금영월-0.6℃
  • 구름조금강릉4.2℃
  • 구름많음흑산도7.9℃
  • 맑음영천5.7℃
  • 맑음영광군7.9℃
  • 흐림강화-0.3℃
  • 흐림인제-2.3℃
  • 맑음진주6.6℃
  • 흐림백령도1.1℃
  • 구름많음부여3.3℃
  • 맑음남원6.2℃
  • 흐림홍성1.0℃
  • 맑음임실5.6℃
  • 흐림상주3.5℃
  • 맑음경주시5.5℃
  • 맑음울진4.8℃
  • 구름많음서산1.7℃
  • 맑음부산6.9℃
  • 맑음의성3.7℃
  • 구름많음동해4.9℃
  • 맑음울산7.8℃
  • 구름조금합천6.7℃
  • 흐림청주2.2℃
  • 구름조금북강릉3.9℃
  • 맑음문경1.0℃
  • 맑음양평-0.8℃
  • 맑음영덕4.0℃
  • 맑음함양군7.1℃
  • 맑음청송군1.5℃
  • 구름많음군산3.3℃
  • 흐림세종2.2℃
  • 구름많음속초3.0℃
  • 흐림천안2.3℃
  • 맑음해남7.8℃
  • 맑음장흥6.6℃
  • 구름조금대구6.4℃
  • 구름많음서울0.0℃
  • 구름많음서귀포13.5℃
  • 맑음제천-0.5℃
  • 맑음김해시5.4℃
  • 흐림홍천-1.1℃
  • 맑음완도6.6℃
  • 맑음보성군6.7℃
  • 맑음정읍6.2℃
  • 흐림금산5.6℃
  • 맑음산청5.7℃
  • 흐림추풍령4.5℃
  • 맑음남해6.0℃
  • 흐림장수5.0℃
  • 맑음영주-0.1℃
  • 맑음양산시6.9℃
  • 구름조금고산13.4℃
  • 흐림대전3.3℃
  • 구름조금광주7.6℃
  • 구름조금구미2.8℃
  • 흐림수원1.2℃
  • 흐림북춘천-3.1℃
  • 맑음진도군7.8℃
  • 맑음고흥7.3℃
  • 구름많음제주12.0℃
  • 맑음봉화-0.8℃
  • 구름많음보령4.3℃
  • 맑음원주-0.5℃
  • 구름조금대관령-4.1℃
  • 구름조금전주6.2℃
  • 맑음밀양6.6℃
  • 맑음안동2.5℃
  • 구름조금광양시7.2℃
  • 맑음정선군-0.6℃
  • 맑음포항6.9℃
  • 맑음고창7.7℃
  • 흐림인천0.3℃
  • 흐림철원-3.6℃
  • 맑음거창6.2℃
  • 구름많음파주-3.5℃
  • 맑음울릉도3.4℃
  • 맑음창원5.2℃
  • 구름많음목포8.5℃
  • 흐림춘천-1.6℃
  • 맑음고창군8.0℃
  • 구름조금태백-1.2℃
  • 맑음거제6.0℃
  • 맑음여수5.9℃
  • 맑음이천-1.6℃
  • 흐림충주0.0℃
  • 흐림보은3.4℃
  • 맑음의령군6.8℃
  • 맑음순천6.5℃
  • 흐림동두천-1.3℃
  • 맑음부안5.6℃
  • 구름조금강진군7.4℃
  • 2026.01.14 (수)

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

오영주 / 기사승인 : 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 라이브러리, 서버 소프트웨어, 분석 도구, 지불 프로세서, 마케팅 도구 및 더 많은 웹사이트가 구축된 내용을 쉽게 찾을 수 있다. 웹사이트의 작동 방식과 작업에 유용한 기술을 더 잘 이해할 수 있다.


[저작권자ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]

최신기사

뉴스댓글 >

- 띄어 쓰기를 포함하여 250자 이내로 써주세요.
- 건전한 토론문화를 위해, 타인에게 불쾌감을 주는 욕설/비방/허위/명예훼손/도배 등의 댓글은 표시가 제한됩니다.

댓글 0

Today

Hot Issue