js- export vs export default

js문을 계속해서 연습해 보던 중, 궁금한 것이 생겼다.
어떤 함수는 export를 사용해서 내보내고, 또 어떤 함수는 export default를 사용해서 내보내는데 대체 두 방법의 차이는 뭘까 ???
두 방식의 차이에 대해 정리하면 다음과 같다 !!!

export vs export default

export: export 키워드는 여러 개의 변수, 함수, 클래스 등을 모듈 밖으로 내보낼 때 사용

• export로 내보내는 것은 {}안에 넣어 골라서 import 해올 수 있다.

export default: 모듈에서 기본적으로 내보내는 항목을 정의할 때 사용. 모듈에서는 하나의 항목만 기본적으로 내보낼 수 있다

• export default로 내보내는 것은 {}안에 넣지 않아도 된다. default는 한 번 밖에 사용하지 못하기 때문에

• export와 export default가 같이 있을 때 default는 default 대로, export 는 {}안에 가져올 수 있다.
• export default는 한개 이기 때문에 이름을 바꿔서 가져올 수 있다.
• export를 한번에 다 가지고 오는 방법

 import * as QQQ from ' '

qqq.button
qqq.input 과 같이 꺼내서 사용 할 수 있다.