# CommonJS
[11.24] import from vs const require
개발을 하다보면 모듈을 불러올 때 이 두가지를 마주하는 경우가 많다.뭔가 다른 것 같고, 또 실제로 혼용하거나 잘못 사용하면 에러가 나는 경우가 다반사이다.하지만 뭔지도 모르고 그냥 지나쳐서 사용했던 이 두 친구들을 정리해보려 한다.더 최신 스펙인 ES6 모듈 시스템을
webpack + babel
모듈단위의 js들을 모아서 하나의 app.js로 번들링해주는 기능 크로스브라우징을 위해 es6문법으로 작성된 js를 es5로 변환해주는 기능루트폴더에 npm init을 해준다.\*이때 폴더에 package.json파일이 생겨남웹팩과 바벨을 설치해준다 \*웹팩 바벨은 개
DEEP DIVE 한 장 요약 (모듈)
모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다.자신만의 파일 스코프를 갖
CommonJS 이해하기
exports는 변수나 함수의 이름을 그대로 사용해서 내보낸다. NamedExports라고 일컫는다.module.exports와 exports는 같은 객체를 참조한다. 같은 문법이다.보통 하나의 객체에 모아서 내보낸다.babel이 없는 환경에서 ES모듈을 사용한다면 i
JS - 모듈 시스템
Javascript에서 외부 라이브러리를 가져올 때 import와 require가 혼용되어서 사용되는 경우가 있어서 이를 정리해보고자한다.
MYSTAGRAM 제작기 5
이번에는 개발에 도움이 되는 tool에 관하여 작성할 것이다. > prisma studio 데이터 베이스를 시각화해서 보여준다. 검색에 용이하고 수정도 가능하다. 위의 명령어로 실행할 수 있다. > graphql-tools graphql-tools은 스키마와 re
[node.js] 모듈 사용하기 (Common JS)
브라우저와 다르게 node.js의 특징 중 하나는, 다양한 내장 모듈이 존재한다는 것입니다. 따라서, 이를 가져다 쓸 수 있는 방법을 배워야 합니다. 브라우저에서는 다른 스크립트 파일을 불러올 때에, HTML의 태그를 이용했습니다. 반면에 node.js 에서는 HTM
TIL_210407
화살표 함수모듈화CommonJS화살표 함수는 function 키워드를 화살표로 축약해서 표시하는 방법이다. ES6부터 새로 도입되었다.위와 같이 작성된 것을 화살표 함수라고 부르는데, 함수 표현식과 비교하면 한 눈에 확인할 수 있다.함수 표현식화살표 함수화살표 함수는
(Daily / TIL 02.24) commonJS 모듈
🤜 오늘 배운것들 npm, package.json 화살표 함수 CommonJS > package.json npm 모듈을 활용하기 위해 해당 모듈에 대한 정보를 담은 파일 즉, 프로젝트 전반에 관한 정보가 담겨있다. npm : node.js 생태계의 패키지 매니저
TIL_021_210225
CommonJS란 무엇인가?=> 브라우저 환경 밖인 Node.js에서 모듈 생태계를 구축하기 위해 만든 규칙들 이라고 말할 수 있다.모듈 생태계를 만들기 위해 어떤 것들이 필수적으로 요구되는 가?=> require 함수로 모듈을 불러와서 사용 (ex. require('
[TIL] 2021.02.24
이머시브 과정 3일차 되는 날이다.오늘은 최신 자바스크립트의 문법에 대해서 첫 발걸음을 떼는 날이었다. 배운것들을 바탕으로 블로깅을 하면서 다시한번 되짚어 보는 시간을 가져보자 !node.js vs 브라우저package.jsonCommonJS화살표 함수저번 시간에 no
CommonJS
CommonJS ? 간단하게 자바스크립트 모듈화를 위한 프로젝트 중 하나라고 한다. 사용 방법 저장되어 있는 모듈을 불러올 때 다른 스크립트를 불러올 때 아직 이개념은 이해가 안된다. 정리가 되면 수정하겠다. 모듈로 노출시킬 때 module.exports 와
TIL_IM_20201229(화)
stream \- 배열이나 문자열 같은 데이터 컬렉션 \- 대량의 파일을 읽을 때 그냥 읽으면 메모리 소비가 어마어마 하지만 stream을 사용하면 메모리 소비를 줄일 수 있다. \- http request = 읽기 가능한 스트림 \- http response
[Node.js] commonJS / AMD 💯️
goalhttp라는 모듈을 가지고 와서 이를 이용하여 서버를 생성fs라는 파일 모듈을 가지고 와서 readFile 이라는 비동기 메소드를 통해 파일을 읽고 해당 내용을 출력events라는 모듈은 노드에서 비동기 이벤트를 생성하고 관리하도록 해주는 모듈<script
[JavaScript] TWIL : CommonJS와 Node.js의 기본 내장 module (20/11.16~11.17)
Server 스프린트를 하면서 학습했던 CommonJS와 Node.js의 기본 내장 module에 대해 짚고 넘어가려 한다.JavaScript 표준을 위한 움직임: CommonJS와 AMD를 많이 참고하여 블로깅 한다.module은 사전적 의미로 '구성 단위'를 뜻한다
모듈
구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.
JS의 모듈 생태계
안녕하세요. 이번 시간에는 자바스크립트의 다양한 모듈 시스템에 대해 알아보겠습니다. 비록 2018년 지금은 브라우저에는 ES2015 모듈(IE는 안 됩니다...), 노드에는 CommonJS 모듈(실험적인 ES2015 모듈 지원과 함께)로 통일되었지만, 아직도 많은 코드
[JavaScript] 📦Module(CommonJS-Nodejs, RequireJS-AMD, ESM, UMD)📦
🙌안녕하세요🙌 자바스크립트로 프론트, 백 모두 작성하다보면 모듈 사용 방식이 자주 헷갈리곤 하는데요, 사용법을 좀 더 알기 쉽게 머리속에 넣기위해 각각의 파트별로 정리해보려고 합니다. 이 글을 보시고 자바스크립트의 모듈 시스템에 대해 쉽게 이해가 되었으면 좋겠습니다! CommonJS CommonJS는 웹브라우저 밖의 JavaScript를 위한 모...
