# ESM

16개의 포스트
post-thumbnail

CommonJS 와 ES Modules 의 번들 크기 비교

https://web.dev/commonjs-larger-bundles/ 의 예시 코드를 직접 돌려본 결과 입니다.https://github.com/youngkiu/cjs-vs-esm-size

3일 전
·
0개의 댓글
·
post-thumbnail

esbuild로 CJS와 ESM 동시 지원

https://dev.to/endel/nodejs-package-authors-please-support-both-cjs-and-esm-1oj3

2022년 9월 11일
·
0개의 댓글
·

자바스크립트 module

안녕하세요. tsconfig와 webpack에서 commonJS와 esModule의 컴파일 결과를 정리하는 도중, 기본적인 지식을 먼저 익혀야 된다고 생각이 들었습니다(이는 추후에 새로운 글로 소개 드리겠습니다). 바로 자바스크립트에서 module이 어떻게 동작하는지

2022년 4월 22일
·
0개의 댓글
·
post-thumbnail

스마트 스토어에 대한 이야기

요즘 몇년 전부터 핫한 인터넷 스토어에 대해서 이야기 하려합니다.코로나로 매출이 많아지는 것은 어쩔 수 없는 사회 현상 같습니다.그러사 상품에 대해서 소싱 할때 국내 도매 싸이트 통해서 가격 경쟁력 없으며키워드로 헛점을 노리는 방법 뿐이 없습니다. 파워 키워드는 가격

2022년 3월 31일
·
0개의 댓글
·
post-thumbnail

typescript npm패키지를 dual package로 만들기.

CommonJS와 ES-Module, 분명히 미래에는 ES-Module이 더 널리 쓰일 것이다.(적어도 난 그렇게 믿는다.) 하지만 분명 지금은 CommonJS가 더 널리 쓰이고, 새로운 프로젝트에서도 CJS를 지원하는 것은 당연하다. 따라서 내가 패키지를 만들고자

2022년 3월 24일
·
0개의 댓글
·
post-thumbnail

모듈 시스템과 Webpack(1)

리액트를 공부하고, 리액트 프로젝트를 진행하며 모듈 시스템을 이용해 컴포넌트 주도 개발을 할 때 Webpack과 같은 번들러의 역할이 중요하다는 것을 알게 되었다. 이 글을 통해서 리액트 개발 시 웹팩이 필요한 이유와 웹팩 설정 방법을 정리해본다...

2022년 2월 8일
·
0개의 댓글
·

20220203 TIL

https://tech.kakao.com/2020/12/01/frontend-growth-02/ 위 글에서 보면 commonJS와 ESModule을 함께 사용하기 위해서 @babel/plugin-transform-modules-commonjs, 즉 preset-env

2022년 2월 4일
·
0개의 댓글
·

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개의 댓글
·

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개의 댓글
·