Programming/Frontend

(React) 기초 - 커먼 JS

armyost 2024. 11. 10. 22:30
728x90

커먼 JS는 모든 버전의 노드에서 지원하는 일반적인 모듈 패턴이다.(https://oreil.ly/CN-gA). 여전히 이런 방식의 모듈을 바벨이나 웹팩에서 사용할 수 있다. 커먼 JS를 사용하면 module.exports를 사용해 자바스크립트 객체를 익스포트할 수 있다. 

 

예를들어 커먼 JS에서 print와 log 함수를 객체로 반환할 수 있다. 

const print(message) => log(message, new Date());

const log(message, timestamp) => 
	console.log('${timestamp.toString()}: ${message}'};
    
module.exports = {print, log};

 

커먼 JS는 import 문을 지원하지 않는다. 그 대신, require 함수를 통해 모듈을 임포트 할 수 있다. 

const { log, print } = require('./txt-helpers');

 

최신 호환성 정보가 필요한 독자는 ESNext 호환성 표(https://oreil.ly/rxTcg)를 살펴보라.

'Programming > Frontend' 카테고리의 다른 글

(React) 기초 - ES6 모듈  (0) 2024.11.10
(React) 기초 - 클래스  (3) 2024.11.10
(React) 기초 - 비동기 자바스크립트  (1) 2024.11.08
(React) 기초 - 객체와 배열  (0) 2024.10.31
(React) 기초 - 함수 만들기  (0) 2024.10.30