파일 쪼개서 정리 정돈 하기

외부 스크립트 파일 연결

내부 스크립트 코드 js파일로 복사하기

 

 

객체보다 더 큰 정리정돈의 도구를 배운다.
파일쪼개기
이것을 사용하면 아무리 웹 페이지가많아도 감당할 수 있게 된다.
<input>을 옮기면 작동하지 않는다! <script>가 따라가지 않았으니까
복붙복붙 반복반복
1억개라면?(feat. 극단)
powderblue를 수정하려면? 절망
자 colors.js를 만듭니다. <script>내부를 옮겨주고, 원래 있던 script에 src="colors.js" 요소를 붙여줍니다.
폭발적 효과!
colors.js만 include(참조)한다면 가독성이 좋아지고, 코드가 훨씬 명확해지고, 유지보수도 쉬워진다.
자 장점 한가지 더
inspect(검사) network tab을 보면 브라우저가 colors.js를 cache합니다.
돈이 아니라 저장해 둔 것. 이제 사용자와 서버 모두 네트워크 트레픽이 줄고, 속도도 향상. 비용 절감
정리정돈의 끝판왕, 파일 쪼개기입니다.

 

요약

- 파일에 js를 저장해 사용할 경우 수정이 훨씬 간단하고
수월해진다 js를 만들 때는 script와 src를 사용한다

파일 이름을 통해 가독성 과 활용도가 좋다(코드 의미, 용도를 알기쉽다)

트래픽 절감 가능