Optional chaining이란?

?. 연산자

함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴함 => 에러 발생하는 것 대신에!!!
&& 연산자를 대신하여 사용할 수 있어서 코드가 더 간편해짐!!!!!

&& 연산자 이용 시

{animalList && animalList.dog && (
	<div>
		{animalList.dog}
	</div>
)}

Optional Chaining 이용시

{animalList.dog ?. (
	<div>
		{animalList.dog}
	</div>
)}