CWN(센트럴월드뉴스) - 코딩 워크플로를 개선하는 크롬 확장 프로그램

  • 맑음청주23.0℃
  • 맑음대전23.3℃
  • 맑음고창19.5℃
  • 맑음보령16.6℃
  • 맑음울릉도17.6℃
  • 맑음남해21.3℃
  • 맑음천안21.8℃
  • 맑음충주21.7℃
  • 맑음의령군26.5℃
  • 맑음춘천22.2℃
  • 맑음순창군25.2℃
  • 맑음철원19.5℃
  • 맑음북춘천22.3℃
  • 맑음서산20.0℃
  • 맑음고창군21.6℃
  • 맑음인제22.0℃
  • 맑음안동24.2℃
  • 맑음여수19.1℃
  • 맑음전주23.1℃
  • 맑음영덕21.9℃
  • 맑음광주24.7℃
  • 맑음원주20.7℃
  • 맑음장수23.7℃
  • 맑음금산23.4℃
  • 맑음순천22.7℃
  • 맑음영월21.7℃
  • 구름조금목포17.4℃
  • 맑음포항26.1℃
  • 맑음울진16.9℃
  • 맑음영천24.8℃
  • 맑음보은22.3℃
  • 맑음경주시26.4℃
  • 구름조금진도군17.7℃
  • 맑음동두천20.6℃
  • 맑음수원20.6℃
  • 구름조금영광군16.5℃
  • 맑음성산19.2℃
  • 맑음거창25.1℃
  • 맑음진주23.7℃
  • 맑음북부산21.3℃
  • 맑음합천26.2℃
  • 맑음북창원25.2℃
  • 맑음홍성20.6℃
  • 맑음정읍24.0℃
  • 맑음영주22.7℃
  • 맑음산청25.0℃
  • 구름조금고산17.6℃
  • 맑음이천22.0℃
  • 맑음강화15.6℃
  • 맑음태백22.5℃
  • 맑음문경23.5℃
  • 맑음남원25.3℃
  • 맑음대관령19.5℃
  • 맑음울산20.7℃
  • 맑음인천17.0℃
  • 맑음부안19.3℃
  • 맑음강릉27.2℃
  • 맑음구미25.2℃
  • 구름조금서귀포19.6℃
  • 구름많음백령도12.3℃
  • 맑음고흥21.8℃
  • 맑음추풍령22.7℃
  • 맑음의성24.6℃
  • 맑음부여23.3℃
  • 맑음장흥22.1℃
  • 맑음함양군26.8℃
  • 맑음북강릉26.1℃
  • 맑음동해21.7℃
  • 맑음광양시23.6℃
  • 맑음속초22.8℃
  • 맑음상주24.1℃
  • 맑음해남20.2℃
  • 맑음청송군24.3℃
  • 맑음김해시20.8℃
  • 맑음홍천21.6℃
  • 맑음서청주21.8℃
  • 맑음세종23.1℃
  • 맑음제천21.1℃
  • 맑음통영19.5℃
  • 맑음창원23.3℃
  • 연무서울20.5℃
  • 맑음양산시22.4℃
  • 구름조금완도22.0℃
  • 맑음부산18.6℃
  • 맑음보성군22.7℃
  • 맑음밀양26.3℃
  • 맑음군산17.6℃
  • 맑음양평20.1℃
  • 맑음파주18.2℃
  • 맑음임실23.4℃
  • 황사대구26.6℃
  • 맑음정선군24.5℃
  • 맑음봉화22.5℃
  • 맑음강진군24.1℃
  • 맑음흑산도16.4℃
  • 맑음제주19.9℃
  • 맑음거제18.6℃
  • 2024.04.25 (목)

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

오영주 / 기사승인 : 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(센트럴월드뉴스). 무단전재-재배포 금지]

WEEKLY HOTISSUE

뉴스댓글 >

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

댓글 0