IT 개발노트

JavaScript 실행방법과 실습환경 본문

기초튼튼/JavaScript

JavaScript 실행방법과 실습환경

limsungju 2019. 3. 12. 13:59

1. JavaScript 실행방법과 실습환경
1.1 설치
: 자바스크립트는 브라우저에서 동작하는 언어이다. 따라서 웹브라우저가 설치되어 있다면 이미 자바스크립트를 사용할 준비가 끝난 것이다. 참고로 각 브라우저마다 개발자 도구라는 것이 있다. 이 도구를 이용하면 자바스크립트 개발을 쉽게 할 수 있다.

1.2 실행
: 자바스크립트는 원래 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어이다. 하지만 오늘날 자바스크립트가 웹브라우저를 벗어나서 매우 다양한 용도로 사용되고 있다. 이런 이유로 자바스크립트의 실행환경은 다양하다.

- 윈도우에서 메모장을 이용한다면 위에 강조 표시된 부분처럼 설정을 지정하고 저장해야 한다. 그리고 파일을 저장 할 때는 파일명 뒤에 .html이라는 확장자를 붙여야한다.

코드

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            alert('Hello world');
        </script>
    </body>
</html>


실행결과

- 위의 코드는 HTML 문서다. 그리고 지금 맥락에서 주목해야 할 부분은 다음 부분이다.

1
2
3
<script>
     alert('Hello world');
</script>


- 코드 <script>는 웹브라우저에게 지금부터는 자바스크립트 코드이기 때문에 이 코드를 해석 할 때는 자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 구문(태그)다. alter('Hello world')는 경고창에 Hello world라는 문구를 출력하라는 일종의 명령이다. </script>는 자바스크립트 구간이 끝났기 때문에 이후부터 나타나는 코드는 HTML의 문법으로 해석하라고 브라우저에게 알려주는 것이다.

'기초튼튼 > JavaScript' 카테고리의 다른 글

JavaScript 반복문  (0) 2019.03.20
JavaScript 조건문  (0) 2019.03.19
JavaScript 비교(연산자)  (0) 2019.03.19
JavaScript 변수  (0) 2019.03.19
JavaScript 숫자와 문자  (0) 2019.03.19
'기초튼튼/JavaScript' Related Articles more