# CommonJS

22개의 포스트

[11.24] import from vs const require

개발을 하다보면 모듈을 불러올 때 이 두가지를 마주하는 경우가 많다.뭔가 다른 것 같고, 또 실제로 혼용하거나 잘못 사용하면 에러가 나는 경우가 다반사이다.하지만 뭔지도 모르고 그냥 지나쳐서 사용했던 이 두 친구들을 정리해보려 한다.더 최신 스펙인 ES6 모듈 시스템을

6일 전
·
0개의 댓글

webpack + babel

모듈단위의 js들을 모아서 하나의 app.js로 번들링해주는 기능 크로스브라우징을 위해 es6문법으로 작성된 js를 es5로 변환해주는 기능루트폴더에 npm init을 해준다.\*이때 폴더에 package.json파일이 생겨남웹팩과 바벨을 설치해준다 \*웹팩 바벨은 개

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

DEEP DIVE 한 장 요약 (모듈)

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

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

CommonJS 이해하기

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

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

JS - 모듈 시스템

Javascript에서 외부 라이브러리를 가져올 때 import와 require가 혼용되어서 사용되는 경우가 있어서 이를 정리해보고자한다.

2021년 5월 27일
·
0개의 댓글

MYSTAGRAM 제작기 5

이번에는 개발에 도움이 되는 tool에 관하여 작성할 것이다. > prisma studio 데이터 베이스를 시각화해서 보여준다. 검색에 용이하고 수정도 가능하다. 위의 명령어로 실행할 수 있다. > graphql-tools graphql-tools은 스키마와 re

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

[node.js] 모듈 사용하기 (Common JS)

브라우저와 다르게 node.js의 특징 중 하나는, 다양한 내장 모듈이 존재한다는 것입니다. 따라서, 이를 가져다 쓸 수 있는 방법을 배워야 합니다. 브라우저에서는 다른 스크립트 파일을 불러올 때에, HTML의 태그를 이용했습니다. 반면에 node.js 에서는 HTM

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

TIL_210407

화살표 함수모듈화CommonJS화살표 함수는 function 키워드를 화살표로 축약해서 표시하는 방법이다. ES6부터 새로 도입되었다.위와 같이 작성된 것을 화살표 함수라고 부르는데, 함수 표현식과 비교하면 한 눈에 확인할 수 있다.함수 표현식화살표 함수화살표 함수는

2021년 4월 7일
·
0개의 댓글

(Daily / TIL 02.24) commonJS 모듈

🤜 오늘 배운것들 npm, package.json 화살표 함수 CommonJS > package.json npm 모듈을 활용하기 위해 해당 모듈에 대한 정보를 담은 파일 즉, 프로젝트 전반에 관한 정보가 담겨있다. npm : node.js 생태계의 패키지 매니저

2021년 2월 25일
·
0개의 댓글

TIL_021_210225

CommonJS란 무엇인가?=> 브라우저 환경 밖인 Node.js에서 모듈 생태계를 구축하기 위해 만든 규칙들 이라고 말할 수 있다.모듈 생태계를 만들기 위해 어떤 것들이 필수적으로 요구되는 가?=> require 함수로 모듈을 불러와서 사용 (ex. require('

2021년 2월 25일
·
0개의 댓글

[TIL] 2021.02.24

이머시브 과정 3일차 되는 날이다.오늘은 최신 자바스크립트의 문법에 대해서 첫 발걸음을 떼는 날이었다. 배운것들을 바탕으로 블로깅을 하면서 다시한번 되짚어 보는 시간을 가져보자 !node.js vs 브라우저package.jsonCommonJS화살표 함수저번 시간에 no

2021년 2월 24일
·
0개의 댓글

CommonJS

CommonJS ? 간단하게 자바스크립트 모듈화를 위한 프로젝트 중 하나라고 한다. 사용 방법 저장되어 있는 모듈을 불러올 때 다른 스크립트를 불러올 때 아직 이개념은 이해가 안된다. 정리가 되면 수정하겠다. 모듈로 노출시킬 때 module.exports 와

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

TIL_IM_20201229(화)

stream \- 배열이나 문자열 같은 데이터 컬렉션 \- 대량의 파일을 읽을 때 그냥 읽으면 메모리 소비가 어마어마 하지만 stream을 사용하면 메모리 소비를 줄일 수 있다. \- http request = 읽기 가능한 스트림 \- http response

2020년 12월 29일
·
0개의 댓글

Chatterbox Server

Node.js란 자바스크립트를 기계어로 바꿔주는 엔진으로 만들어진 자바스크립트가 구동중인 환경이다.

2020년 12월 28일
·
0개의 댓글

[Node.js] commonJS / AMD 💯️

goalhttp라는 모듈을 가지고 와서 이를 이용하여 서버를 생성fs라는 파일 모듈을 가지고 와서 readFile 이라는 비동기 메소드를 통해 파일을 읽고 해당 내용을 출력events라는 모듈은 노드에서 비동기 이벤트를 생성하고 관리하도록 해주는 모듈<script

2020년 12월 28일
·
0개의 댓글

[JavaScript] TWIL : CommonJS와 Node.js의 기본 내장 module (20/11.16~11.17)

Server 스프린트를 하면서 학습했던 CommonJS와 Node.js의 기본 내장 module에 대해 짚고 넘어가려 한다.JavaScript 표준을 위한 움직임: CommonJS와 AMD를 많이 참고하여 블로깅 한다.module은 사전적 의미로 '구성 단위'를 뜻한다

2020년 11월 25일
·
0개의 댓글

모듈

구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.

2020년 11월 19일
·
0개의 댓글

JS의 모듈 생태계

안녕하세요. 이번 시간에는 자바스크립트의 다양한 모듈 시스템에 대해 알아보겠습니다. 비록 2018년 지금은 브라우저에는 ES2015 모듈(IE는 안 됩니다...), 노드에는 CommonJS 모듈(실험적인 ES2015 모듈 지원과 함께)로 통일되었지만, 아직도 많은 코드

2020년 10월 18일
·
0개의 댓글

[JavaScript] 📦Module(CommonJS-Nodejs, RequireJS-AMD, ESM, UMD)📦

🙌안녕하세요🙌 자바스크립트로 프론트, 백 모두 작성하다보면 모듈 사용 방식이 자주 헷갈리곤 하는데요, 사용법을 좀 더 알기 쉽게 머리속에 넣기위해 각각의 파트별로 정리해보려고 합니다. 이 글을 보시고 자바스크립트의 모듈 시스템에 대해 쉽게 이해가 되었으면 좋겠습니다! CommonJS CommonJS는 웹브라우저 밖의 JavaScript를 위한 모...

2020년 1월 3일
·
0개의 댓글

CommonJS require, exports

https://www.daleseo.com/js-module-require/

2020년 1월 1일
·
0개의 댓글