구조 분해 할당

구조 분해 할당 destructuring assignment

객체나 배열에서 원하는 값을 추출하여 변수에 할당하는 JavaScript 문법

이런 코드가 있다고 가정하자.

const { data: user } = useQuery({
  queryKey: ['user', email],
  queryFn: getUserByEmail,
});

이 코드에서 중괄호는 '구조 분해 할당'을 의미

위 코드에 경우, useQuery 훅이 반환하는 객체에서 data 속성을 추출하여
user 변수에 할당하고 있다.

여기서 { data: user }는 객체 구조 분해를 사용하고 있다.

data는 useQuery 훅이 반환하는 객체의 속성 중 하나이며,
이 값을 user라는 새로운 변수에 할당하고 있다.

따라서 user 변수에는 쿼리의 결과 데이터가 들어가게 된다.

이렇게 구조 분해를 사용하면 객체의 속성을 직접 참조하는 것보다
코드가 간결해지고 가독성이 좋아진다.