이번 글에서는 Java Script의 적용방법인 내부 코드 삽입 방법과, 외부 파일 적용 방법에 대하여 다루겠습니다.
# 내부 삽입과 외부 파일의 차이
적용하는 방법에 대하여 설명드리기에 앞서 두 방법의 차이점에 대하여 다루겠습니다. 내부 삽입은 원하는 웹페이지의 동작 매커니즘을 이루는 실행문 자체를 페이지의 html 파일에 삽입하여 넣는 방식입니다. 따라서, 한번의 과정만을 거치기에 굉장히 간단합니다.
반면에, 외부 파일 적용방법은 외부에 실행문을 포함하고 있는 파일을 저장하여 그 파일의 경로를 html에 삽입하는 방식입니다. 외부삽입 방식은 수정이나 디버깅이 쉽기 때문에 웹 디자이너들이 주로 채택하는 방식이기도 합니다.
# 내부 자바스크립트 코드 적용방법
자바스크립트 코드는 외부 내부 적용방법 모두 공통적으로 script 태그를 활용하여 삽입합니다. 내부 자바 스크립트 코드는 HTML 파일 안에 삽입해야 하며, head 든, body든 그 용도에 맞추어 삽입될 수 있습니다. 실행문의 집합 자체를 HTML 문서 자체가 길어지는 효과를 낳기는 하지만, 일관적이고, 한 파일 내부에서 문제를 해결할 수 있다는 장점을 가지고 있습니다.
# 외부 파일 적용방법
외부에 자바 스크립트 코드로 이루어진 파일을 .JS 실행자를 파일명으로 저장합니다. 이후에 script 태그를 src 속성을 활용하여 경로를 표시합니다. 그러면, 브라우저가 파싱을 할 때에 script 태그의 경로에 걸려 있는 파일들을 읽어내려가며 자바 스클비트 파일을 실행합니다. 이 방법은 HTML 파일 내부에 자바스크립트의 실행문을 넣지 않기 때문에 HTML 파일의 길이를 최소화 할 수 있으며, 문제 발생시에 디버깅이 쉽다는 특징을 지니고 있습니다.
여기까지 Java Script의 적용방법인 내부 코드 삽입 방법과, 외부 파일 적용 방법에 대하여 다루었습니다.
# 본문과 관련된 다른 글
[HTML] script 태그 정의와 속성
https://stockbroker.tistory.com/entry/HTML-script-태그-정의-속성
[HTML] script 태그 crossorigin 속성
댓글