241206 JavaScript 01 - HTML 파일에 JS 작성/로드하기, const 키워드, let 키워드

1. HTML 파일 안에서 JS 작성하는 방법

 

 

 

2. 별도로 작성된 JS 파일을 HTML에 포함시키는 방법 + const, let 키워드

1) JS 파일을 작성한다.

const 키워드와 let 키워드 내용도 참고하자

 

2) body의 클로징 태그 위에 script 태그를 입력하여 JS 파일을 불러온다.

  * body 요소의 끝부분에 입력하는 이유 : JS를 중간 부분에 넣으면,  JS를 해석(interpretation)하는데 걸리는 시간동안 화면 출력이 늦어진다.

 

3) 브라우저에서 실행시켰을 때 콘솔에 출력되는 결과

 

 

 

※ 컴파일 언어와 스크립트 언어

(1) 컴파일 언어
  - 작성된 코드를 컴파일한 뒤 컴파일된 파일로 프로그램을 실행한다.

    * 예: Java

  - 코드에 에러가 있을 경우 컴파일 과정에서 에러가 확인된다.

 

(2) 스크립트 언어

  - 작성된 코드를 한 줄 씩 읽어가면서 프로그램을 실행한다.

    * 예: JavaScript

  - 코드를 실행해야 코드의 에러를 확인할 수 있다.

    * 코드를 실행하는 어플리케이션의 콘솔창에서 확인 가능

 

※ const와 let이 2015년에 나온 뒤로 var는 잘 쓰지 않는다(사용을 권장하지 않음).

  * var는 변수명이 동일한 변수를 여러번 선언해도 에러로 처리되지 않는다.