๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ปWEB FrontEnd/ํ”„๋ ˆ์ž„์›Œํฌ React

import, export

export default ๋ณ€์ˆ˜๋ช…; ์ด๋ ‡๊ฒŒ ์“ฐ๋ฉด ์›ํ•˜๋Š” ๋ณ€์ˆ˜๋ฅผ ๋ฐ–์œผ๋กœ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค. 

//data.js ํŒŒ์ผ

let a = 10;
export default a;

//๋ณ€์ˆ˜๊ฐ€ ์—ฌ๋Ÿฌ๊ฐœ๋ฉด 
let a = 10;
let b = 20;
export default { a, b };

 

๋‹ค๋ฅธ ํŒŒ์ผ์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ importํ•ด์„œ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.

//App.js ํŒŒ์ผ

import a from './data.js';

//๋ณ€์ˆ˜๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐœ๋ฉด
import { a, b } from './data.js';