2. 개발자 도구 사용하기

1. '개발자 도구'에서 만나는 자바스크립트

• 크롬 웹페이지에서 단축키 F12를 눌러 개발자 도구를 확인할 수 있다.
• 대부분의 브라우저는 자바스크립트를 해석할 수 있는 엔진이 내장되어 있다.
• Elements 탭에서 페이지를 구성하는 HTML, CSS코드를 볼 수 있다.(현재 페이지의 언어를 확인)
• Console 탭네서 자바스크립트 코드를 직접 입력하면 결과를 확인할 수 있다.
  (현재 페이지의 스크립트 진행상황을 확인)

2. 자바스크립트 내장 함수 실습하기

alert()

• 웹 브라우저에서 단순하 경고 창을 표시한다.

alert('잠깐!'); 

결과

confirm()

• 사용자에게 '확인' 또는 '취소'를 선택할 수 있는 대화 상자를 띄운다.
• 사용자가 '확인'버튼을 클릭하면, confirm()은 true를 반환한다.
• 사용자가 '취소'버튼을 클릭하면, confirm()은 false를 반환한다.

confirm('밥 먹었어요?');

결과

conole.log()

• 브라우저의 콘솔에 메세지를 출력한다.
• 코드의 실행 결과를 확인하는 용도로 많이 사용한다.
• 괄호 안에 문자, 수식등을 출력하는 기능으로 내가 지정한 값이 명확한지 확인하는데 사용한다.

console.log('안녕하세요');

// 결과
안녕하세요