고민되는 상황
구체적인 사례를 소개해주세요.
const product = {
id: 1,
type: 'FOOD',
name: '상품1',
stock: '30',
description: '상품1의 설명입니다'.
}
// 이런 product 객체가 있을 때,
// 1. 구조분해하여 사용
const { id, type, name, stock, images, description, rating, price } = product;
// 2. 직접 접근하여 사용
console.log(product.id);
console.log(product.type);
TypeScript
복사
뭔가 찝찝하거나 고민되는 상황을 설명해주세요.
객체의 값에 접근할 때, 필요한 변수만 구조분해하여 사용할지, 객체를 통해 . 으로 접근할지 고민됩니다.
의사결정과 근거
고민 상황을 해결한 결정과 그렇게 생각한 근거가 궁금해요!
직접 접근하여 사용하기로 결정했어요.
const { type } = product;
const { type } = category; // ❌ 변수명 충돌!
TypeScript
복사
1.
변수명 충돌 방지: 다른 객체와 같은 키 이름이 겹칠 때 구조분해하면 변수명을 재사용할 수 없음
2.
출처 추적의 명확성: product.type을 보면 바로 어느 객체에서 온 값인지 알 수 있지만, 구조분해된 type 변수만 보면 어디서 온 건지 코드를 거슬러 올라가서 확인해야 함
3.
코드 가독성: 특히 여러 객체를 동시에 다룰 때 user.name, product.name 처럼 네임스페이스가 명확하게 구분되어 실수를 줄일 수 있음