js export import

// person.js

const person = {
	name: 'hong'
    }

export default person

// utility.js
export const hi = () => {...}

export const haha = 10;

app.js

import person from './person.js'
import prs from './person.js'

export 앞에 default로 인해 person을 import 하게 됨

import { haha } from './utility.js'
import { hi } from './utility.js'

이름을 지정해서 가져와아함 named export

import { haha as ha } from './utility.js'
이렇게 가져와서 이름을 바꿔서 사용가능

import * as bundled from './utility.js'
이렇게 한번에 가져와서

bundled.haha, bundled.hi 이렇게 사용도 가능