Language/JavaScript

[JavaScript] 자바스크립트 적용

jsh5408 2021. 10. 18. 23:31

자바스크립트를 적용하는 방법

1. 내부 자바스크립트 코드로 적용

2. 외부 자바스크립트 파일로 적용

 

 

1. 내부 자바스크립트 코드

- <script> 태그를 사용하여 HTML 문서 내부에 삽입

<script>
    document.getElementById("text").innerHTML = "여러분을 환영합니다!";
</script>

- HTML 의 <head> / <body> 에 위치할 수 있음 => 동작상의 차이 X

 

 

2. 외부 자바스크립트 파일

- .js 확장자의 외부 파일 생성 후 삽입

- <script> 태그를 사용하여 외부 자바스크립트 파일 포함

// example.js
function printDate() {
    document.getElementById("date").innerHTML = Date();
}
<!-- main.html -->
<head>
    <meta charset="UTF-8">
    <title>JavaScript Apply</title>
    <script src="/examples/media/example.js"></script>
</head>

 

- 웹의 내용을 담당하는 HTML 과 웹의 동작을 구현하는 JS 로 코드 분리 가능

=> 코드 가독성과 유지 보수에 좋음

- 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지 로딩 속도가 빨라짐

 

 

 

 

 

http://tcpschool.com/javascript/js_intro_apply

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com