코드의 재활용성, 유지보수 쉽게할수있는 기법들. 어떤 프로그램을 구성하는 수많은 로직잉ㅆ을텐데 그 로직들을 재사용할수있는 단위로 구획화를 시켜서 별도의 모듈이라는 형태로 떼어네서 또다른 프로그램을 구성할때 사용하는거임

자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용

코드를 개선하면 이를 사용하는 모든 애플리케이션의 동작이 개선됨

수정시 필요한 로직을 빠르게 찾을 수 있음

필요한 로직만을 로드해서 메모리의 낭비를 줄일 수있음

한번 다운로드된 모듈은 웹브라우저에 의해 저장되기 때문에 동일한 로직을 로드할 때 시간과 네트워크 트래픽을 절약할 수 있다(브라우저에서만 해당)

순수한 자바스크립트에서는 모듈이라는 개념이 분명하게 존재하지는 않는다. 하지만 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공되고 있다.

대표적인 자ㅏㅂ스크립트의 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해 알아보자

호스트환경이란 자바스크립트가 구동되는 환경을 의미함. 언어와 그 언어가 구동되는 환경에 대해서 구분해서 사고할수있어야한다.

어떤 함수를 호출하는 html파일이 수천개라고해봐. 필요한 코드와 필요하지 앟는

코드를 다운받아서 jquery.js라는 파일에 복붙해서 저장해

사용할땐 헤더부분에 script src="jquery.js"로 로드!

잘 로드되었는가 활인하려면 개발자 모드에서 Network탭쪽을 보면댐

jquery는 모든경우 $로 시작함

$('#list') 아이디값이 list인 태그를 가리키는건데