생활 코딩 WEB2 파일 쪼개서 정리 정돈

가장 큰 정리 도구

= 서로 연관된 파일들을 묶어서 그룹핑 하면, 많은 웹페이지들을 감당 할 수 있다.

 

 

스크립 태그를 모든 웹페이지에 배포하면, 동작할 것이다.

하지만, 1억개라면?

어떤 하나의 요소 색상을 yellow로 바꾸고 싶다면?

 

바로 파일로 쪼개는 방법

1. colors.js 라는 파일을 만든다.

 

2. colors.js 파일에 모든 웹페이지의 공통된 코드를 스크립태그 제외한 후 복사 붙이기 한다.

 

3. 공통된 코드를  다른 파일(colors.js 제외한 페이지들)들에서 지우고,

    스크립트 태그에 <script src = "colors.js"></script> 하면 해당 기능이 들어온다.

 

4. 확인방법 : 검사 에 Network 탭에 이 웹페이지에 로딩하기위한 파일들이 보임

    해당 웹페이지랑  colors.js 파일이 보일 것이다.

 

 

 

모든 공통 코드를 이런식으로 재사용하면 된다. ( = 모든 페이지를 유지보수하기 좋아진다. )

 

로드 할 때, 웹서버에 접속을 한 두번 해야하는데, 접속을 많이 하는 것은 좋지 않다.

하지만!

웹브라우저에 이미 다운로드 된 파일 = Cash(저장한다) 

이미 colors.js 라는 파일을 저장했다면, 다음부터 읽지 않도록 한다

서버 입장에서 유저 입장에서도 돈도 시간도 적게드는 효율적 방법이다.