반응형
범용적인 목적으로 js를 사용하기 위한 선결조건: 모듈화
- CommonJS
- 브라우저 이외의 곳에서 JS를 사용하기 위한 모듈 시스템
- 노드에서 많이 사용됨
- CommonJS의 Common은 js를 브라우저만이 아닌 일반적인 범용언어로 사용살 수 있게 하겠다는 것
- 필요한 파일이 모두 로컬디스크게 있어 바로 불러쓸 수 있는 상황 즉 서버사이드에서는 CommonJS가 AMD방식보다 간결함
- AMD(Asynchronous Module Definition)
- ES6가 나오기 전에 많이 사용됨
- 주요특징
- 모듈(자바스크립트)의 비동기 로딩 (html에서 script태그를 통해서 관리하는게 아닌 js로 script태그를 append하여서 로딩함
- 클로저를 통한 전역관리
- CommonJS에 비해 사용법 간단
- AMD방식을 사용하는 대표적인 오픈소스가 RequireJS
- 필요한 파일을 네트워크를 통해 내려받아야 하는 브라우저와 같은 환경에서는 AMD가 CommonJS보다 더 유연한 방법을 제공
- ES6(2015)
- 브라우저(frontend)에서는 요즘 거의 이것 사용
- 그대로 쓰기보다 webpack/rollup 같은 번들러를 통해서 많이 사용됨
참고자료
반응형
'js' 카테고리의 다른 글
| 마우스 클릭 못하도록 막는 법: 마우스 가져가도 커서 활성화 안되도록 (0) | 2022.07.11 |
|---|---|
| axios(설치필요,더많은기능지원) vs fetch(브라우저 기본내장) (0) | 2022.07.07 |
| 크롬 Inspector > Network > Preview,Response json확인하려면 res.json()실행되어야 함 (완전 몰랐던 사실) (0) | 2022.06.14 |
| CORS(Cross-Origin Resource Sharing) (0) | 2022.06.10 |
| react-scripts build (0) | 2020.12.17 |