export: default/named

내보내기에는 두 종류, 기본(default)과 유명(named) 내보내기가 있다. 모듈 하나에서, 유명 내보내기는 여러 개 존재할 수 있지만 기본 내보내기는 하나만 가능하다.

default export (기본 내보내기)

// 내보낼 모듈에서
export default Login;
// 가져올 모듈에서
import Login from "./Pages/Login";

default export는 어떤 이름으로도 가져올 수 있다.

named export (유명 내보내기)

// 내보낼 모듈에서
const value = "abc";
export { Main, value };
// 가져올 모듈에서
import { Main, value } from "./Pages/Main";

named export는 여러 값을 내보낼 때 유용하다. 가져갈 때는 내보낸 이름과 동일한 이름을 사용해야 한다.

default export와 named export를 같이 쓸 수도 있다.

// 내보낼 모듈에서
const value = "abc";
export { value };
export default Main;
// 가져올 모듈에서
import Main, { value } from "./Pages/Main";