React 프로젝트를 진행하면서(혹은 modern JS 프로젝트)
재사용 가능한 UI단위인 컴포넌트
들이나 여러가지 공용모듈
등을 하나의 프로젝트의 파일들 사이에서 Export하고 Import한 경험이 많으실겁니다.
저는 오늘 그것을 제대로 정리해보자 합니다🔥
Exports
에는 크게 두가지 타입이 있습니다.
default
=> export default ... ;해당 경우에는
import 자유로운이름선택가능 from './path/to/file.js'
해당 경우에는
import {someData} from './path/to/file.js'
또는
import {someData as 원하는이름} from './path/to/file.js'
또는
import * from './path/to/file.js'
다음과 같은 표현법이 가능합니다.