JS 문법 - 모듈

Class: 제로베이스
Created: December 6, 2022 4:55 PM
Type: Javascript
강의 명: 입문자를 위한 자바스크립트 실습

모듈

여러 파일로 하나의 어플리케이션을 분리할 때, 가각의 파일들을 모듈이라 부름

export, import를 사용하려면 파일 확장자 명을 js 가 아닌 mjs 로 바꿔야 함.

모듈 내보내기

함수나 변수를 정의한 후 export를 통해 내보냄

• export const func = function( ) { } ;
• export const a = 1;

모듈 가져오기

파일 경로를 입력해 import 가능

• Import fileObj from ‘ 파일 경로 / 파일이름 . mjs ‘ fileObj .func( );
  
• Import { func, a } from ‘./파일 경로 / 파일 이름 / mjs’ func( );
  

모듈 시스템

내보내지 않은 변수는 외부로 노출되지 않아 자원 보호가 가능하다.

• CommonJS
  • const func = require( ‘ 파일경로 / 파일이름.mjs ‘ );
• ES Modules
  • Import func from ‘ 파일경로 / 파일이름.mjs ‘ ;