javascript 에서 import 하는 방법

 여러 프로그래밍 언어를 하다보면 특정 언어의 고유한 성질을 모를 때가 있다. 
오늘 javascript 에서 import 에 대해서 알게 되었다.
참고 ( https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import )

js 언어에서 모듈을 가져올 때 방법 1과 방법 2가 의미하는 것이 다르다. 

// 방법 1, 기본값 가져오기
import defaultExport from "module-name";

// 방법 2, 특정 멤버만 가져오기
import { export1 } from "module-name";

나는 방법 2가 콤마를 이용해서 여러가지를 가져오는 방법이라고 추측했는데 그게 아니었다.

이 문제는 모듈을 정의하는 곳에서 어떻게 되어 있느냐에 따라서 달라지는 문제 였다. 
방법 1을 사용하려면 모듈을 정의하는 곳에서  "default export" 구문을 사용했어야 한다. 

이 차이를 몰라서 오늘 반나절을 허비했다. vuetify3 에서 이 이슈 때문에 계속 오류를 발생시켰다. 나에거 js 가 사이드 언어인지라 변화를 바로바로 따라가지 못하다 보니 이런 문제가 있었다.