HTML과 CSS, Script 파일 나누기

페이지에 이것저것 추가할 수록 HTML은 물론 CSS, Script 등 같이 늘어나기 때문에 유지보수가 힘들어진다.

내가 만든 추억 앨범 페이지만 해도 되게 기능이 별거 없지만 코드만 400줄이 넘어간다.

꼭 유지보수의 이유가 아니더라도 css나 script를 다른 html에서 재사용할 수도 있기 때문에 파일화해서 분리하는 것이 좋다.

우선 프로젝트 안에 .css 파일과 .js 파일을 만든다.
(분리해야 할 css랑 js가 많다면 폴더로 나눠서 그 안에 집어넣어도 상관없다.)

그리고 <style> 부분을 css 파일에, <script> 부분을 js 파일에 복사 붙여넣기한다.
(<style> ... </style>이 있다고 하면 ... 부분만 옮겨야 한다. <script>도 마찬가지다.)

css 파일을 연결하는 코드

<link rel="stylesheet" type="text/css" href="경로/파일이름.css" />

js 파일을 연결하는 코드

<script type="text/javaScript" src="경로/파일 이름.js"></script>