Optional-Chaning

📌 optional-chaning 이란?

기존의 && 연산자를 사용해 길어진 코드를 더욱 간결하게 사용하는 연산자

삼항연산자를 사용

data ? data.fetchProfile : undefined

여기서 data 는 동기적으로 받아오는 데이터인데, 데이터가 오기 전 return 부분에서 화면을 제공해주고 있기에 삼항 연산자를 사용하여 데이터가 있을 때, 없을 때 를 모두 적어주었다.

&& 연산자 사용

data && data.fetchProfile

&&연산자에서는 data 가 없을때, 자동으로 undefined를 반환

optional-chaning 사용

data?.fetchProfile

optional-chaning은 ? 연산자 앞 객체의 참조가 undefined 혹은 null 이면 undefined 를 return 해준다.

❗️ 내가 이해한 방식은 fetchProfile 관련 data 있어? 있으면 주고 없으면 undefined줘 로 이해했다