크롭 개발자 도구
-
자바스크립트 - 크롬 개발자 도구와 실습환경JavaScript/기본 2020. 2. 19. 21:28
이번 시간에 살펴볼 내용은 바로 크롬 개발 도구와 실습환경에 대해서 다뤄 보려고 한다. 가끔 파일에 직접 작성하는 게 귀찮을 때가 있다 그럴 때, 손쉽게 자바스크립트를 실행할 수 있는 방법을 소개하려고 한다. 일단 필자는 크롬을 기준으로 할 것이다. 우선, [F12] 키를 누르면 이렇게 [크롬 개발자 도구]가 화면에 보여진다. 그럼 여기서! 크롬 개발자 도구란 무엇인가? → 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공한다. 이를 개발자 도구라고 하고, 이 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있다. 이렇게 띄어진 화면 밑에 Console 창에 자바스크립트 코드를 작성하고 실행하면, 이렇게 경고창이 화면에 보인다. 이렇게 크롬 ..