최대 1 분 소요

exprot import를 알아보자🍓

1. Default Export

//export
function Abcd() {
  return
}
export default Abcd;
//import
import 아무렇게나작명 from "Abcd의 장소";


하나의 파일에서 단 하나의 변수 또는 클래스 등만 export가능. (let, const를 바로 default export할 수는 없다.)



2. Named Export

//export
export const Abcd = () => {}
export const Ppap = () => {}
//import
import { Abcd } from "Abcd의 장소";
import { Abcd, Ppap} from "장소"
import { Abcd as 아무렇게나작명, Ppap} from "장소"


반드시 중괄호로 감싸주어야하고 몇개든 맘대로 호출 가능하며 이름을 바꿀 수 도 있다.



//export
export { a, b, c, , z };
import { a,b,c } from "장소";


이런것도 가능



업데이트: