이 글은 MDN의 Optional chaining을 참고하였음을 미리 밝힙니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining

🌸 Optional Chaining 이란?

• 아래와 같은 코드를 본 적이 있을 것이다.

if (cityList?.area?.town){
  // blah blah~
}

• 과거에는 아래와 같이 썼던 코드를 이제는 위와 같이 쓸 수 있다.

if (cityList && cityList.area && cityList.area.town){
  // blah blah~ 
}

• ?. 연산자는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고,
• 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다.
• 만약 참조가 null나 undefined이면, undefined를 반환한다.

🌷 주의할 점

• 위 사진에서 볼 수 있는 것처럼 IE에서는 사용이 불가능하다.
• 또한 Node14 보다 낮은 버전을 쓸 경우에도 사용이 불가능 하다.