클론코딩할 때 특히 유용한 크롬 익스텐션 6가지

유용한 팁을 많이 알려주는 Nomad Coders를 구독하고 있는데, 바로 어제 단 50초 만에 유용한 크롬 익스텐션을 알려주는 영상이 업로드되었다. 영상은 여길 클릭!

 

내가 이미 쓰고 있는 것도 있었고, 처음 알게 된 것도 있었다. 클론 코딩을 하면서 배울 수 있는 게 정말 많은데, 이런 것들을 알고 잘 사용한다면 코딩의 질이 매우 상승할 것 같다.

1. ColorZilla

웹 페이지에서 똑같은 색의 RGB 코드를 뽑아내고 싶을 때 사용한다.

나는 크롬 익스텐션은 아니고 그냥 프로그램인 Color Cop이라는 것을 몇 달째 사용중인데 이것도 나름 편하다. 상태 표시줄에 등록해 놓고 필요할 때마다 쓰고 있다.

2. CSS Viewer

마우스로 element에 갖다 대기만 하면 적용된 CSS를 편하게 볼 수 있다.

3. JSON Viewer

json 파일의 포맷을 예쁘게 해서 보여주는 익스텐션이다. 이것은 API 다룰 때 써봤는데 정말 유용하다.

4. WhatFont

웹 사이트에서 사용하는 폰트가 뭔지를 알려준다.

5. Page Ruler Redux

웹 사이트 위에서 줄자를 사용해서 width와 height를 pixel로 알려 준다. element 간격의 길이를 재는 등에도 쓸 수 있다.

6. BuiltWith Technology Profiler

웹 사이트가 어떤 스택을 사용하는지 알려 준다.

---

6가지 익스텐션 모두 유용해 보인다. 잘 활용해 보자!