<aside> ⭐

정확한 문법 이름은 Optional chaining operator고, ?. 이렇게 생겼어.

</aside>

✅ userInfo?.displayName 이게 무슨 뜻이냐면?

• userInfo가 null 또는 undefined가 아니면 → userInfo.displayName을 보여줘.
• userInfo가 null 또는 undefined면 → 에러를 내지 않고 undefined를 반환해.

// 일반 접근 방식 (에러 가능성 있음)
<p>{userInfo.displayName}</p> 
// ❌ userInfo가 null이면 → Cannot read properties of null 에러 발생!

// 옵셔널 체이닝 사용
<p>{userInfo?.displayName}</p> 
// ✅ userInfo가 null이면 → 그냥 undefined가 리턴돼서 에러 안 남

🔥 보통 이런 경우 같이 쓰는 Nullish Coalescing