[#day1] import, export

김루루룽·2022년 3월 17일
0

React, Next.js

목록 보기
2/42
post-thumbnail

1. Export

export란? 내보내기 라는 것을 의미

내보내고 싶은 함수나 변수 앞에 export를 선언해준다.

* 여러 개를 한 번에 써 줄수도 있다

const arr = [1, 2, 3]
const title = "숫자"
function hello () { return console.log("hello")}

export {arr, title, hello};

export와 export default의 차이?
default는 한 모듈당 하나만 사용할 수 있다.


2. Import

import : 앱에 코드 분할을 도입하는 가장 좋은 방법은 동적 import() 문법을 사용하는 방법.

import 파일, 설정, 컴포넌트를 외부 파일이나 모듈에서 가져올 때 사용합니다.

 import 이름 from 위치 
 import {이름, 이름} from 위치  <-이처럼 객체로 여러 개를 갖고 올 수 있다.


위치에 있는 모든 것을 갖고오고 싶다면 아래같이 표현 할 수 있다.

import * from 위치 

as를 써서 임의로 이름을 설정할 수 도 있다.

import * as 이름 from 위치 

이렇게 export와 import를 하는 이유?
여러 개의 파일로 나누어 효율적으로 사용, 관리하기 위해

profile
1day 1push..plz

0개의 댓글