컴포넌트 및 url 파라미터에 관해 질문드립니다!

[전요한]

쌤 질문이 있는데요

1. 첫 번째 사진과 같이 Detail페이지 html 컴포넌트를 다른 파일로 빼고 export이후 app.js에서 import할 때
'컴포넌트' 인데 import {Detail} from './Detail'; 이렇게 컴포넌트에 중괄호 {} 치는 게 아니라 왜 벗기는 건지 이유를 알고 싶습니다.

2. url 파라미터 강의에서 
function Detail(){
 let {id} = useParams(); }
처럼 id에 왜 중괄호를 썼는지알고 싶습니다.
리액트에서 자바스크립트 코드 읽게 해주는 장치로 알고 있는데
변수만들 때도 저렇게 쓰이니 헷갈리기 시작하네요 ㅠ

[codingapple]

export default한건 import시 중괄호가 없어야합니다 
object에 있던 자료를 변수로 빼는 문법입니다 destructuring 문법을 찾아봅시다

[글쓴이]

글