카카오톡 클론 코딩 #2 colorzilla, page ruler redux

이번시간에는 크롬 웹스토어, chrome web store에서 유용하게 사용할 수 있는 앱들을 살펴보도록 하겠습니다. 

 

 

먼저, 사이즈를 구하고 색상을 입힐 수 있게 도와 주는 툴인 ColorZilla는
크롬 웹스토어에서 추가하게 되면, 웹페이지에서 색을 확인할 수 있게 합니다.

 

 

크롬에서 이미지를 열어서, ColorZilla의 Page Color Picker Active를 클릭해 주면, 색상을 확인할 수 있습니다.

 

 

 

이번에는 웹페이지에서 길이를 잴 수 있게 도와주는 앱, Page ruler redux를 다운로드 하겠습니다.

 

 

이제 이미지를 웹페이지에서 열어서 Page ruler redux를 클릭한 후,
프로필사진의 사이즈를 마우스로 드래그 하면, 프로필 사진의 너비가 57px이라는 것을 확인할 수 있습니다.

 

 

위와 같이 프로필 사진의 사이즈를 알 수 있을 뿐만 아니라,
카카오톡 채팅창의 padding이 약 18px라는 것을 확인할 수 있습니다.