Import & Export

Import

 

 

Import의 뜻은 ?

 

→ Import의 사전적 의미 : ① 수입하다  ② (다른 프로그램에서 데이터를) 불러오다

 

 

React에서의 import 사용 방법

 

형태	의미
import 이름 from "위치"	default 있이 export 해 줬을 때 사용
import { 이름 } from "위치"	default 없이 export 해 줬을 때 사용
import * from "위치"	위치에 있는 모든 것을 갖고 올 때 사용
import * as 이름 from "위치"	as 문법을 통해 이름을 임의로 설정할 수 있음
import { default as 이름 } from "위치"	as 문법을 통해 이름을 임의로 설정할 수 있음

 

 

---

 

Export

 

 

Export의 뜻은 ?

 

→  Export의 사전적 의미 : ① 수출(하다) ② 수출품

 

 

React에서의 Export 사용 방법

 

형태	의미
export { 객체 } import { 객체 } from 위치	객체의 이름을 유지한 채 내보냄
export default 객체 import { default as 객체 } from 위치 import 객채 from 위치	객체의 이름을 임의로 설정해서 내보냄
export const 컴포넌트 = () => { return <></> export default class 컴포넌트 extends React.Component {}	export는 선언문과 한꺼번에 쓸 수 있음
export const 함수 = () => {} export default function 함수 () {}
export { 객체 } from 위치	특정 위치에서 가져온 파일을 내보낼 수 있음