[JS]named export VS export default

참고 블로그
참고 자료

개요

프로젝트 파일을 생성하고 여러 컴포넌트를 작성하다보면 이를 내보내(export)하여 사용해야할 일이 생긴다.
이 때 사용하는 대표적인 두가지 방식이있다.
1. named export
2. export default

named export

• example

export const Test = () => {
	return(
      		<div>Test!</div>
      )
}

해당 방식으로 export하게되면 정해진 이름으로 import해야한다.

export default

• example

const Test = () => {
	return(
      		<div>Test!</div>
      )
}

export default Test

해당 방식으로 export하게되면 자유로운 이름으로 import 할 수 있다.