더북(TheBook)

외부 스크립트

외부 스크립트(external script) 방법은 별개의 자바스크립트 문서를 만들어 HTML 문서와 연결하는 것입니다. 이때 자바스크립트 문서의 확장자는 *.js이며, 다음과 같이 <script> 태그를 이용해 외부의 자바스크립트 문서와 연결합니다. 이 방법도 내부 스크립트 방법과 마찬가지로 <body> 태그가 끝나기 직전에 사용하는 것이 성능상 유리합니다.

<body>
  <script src="script.js"></script>
</body>

 

인라인

인라인(inline) 방법은 HTML 태그에서 제공하는 이벤트 속성을 사용해 자바스크립트 코드를 적용하는 것입니다.

<body>
  <button onclick="자바스크립트 코드"></button>
</body>

세 가지 방법 중 가장 많이 사용하는 것은 외부 스크립트 방법입니다. 내부 스크립트 방법은 거의 권장하지 않으며, 인라인 방법도 권장하지는 않지만 현업에서는 종종 사용되고 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.