# ESM

9개의 포스트

webpack.config.js 를 ESM 방식으로 바꾸어 dev server를 구축하기

webpack.config.js는 ESM모듈로 충분히 변경할 수 있다.

2021년 11월 18일
·
0개의 댓글
post-thumbnail

ES Modules

ES6에 도입된 모듈시스템import, export로 js파일끼리 접근A.js (최하위 코드)B.js (중간 코드)app.js 최상위 코드HTML코드

2021년 10월 15일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (모듈)

모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다.자신만의 파일 스코프를 갖

2021년 9월 8일
·
0개의 댓글

JS 모듈에 대하여

모듈은 1개 이상의 값을 내보내는 JS파일이다.모듈을 통해 기능과 관심사의 분리를 할 수 있다. AMD, CJS, UMD, ESM 등 모듈 종류를 정리해보았다.

2021년 9월 5일
·
0개의 댓글
post-thumbnail

[nodejs] esm으로 ES 모듈 import/export 문법 사용하기

기존 리액트 프로젝트에서 사용해 오던 ES 모듈 import/export 문법은 Node.js에서 아직 정식으로 지원되지 않는다. (노드에서는 CommonJS의 require, module.exports 사용)Node.js에 해당 기능이 구현되어 있기는 하지만 아직 실

2021년 6월 28일
·
0개의 댓글

CommonJS 이해하기

exports는 변수나 함수의 이름을 그대로 사용해서 내보낸다. NamedExports라고 일컫는다.module.exports와 exports는 같은 객체를 참조한다. 같은 문법이다.보통 하나의 객체에 모아서 내보낸다.babel이 없는 환경에서 ES모듈을 사용한다면 i

2021년 6월 7일
·
1개의 댓글
post-thumbnail

Webpack5 번들링 사이즈 최소화

이 포스팅은 Webpack 5 버전으로 ESM 자바스크립트 모듈 디펜던시를 번들링하였을 때 사이즈를 최소화 하는 과정에 대한 내용입니다. 최근에 사내에 Vue.js 로 진행한 프로젝트 작업물에 대해서 웹팩 빌드를 진행하여 배포할 일이 있었다. 별 생각없이 Vue-Cl

2021년 4월 24일
·
0개의 댓글
post-thumbnail

🌖 The Art of React part2

데이터 스키마가 고정적이며 확장성이 없는 기존의 데이터베이스의 문제를 해결하고자 mongoDB가 나오게 됐다.문서 지향적 NoSQL데이터 베이스이며 Node.js 환경에서는 mongoDB 기반 ODM(Object Data Modeling) 라이브러리인 mongoose와

2021년 1월 2일
·
0개의 댓글
post-thumbnail

📦 JavaScript Module System

자바스크립트의 모듈 시스템 (ESM, CommonJS, AMD)

2018년 12월 1일
·
16개의 댓글