[Chrome] 개발자 도구 - 눈금자 표시

❗ 사실상 기능 개발을 주로 하는 개발자들에게는 쓸모없을 수 있지만, 퍼블리셔에게는 도움 될 수 있는 기능

 

    - 오른쪽 상단 세로 점 3개 버튼 클릭 > Run Command 클릭

    - 또는 Ctrl + Shift + P

 

    -  눈금자 입력 > "마우스를 가져가면 눈금자 표시" 선택

       · 영어 사용중인 경우, "Show rulers on hover" 검색

 

    - 요소 선택

      · 요소 탭 > 왼쪽 상단 화살표 버튼 클릭 

      · Ctrl + Shift+ C

 

    - 눈금자 생성

 

---

참고

• 제주코딩벵스캠프 - 아는 만큼 보이는 크롬 개발자 도구 - 눈금자 표시하기
  https://www.youtube.com/watch?v=ZwqSsekJVqU&list=PLkfUwwo13dlUJCAGcBOynazaBVgvvj4ba&index=3