프런트 엔드 엔지니어 입문 초보자용 웹 개발에 도움이 되는 Google 크롬 확장 프로그램 10개

프런트 엔드 엔지니어 개발시 이것이 있으면 개발의 효율이 위 google 확장 기능을 10선 정리했습니다.

1. Page Ruler Redux

마크업할 때 몇 픽일까? 라고 생각했을 때 Page Ruler Redux 사용하면 사이즈 도모할 수 있습니다! 편리! !

2. WhatRuns

사이트가 어떤 기술을 사용하여 만들어진 알 수 있는 확장 기능입니다.
최근 트렌드 기술을 알게 될 것입니다.

3. Clear Cache

코드를 업데이 트 업데이 트되지 않는 경우 자주 있어요, 이것이 있으면 일부러 가지 않고 클릭 한 번으로 캐시를 지울 수 있습니다!

4. Black Menu for Google

Google 서비스에 신속하게 액세스할 수 있는 Google 크롬 확장 프로그램입니다.
함수명이나 클래스명 등 잘 번역하므로 꽤 편리!

5. Save to Pocket

썸네일 붙여 북마크를 할 수 있는 확장 기능입니다.
참고가 된 기사나 최근 트렌드의 기사를 이것으로 북마크를 하면 카드 형식으로 북마크를 할 수 있습니다.
※google의 id가 필요

6. CSSViewer

블록의 속성을 바로 알 수 있는 확장 기능입니다.

7. WhatFont

font-family와 font-size, line-height, color의 속성을 아는 확장 기능입니다.

8. HTML 오류 검사기

HTML 체크를 해주는 확장 기능입니다. 초보자에게는 편리한 것 같습니다.

9. Emmet Re:view

한눈에 사이즈별의 표시를 아는 편리한 확장 기능입니다~효율이 업이 될 것 같네요.


js의 예측 변환까지 해주는 정말 대단한 확장 기능!
사이트의 스마트폰이나 태블릿 표시를 확인할 수 있는 확장 기능입니다. 단지 폭을 바꿀 뿐만 아니라, 유저 에이전트도 제대로 위장해 주는 곳이 Good!

10. Web Maker

가끔 동작 확인하고 싶지만 프로젝트 또 만들지 않으면 안되는 경우가 자주 있습니다만 그 때 이것이 있으면 HTML이나 CSS, JavaScript등의 코드의 동작을 간단하게 확인할 수 있어, 보존도 할 수 있는 확장 기능입니다.
js의 자동 컴플리트도 할 수있어 훌륭합니다.