import / export

박시하·2021년 11월 15일
0

React

목록 보기
8/17

〰 export default 문법

(data.js 파일)

var 중요데이터 = 'Kim';
export default 중요데이터;

❗  이 파일에서 중요한 변수를 export하고 싶을 땐 export default라는 문법을 쓰시고 우측에 배출을 원하는    변수를 담아줄 수 있습니다.

  • 변수명, 함수명, 자료형 전부 배출가능합니다.

  • 파일마다 export default 라는 키워드는 하나만 사용가능합니다.




〰 import 문법

(App.js 파일)

import 중요데이터 from './data.js';

 App.js에서 data.js 에서 배출한 변수를 쓰고싶다면 import 변수명 from '경로' 라고 작성해서 다른 파일에서     배출한변수를 갖다쓸 수 있습니다.




〰 export {} 문법

(data.js 파일)

var name1 = 'Kim';
var name2 = 'Park';
export { name1, name2 }

❗ ** 그럼 원하는 변수명, 함수명을 내보낼 수 있습니다. 꼭 변수나 함수명이 있어야합니다.

profile
기본 회원

0개의 댓글