Rainbow
파일 쪼개서 정리 정돈 하기 본문
객체보다 더 큰 정리정돈의 도구를 배운다.
파일쪼개기
이것을 사용하면 아무리 웹 페이지가많아도 감당할 수 있게 된다.
<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를 사용한다
파일 이름을 통해 가독성 과 활용도가 좋다(코드 의미, 용도를 알기쉽다)
트래픽 절감 가능
'web > jquery' 카테고리의 다른 글
UXUI & API (1) | 2023.12.16 |
---|---|
라이브러리 VS 프레임워크 (0) | 2023.12.16 |
(변수) 대입 연산자 (0) | 2023.12.12 |
attr() 속성의 값을 가져오거나 속성 추가한다 (0) | 2023.07.29 |
substr(), substring() 함수 문자열 자르기 (0) | 2023.07.29 |