[JavaScript] 외부 script 파일 읽어들이기 / 2021.10.15

HTML안에 script 태그를 만들고 그 안에 자바스크립트 코드를 입력할 수 도 있지만 자바스크립트파일을 따로 만들수도 있다. 프로그램의 규모가 커지만 파일 하나가 너무 방대해지기때문에 파일을 분리하는 것이 좋다.

 

(1) 별도의 자바스크립트 파일 만들기 

먼저 html과 같은 폴더에 자바스크립트 파일(확장자 .js)를 만들어준다.

 

 

(2) html에서 자바스크립트 파일 읽어들이기

외부 자바스크립트 파일을 읽어들일 때도 script태그를 사용한다. 그리고 src 속성에 읽어들일 파일의 경로를 입력하면된다.

 

 

 

(3) 간단한 프로그램 실행시켜보기

 

main.html

 

test.js

 

HTML의 script태그보다 외부자바스크립트를 읽어들이는 코드가 위에 있으므로 test.js파일이 먼저실행된다.

그리고 자바스크립트의 상수 sample의 값이 html로 넘어가서 sample의 값이 출력된다.

 

콘솔창