크롬 개발자 도구

크롬 개발자도구(Chrome devtools) 사용법 간단히 알아보기

안녕하세요 캐나다에서 개발로 밥 먹고 사는 피들입니다. 프론트 앤드 개발자라서 크롬 개발자 도구는 거의 항상 사용하고 있습니다. 개발자 도구가 없었다면 어떻게 개발을 하고 있을지 상상도 가지 않습니다. 개발을 하는 도중에 콘솔로 찍어볼 때도 필요하고 애러가 어디에서 생겼는지 자바스크립트 코드 간단하게 돌려보기, 퍼포먼스 체크 등 할 수 있는 일이 무궁무진합니다. 제가 모든 것을 커버하지는 못하겠지만 많이 사용하는 도구들에 대해서 설명 및 사용방법에 대해서 알아보도록 하겠습니다. 크롬 개발자 도구를 여는 방법 멋있게 단축키로 열기 Mac - Command + Shift + c Pc - Window + Shift + c 마우스 화면에 오른쪽 클릭 후에 아래 보이는 inspect 클릭 개발자 도구 위치 지정하..