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

  • 맑음고창7.1℃
  • 맑음장흥5.5℃
  • 맑음창원4.4℃
  • 구름조금정선군-2.8℃
  • 흐림백령도2.2℃
  • 흐림인천0.3℃
  • 맑음청송군-1.3℃
  • 구름많음부여2.8℃
  • 맑음진도군7.2℃
  • 흐림천안2.1℃
  • 맑음임실3.0℃
  • 맑음포항4.8℃
  • 흐림의성1.1℃
  • 맑음경주시2.3℃
  • 구름조금대관령-4.6℃
  • 흐림홍성1.1℃
  • 맑음영광군6.9℃
  • 맑음영덕1.2℃
  • 맑음대구4.6℃
  • 흐림대전2.9℃
  • 흐림인제-2.7℃
  • 흐림파주-3.2℃
  • 구름많음금산4.4℃
  • 구름조금광주6.7℃
  • 흐림수원0.8℃
  • 맑음남원3.8℃
  • 맑음산청4.2℃
  • 구름조금고흥4.6℃
  • 맑음울산6.0℃
  • 구름많음광양시6.5℃
  • 구름많음군산2.5℃
  • 맑음북부산4.2℃
  • 맑음울진3.2℃
  • 맑음부산6.0℃
  • 구름많음서귀포13.2℃
  • 맑음의령군3.3℃
  • 맑음장수3.3℃
  • 구름조금부안3.3℃
  • 흐림춘천-2.5℃
  • 맑음전주4.8℃
  • 구름조금밀양2.7℃
  • 흐림보은2.7℃
  • 흐림상주3.0℃
  • 구름조금완도4.4℃
  • 흐림제주11.3℃
  • 맑음태백-2.5℃
  • 흐림서청주1.5℃
  • 구름조금속초3.1℃
  • 구름조금목포7.7℃
  • 흐림강화-0.4℃
  • 맑음보성군4.8℃
  • 구름많음보령3.7℃
  • 흐림세종1.9℃
  • 흐림문경1.3℃
  • 구름조금안동1.7℃
  • 흐림서산1.6℃
  • 맑음거제4.5℃
  • 구름조금구미1.0℃
  • 구름많음성산11.5℃
  • 흐림양평-0.9℃
  • 맑음울릉도2.7℃
  • 맑음김해시4.6℃
  • 맑음강진군5.3℃
  • 맑음북창원6.0℃
  • 맑음순창군4.3℃
  • 맑음남해3.9℃
  • 맑음여수4.9℃
  • 맑음함양군3.8℃
  • 흐림이천-1.2℃
  • 맑음통영6.0℃
  • 맑음진주3.9℃
  • 흐림추풍령3.2℃
  • 구름많음동두천-1.3℃
  • 맑음양산시4.8℃
  • 흐림영주-1.8℃
  • 흐림북춘천-3.5℃
  • 구름조금강릉3.2℃
  • 맑음영월-2.3℃
  • 맑음봉화-4.9℃
  • 흐림원주-0.9℃
  • 구름조금북강릉1.7℃
  • 맑음거창2.6℃
  • 흐림서울-0.1℃
  • 맑음합천5.7℃
  • 흐림충주0.0℃
  • 맑음영천2.3℃
  • 맑음고창군6.3℃
  • 흐림홍천-1.8℃
  • 맑음정읍4.7℃
  • 구름많음고산13.2℃
  • 맑음해남6.4℃
  • 흐림청주2.1℃
  • 구름조금동해3.5℃
  • 흐림제천-2.8℃
  • 흐림철원-3.7℃
  • 구름많음순천5.3℃
  • 구름많음흑산도7.9℃
  • 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