JavaScript

[부스트코스] 7. 자바스크립트 기초 (자바스크립트 Html 에 Js 파일 삽입)

민돌v 2021. 7. 21. 16:11

이 글은 부스트코스에서 제공하는 생활코딩 강의를 기반으로 정리한 내용입니다.

1. Js 파일로 관리하기

 

JavaScript 코드를 html 파일안에 삽입된 상태로 관리하면 점점 코드가 길어지기 쉽다.

Js 파일을 따로 빼서 관리할 수 있는데 그 방법을 알아보자

 

[ 방법 ]

1. 예를 들어서 colors.js라는 파일 이름으로 만들었다고 해 봅시다.

2. 그리고 그 파일에 모든 페이지에서 공통적으로 사용되는 Javascript 코드를 넣습니다.

3. 원래 Javascript 코드가 있었던 <script> 태그안에 다음과 같이 src 속성에 이 파일 이름을 넣어서 바꾸면 됩니다.

<script src='colors.js'></script>

 

이러면 간단하게 html 파일과 js 파일을 나누어서 관리할 수 있습니다.

끝!