모듈 썸네일형 리스트형 모듈 시스템 | ES 모듈 | CommonJS 모듈 모듈(Module)이란? 개발규모가 커짐에 따라 js 파일이 여러개로 분리될수있다. 이렇게 분리된 하나의 js 파일을 모듈이라고 한다. 모듈의 장점- 유지보수가 용이: 파일마다 기능별로 잘 나눠놓으면 의존성을 줄이고 기능 개선, 수정이 용이해짐- 네임스페이스화: 변수명이 겹쳐도 모듈로 분리하면 모듈만의 네임스페이스를 갖게된다. - 재사용성: 반복되는 코드의 경우 모듈로 분리해 필요시마다 재사용이 가능 모듈 시스템이란? 모듈을 언제든 불러올 수 있도록 하는것을 모듈 시스템이라고 한다. 모듈시스템이 존재하기 전에는 script 태그를 이용해서 js 파일을 불러왔었는데, 문제는 전역 스코프를 공유한다는 것이었다.파일이 여러개로 나뉘어있어도 전역 스코프를 공유하므로 같은 이름이라면 하나의 변수처럼 사용이 되어.. 더보기 모듈 번들러&빌드 툴 모듈 번들러란? *빌드 도구란? 더보기Build Tool: 빌드에 필요한 여러 과정을 자동화 하는 도구대부분 모듈 번들러가 빌드 자동화(build tool의 역할)까지 해주고 있음모듈 번들러 간단히 말해서 여러 JS 파일을 하나의 JS 파일로 합쳐주는 도구이다. 즉 js 파일 하나를 '모듈'이라고 보면 되는데,이미지, CSS, 폰트 같은것들도 번들러 설정에 따라 모듈로 취급할수있다. 우리가 개발을 할때, 편의상 여러개의 파일들이 만들어지게 된다 html, css, image, font 뿐만 아니라 js 파일도 역할과 편의에 따라 여러개로 나눠질수있다. 이렇게 완성된 웹 애플리케이션은 웹서버에 배포가 된다.브라우저에서 사용자가 웹서버에 해당 자원을 요청하면 웹서버가 해당 자원들을 응답값으로 보내주어 화면을.. 더보기 이전 1 다음
