[TIL]Exports & Imports

React 프로젝트를 진행하면서(혹은 modern JS 프로젝트)
재사용 가능한 UI단위인 컴포넌트 들이나 여러가지 공용모듈등을 하나의 프로젝트의 파일들 사이에서 Export하고 Import한 경험이 많으실겁니다.

저는 오늘 그것을 제대로 정리해보자 합니다🔥

Exports & Imports

Exports에는 크게 두가지 타입이 있습니다.

첫번째, default => export default ... ;

해당 경우에는

import 자유로운이름선택가능 from './path/to/file.js'

두번째, named => export const someData ...;

해당 경우에는

import {someData} from './path/to/file.js'

또는

import {someData as 원하는이름} from './path/to/file.js'

또는

import * from './path/to/file.js'

다음과 같은 표현법이 가능합니다.