자바스크립트 실행방법과 실습환경

 

언어의 실행방법과 실습환경

웹 브라우저에서 자바스크립트 사용하기

웹 페이지에서 자바스크립트 작성

HTML 파일을 만들고 거기서 자바스크립트를 실행하는데는 특별하게 필요한 것이 없다.
윈도우는 메모장, 맥은 텍스트에디트를 이용해서 파일을 만들면 된다.

윈도우에서 메모장을 이용한다면 아래에 강조 표시된 부분처럼 설정을 지정하고 저장해야 한다.

맥 사용자는 textEdit를 사용하면 되는데 파일을 저장 할 때 아래와 같이 Make Rich Text를 선택한다.
그리고 파일을 저장 할 때는 파일명 뒤에 .html 이라는 확장자를 붙인다.

자바스크립트 실행하기

코드 <script>는 웹브라우저에게 지금부터는 자바스크립트 코드이기 때문에 이 코드를 해석 할 때는
자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 구문(태그)다.

alert('Hello world')는 경고창에 Hello world라는 문구를 출력하라는 일종의 명령이다.

</script>는 자바스크립트 구간이 끝났기 때문에 이 후부터 나타나는 코드는 HTML의 문법으로 해석하라고 브라우저에게 알려주는 것이다.

크롬 개발자 도구를 사용해서 자바스크립트 사용하기

크롬을 사용한다면 다음과 같은 방법으로 자바스크립트를 간단하게 실행해 볼 수 있다.

01. +Shift+J (윈도우), 커멘트+Alt+J (OSX) 키를 누른다. 콘솔 탭이 선택된 상태로 개발자 도구가 실행된다.
02. alert('hello world')를 실행한다. 실행 결과 아래와 같이 경고창이 실행된다.