[NextJS] import 할 때 중괄호 {} 의 의미는?

import { useState } from "react";
import CheckButton from "../components/CheckButton";

중괄호 {} 를 사용한 변수는 export 될 때 default를 사용하지 않고 export 된 경우이며,

중괄호를 사용하지 않은 변수는 export 할 때 default로 export 된 경우이다.

 

 

 

 

또, 중괄호 안에 들어가서 import 되는 변수는 변수 이름을 마음대로 바꿀 수 없지만, 

아래처럼 as를 사용해서 a라는 변수를 이 파일에서는 b로 사용할 수 있다.

import { a as b } from '../zz.js'

 

 

따라서, 중괄호의 사용여부의 의미는 export 될 때 default로 export가 되냐 안되냐의 차이이다.