[React] - export 위치 차이

예를들어,
아래 코드처럼 컬러를 매번 번거롭게 자주 사용하는 main color들을 일일히 쓰기가 번거로워서 컬러들을 변수에 담아서 전역적으로 import해서 쓰려고 한다

1번째 방법 )

ex) 예시

const theme = {
    black: "#000000",
    white: "#FFFFFF",
}

export default theme;

이렇게 export default theme;쓰게 되면

① 단 하나의 변수를 내보내고
② import 할때 이름을 마음대로 지어도 된다는

장점을 가지고 있다!

2번째 방법 )

ex) 예시

export const theme = {
    black: "#000000",
    white: "#FFFFFF",
}

이렇게 export + 변수선언을 같이 하게 되면

① 여러개의 변수를 내보내고
② 변수에 이름을 지정했기 때문에 그 이름 그대로 import해야 함

잊지말고 구분해서 상황에 맞춰 쓰자!!!😆😆