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

가장 큰 정리정돈의 도구.

서로 연관된 코드를 파일로 묶어서 그룹핑 -> 웹페이지가 아무리 많아도 감당 가능.

 

.js 파일 만들고

<script> 태그 제외하고 공통된 코드 복붙.

공통된 코드 있던 위치에

<script src="파일이름.js"></script>

이렇게 하면 나중에 한꺼번에 수정할 일이 있더라도 파일이름.js안의 코드만 건드리면 한꺼번에 수정이 가능하다.

src : source의 약어

겉보기에 동작하는 건 똑같아 보이지만 내부적인 구현 방법은 완전히 달라진 상태. 파일로 쪼개진 상태

 

파일 장점.

새로운 파일을 만들면 새로운 코드를 만들 필요 없이 clolor.js파일을 넣으면 됨. 유지보수가 굉장히 쉬워짐! 엄청난 장점!\

또한 가독성이 좋아지고, 코드의 의미를 더욱 분명하게 알 수 있게 됨.

 

이런 식으로 서로 연관된 코드들을 여러 개의 파일로 쪼깨서 웹페이지에 포함시키면 코드를 정리정돈하는 효과를 얻을 수 있다!!

 

또 다른 장점. cache 캐시. 저장한다라는 뜻

한번 웹브라우저에 다운로드된 파일은 웹브라우저가 컴퓨터에 저장해둠. 긜고 다움에는 저장된 파일을 읽어서 네트워크를 통하지 않게 함.

그러면 서버입장에서는 비용절감, 사용자입장에서는 트래픽이 훨신 빨라짐

즉, 파일로 정리정돈을 하면 훨씬 효울적이고 돈도 시간도 적게 드는 방법임.