● 중첩된 객체와 옵셔널 체이닝 연산자

배열 안에 배열이 들어갈 수 있듯이 객체 안에도 다른 객체가 들어갈 수 있습니다. 다음 코드와 같이 속성 값으로 다른 객체를 넣으면 됩니다. 그래서 zerocho.name도 객체 리터럴입니다.

const zerocho = {
  name: {
    first: '현영',
    last: '조',
  },
  gender: 'm',
};

이렇게 중첩된 객체일 때 ‘현영’에는 zerocho.name.first로 접근합니다. 또는 zerocho['name']['first']나 zerocho['name'].first, zerocho.name['first']로도 가능합니다.