[Node.js] export / export default / import

한 파일에 코드가 길어지면 가독성은 물론 코드관리에 어려움이 있다.
필수적으로 파일을 나누어 주어야 하는데,
export와 import를 이용하여 다른 파일에 저장해 둔 변수나 함수나 자료형을 불러올 수 있다.

 

 

예를들어 한 개의 파일에 변수가 하나 있다,

 

한 개의 변수를 다른 곳에서 쓰고 싶다면?

- export default

const foodDate = ["orange", "meal", "jelly"]

export default foodDate;

해당 파일에 변수 선언과 하단에 export default [변수명] 을 해주면
다른 파일에서 import하여 사용할 수 있다.

 

export default ["orange", "meal", "jelly"]

* 이렇게 변수명 없이 직접 array를 보낼 수도 있다.

 

 

- export default -> import

 import somthing from "./food" // import 변수명아무거나 from "경로"

해당 변수를 불러와서 사용 할 때는 위와 같이 import를 해주면 되는데

default로는 변수를 하나만 보낼 수 있다.
그리고 하나만 보내기 때문에 변수명을 아무거나 지정해도 된다. (해당 파일엔 export 한 것이 한 개 이기 때문!)

 

 

export default는 한 개의 변수만을 export해 줄 수 있는데,

 

여러개의 변수를 export하고 싶다면?

- export

const name = 'Jay";
const age = 28;

export { name, age }

export const name = "Jay";
export const age = 28;

위와 같이 export { 변수명, 변수명 } 을 사용하여 보내거나
export 변수명을 사용하여 직접적으로 선언해 줄 수도 있다.

 

- export -> import

 

 import { name, age } from "./food" // import 정해놓은 변수명 from "경로"

default하지 않은 변수명은 import 할 때 지정해놓은 변수명을 사용해야한다.
name, age로 지정해서 export했다면 import를 할 때도 해당 변수명을 불러와야 한다.