Googling (구글링)세계적으로 엄청난 수의 유저들이 활발히 활동 중이기 때문에 작업을 하시면서 생긴 궁금증에 대한 답은 구글링을 통해 대부분 찾으실 수 있습니다. Google Search - Technical Question http://lmgtfy.com/?q=Technical%20%EC%A7%88%EB%AC%B8

Google Develper Console - API 정보 확인하기 Google Develper Console 접속합니다.https://console.developers.google.com/ 좌측 상단에서 프로젝트를 선택한 후 >>좌측 메뉴 중 [사용자 인증 정보]를 선택하면 발급받은 API를 확인할 수 있습니다.

chrome 웹 스토어 https://chrome.google.com/webstore/category/extensions

Visual Inspector(비주얼 인스펙터) 웹사이트의 색상 구성, 글꼴, 이미지 등을 한눈에 확인할 수 있으며 웹디자인에 필요한 대부분 요소를 확인하고 임시로 수정해 볼 수 있습니다. https://www.canvasflip.com/visual-inspector/ [Chrome에 추가] https://bit.ly/2wRyXjm [확장앱 추가] 설치 완료!!!

Page Ruler(페이지 룰러) · 웹 페이지의 포함된 요소들을 측정할 수 있는 도구입니다.· 페이지 상단에 조작 컨트롤과 판독 표시줄이 추가되며 선택 영역과 가이드라인(옵션)을 제공한다. 컨트롤 막대를 사용하여 선택 영역의 가장자리를 옮길 수 있으며 요소 모드(element mode)에서는 개별 페이지 요소와 각 요소의 하위 또는 상위 요소가 자동으로 선택되므로 특정 구성 요소를 빠르게 측정할 수 있습니다. https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn [+ CHROME에 추가] [확장앱 추가] 상단 주소표시줄에 Page Ruler 아이콘이 생성됩니다. Page Ruler 아이콘을 클릭하면 페이..

크롬 개발자 도구를 통한 반응형 웹 테스트개발자 도구에서 [Toggle device toolbar] 아이콘을 클릭하면좌측에 각종 디바이스를 선택할 수 화면이 오픈됩니다. 상단의 드롭다운 항목을 클릭하면 주로 사용하는 디바이스 목록을 생성한 후 변경할 수 있습니다. 디바이스 목록하단의 [Edit…]항목을 클릭하면 오른쪽에 설정 화면이 나타닙니다. 기존 목록에서 디바이스를 선택할 수 있습니다. 또는 상단의 [Add custom device…]버튼을 클릭하여 원하는 디바이스를 등록 후 사용할 수 있습니다.