객체 해부: 생성 접근 구조분해

핵심 개념

객체는 키-값 쌍의 집합입니다. 점 표기법(obj.key)과 괄호 표기법(obj['key'])으로 접근합니다. 구조분해 할당으로 변수를 한번에 추출하고, 스프레드 연산자(...)로 객체를 복사/병합합니다. Object.keys(), values(), entries()로 객체를 순회합니다. 각 속성을 지우며 객체 구조가 붕괴되는 것을 확인하십시오.

코드 분석

JS📋 코드 (14줄)

const unit = {
    name: 'T-800',
    model: 101,
    status: 'ACTIVE',
    weapons: ['plasma rifle', 'shotgun'],
  };

  const { name, model, status } = unit;
  const upgraded = { ...unit, status: 'UPGRADED', armor: 'titanium' };

  document.write('<div style="color:#10b981;margin-bottom:6px;">ORIGINAL:</div>');
  document.write('<div style="margin-bottom:8px;">' + JSON.stringify(unit, null, 2).replace(/\n/g,'<br>').replace(/ /g,'&nbsp;') + '</div>');
  document.write('<div style="color:#f59e0b;margin-bottom:6px;">DESTRUCTURED: name=' + name + ' model=' + model + '</div>');
  document.write('<div style="color:#22c55e;">SPREAD status: ' + upgraded.status + ' armor: ' + upgraded.armor + '</div>');

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '객체 해부: 생성 접근 구조분해' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'객체 해부: 생성 접근 구조분해'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '객체 해부: 생성 접근 구조분해' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

'객체 해부: 생성 접근 구조분해'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요

객체 해부: 생성 접근 구조분해는 이 3가지만 확실히 잡으세요

1.객체의 프로퍼티에 접근하는 두 가지 방식(점 표기법, 대괄호 표기법)을 구분하지 못하면 동적 키 접근이 불가능합니다

2.객체는 키-값 쌍의 집합이며, 구조분해 할당으로 원하는 값만 빠르게 추출할 수 있습니다

3.다음 챕터에서 이 객체와 배열을 화면에 표시하기 위해 DOM을 선택하고 조작하는 법을 배웁니다

💬 이 챕터 질문 보기

JS · CH.11 — 질문하거나 답변을 확인하세요

→

진행도 11 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)