TIL 2024.05.09

javascript 모듈 (Module)

모듈이란?

개발하는 웹의 크기가 커지면서 어느 시점에는 파일을 여러 개로 분리해야 하는, 이때 분리된 파일을 각각 "module"이라고 부릅니다.

<script src="../script/파일이름.js" type="module"></script>

위처럼 type을 module이라고 지정해 주면 export와 import를 사용하여 다른 모듈을 불러와 작업하는 것을 가능하게 해 줍니다.

 

모듈의 scope

모듈은 자신만의 scope가 있습니다. 그래서 모듈에서 정의한 내부의 변수, 함수는 다른 script에서 접근할 수 없게 됩니다. 그래서 외부로 공개하려면 export를 사용해 내보내어야 하고, 내보낸 모듈을 사용하기 위해서는 import를 통해 가져와서 사용할 수 있습니다.

 

📍export를 통해 내보내기

export const options = {}

 

📍import를 통해 가져오기

import { options } from "./파일이름.js";