자바 스크립트 개발자 도구 이용방법


썸네일



이 글은 제가 복습하기 위한 용도의 글 입니다. 

자바 스크립트를 공부하기 전에 개발자 도구를 어떻게 여는지 알아야 합니다. 크롬을 다운 받고 나서 단축키F12키를 클릭하게되면 개발자 도구 창이 뜹니다. 

이 때 두 가지를 가장 많이 활용합니다. 

엘리먼트


엘리먼트는 개발자 도구에서 내가 현재 보고 있는 페이지가 어떤 구조로 되어있는지 구성되어 있는 코드를 볼 수있습니다.


콘솔


콘솔 창은 진행 상황 확인이 가능하며, 직접 문법을 작성하는게 가능 합니다. 

인터프린터 예시


콘솔 에서 1더하기2를 하면 3으로 답이 나옵니다. 이걸 인터프린터 라고 하는데 작성한 문장을 통역해 준다는 의미 입니다. 

오늘 배운 문법 정리 


1. alert ('잠깐!'); 


자바스크립트 문법




경고창





위의 단어는 경고창 형식을 띄우는 용도로 사용이 됩니다. 



2. comfirm('밥 먹었어요?'); 

자바스크립트 문법



자바스크립트 문법2



이번에도 창이 뜨는데 첫번째 문법과는 다르게 확인옆에 취소 버튼 도 같이 뜨게 됩니다. 참과 거짓의 여부를 확인 하는 함수입니다.  맞으면 true 틀리면 fales이 콘솔창에 나타납니다. 

3. console.log('Hello JavaScript');


자바스크립트 입력


이 용어는 입력을 하게되면, 자신의 지정값이 정확한지 자주사용하는 용어라고 합니다. 매우 자주 사용한다고 합니다.