WEB2 - JavaScript_27 파일로 쪼개서 정리정돈하기

27. 파일로 쪼개서 정리정돈하기

프로그램이 복잡해지면 객체보다 더 큰 정리정돈의 도구가 필요하게된다.
→ 연관된 코드들을 별도의 파일로 나눠서 정리 할 수 있다.

 

지금까지 만들어 놓은 모든 웹 페이지에 night & day handler를 만들고 싶으면 지금까지 작성한 <script> 코드를 전부 붙여 넣어야 한다.

더불어 수정 사항이 생겼을 때, 매 페이지를 전부 수정해줘야하고 이는 프로젝트의 크기가 커짐에 따라 매우 힘든 일이 될 것이다.

 

이를 해결하기 위해 자주 사용되는 JavaScript 기능은 별도의 JavaScript 파일로 나눠서 정리할 수 있다.

1. 새로운 filename.js파일을 만든 뒤 페이지에 공통적으로 쓰이고 있는 JavaScript 코드를 <Script> 태그는 제외한 채 새 파일에 복사한다.
2. 이 JavaScript 기능을 사용하고 싶은 페이지에 다음과 같이 filename.js 파일을 링크시키면 파일의 JavaScript 기능을 사용할 수 있다.

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

JavaScript를 별도의 파일로 저장해서 쓰면 동일한 기능은 동일한 코드로 이뤄져있다는 확신을 할 수 있을뿐만 아니라 수정하기도 용이하다.