import { } 유무 차이

import { category } from "@/app/data/skillsCategory";

 

{ }가 있으면 named export를 가져온다.

 

import category from "@/app/data/skillsCategory";

 

{ }가 없으면 default export를 가져온다.

 

1. { } 있는 경우 -> named export

export const category = [
  { id: "foundation", ... }
];

import { category } from "@/app/data/skillsCategory";

 

{ } 안에 export 변수 이름 동일해야 한다.

 

2. { } 없는 경우 -> default export

const category = [
  { id: "foundation", ... }
];

export default category;

import category from "@/app/data/skillsCategory";
import skills from "@/app/data/skillsCategory";

 

default export인 경우 { } 없이 사용 가능하다.

이때, 이름을 마음대로 지정할 수 있다.

 

3. 같이 쓰는 것도 가능

export const CATEGORY_TITLE = "Skills";
export const category = [...];
export default category;

import category, { CATEGORY_TITLE } from "@/app/data/skillsCategory";