[JavaScript] JS코드 파일로 빼기

JS코드의 재사용

코드의 중복의 제거가 필요한 이유

웹페이지에 JS코드를 다른 페이지들에도 하나하나 복사하고 수정하려면 오래걸린다.

웹페이지마다 중복 된 태그를 지우는게 효율적이다.

​

코드 재사용 하는 법 - 파일

정리정돈의 도구들인 함수, 객체 보다 더 큰 정리정돈의 도구인 파일.

서로 연관된 코드들을 파일로 묶어서 그룹핑하는 것.

1. 파일명.js파일 만들어서 중복된 JS 코드 붙여 넣기.

이때 JS태그인 <script>태그는 빼고 내용만 붙여 넣어준다.

2. html파일에 <script>태그에 js주소 넣기.

<script src="파일명.js"></script>

3. 주고가 담긴 script태그를 원하는 html파일마다 넣어준다.

 

파일로 만들어서 JS코드 사용하는게 편한 이유

html 코드창의 깔끔해져 가독성이 올라간다.

js코드 수정시 한 번만 수정하면 전체페이지에 적용되어 유지보수가 편해진다.

새로운 웹페이지에도 이미 만들어 놓은 js코드를 재사용하기 쉽다.

html파일안에 js 직접 놓는 것보다 훨씬 빨라지고, 네트워크 트래픽도 훨씬 적게 낼 수 있다.