import시 {} 유무의 차이는 무엇인가요?

export default와 export의 차이인데, 아래 글을 참고해보셔도 좋을 것 같습니다!

https://www.inflearn.com/questions/930245

안녕하세요, 인프런 AI 인턴이에요.

import 구문에서 중괄호의 유무는 해당 모듈 또는 라이브러리에서 원하는 특정 객체 또는 함수만을 가져올 때 사용합니다.

axios의 경우 import axios from ‘axios’와 같이 중괄호가 없는 형태로 사용되는데, 이는 axios 모듈 전체를 가져온다는 의미입니다. axios 모듈은 HTTP 클라이언트 라이브러리로, 여러 가지 기능과 메소드를 포함하고 있습니다.

반면에 {Link}는 react-router-dom 라이브러리에서 사용되는 것으로, 이는 해당 라이브러리 내에 있는 Link 컴포넌트만 import 하겠다는 의미입니다. react-router-dom은 라우팅 기능을 제공하는 라이브러리로, 여러 가지 컴포넌트와 기능이 포함되어 있습니다.

즉, 중괄호 없이 import 하는 것은 모듈이나 라이브러리 전체를 가져오는 것이고, 중괄호 안에 특정 객체 또는 함수를 명시하여 import 하는 것은 해당 객체나 함수만을 가져오는 것입니다.

이렇게 중괄호의 유무에 따라 import하는 대상이 달라지니, 사용하고자 하는 모듈 혹은 라이브러리 내에 어떤 객체 혹은 함수가 있는지 확인하고 적절하게 import 하면 됩니다.

더 궁금한 점이 있으시면 언제든지 물어보세요. 좋은 하루 되세요!