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

• TOC {:toc}

이 글은 생활코딩의 파일로 쪼개서 정리정돈하기 강의내용을 복습하기 위해 강의 자료를 기반으로 작성한 글입니다.

• 제가 필요한 부분 위주로 확인하면서 정리하고 있어 글에 덜 작성된 부분이 있을 수 있습니다.
• 글 작성 후 원 강의의 내용이 수정되거나 내용을 이해하기 위한 개인적인 설명이나 해석이 있을 수 있습니다. 되도록 원 강의를 참고해주시길 바랍니다.
• 잘못된 부분이 있다면 댓글이나 그 외 편하신 방법으로 알려주시면 감사하겠습니다.

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

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

지금까지 만들어 놓은 모든 웹 페이지에 night & day handler를 만들고 싶으면 지금까지 작성한 <script> 코드를 전부 붙여 넣어야 한다. 더불어 수정 사항이 생겼을 때, 매 페이지를 전부 수정해줘야하고 이는 프로젝트의 크기가 커짐에 따라 매우 힘든 일이 될 것이다.

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

1. 새로운 filename.js파일을 만든 뒤 페이지에 공통적으로 쓰이고 있는 JavaScript 코드를 <Script> 태그는 제외한 채 새 파일에 복사한다.

2. 이 JavaScript 기능을 사용하고 싶은 페이지에 다음과 같이 filename.js 파일을 링크시키면 파일의 JavaScript 기능을 사용할 수 있다.

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

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