Conditional Rendering

조건부 렌더링

data && data.fetchBoard.title
데이터가 있으면, 뒤에 것 그려줌

"사과"는 빈 문자열이 아니므로 참 -> 뒤의 내용 그려줌

data || data.fetchBoard.title
거짓이면, 뒤의 것 그려줌

""는 빈 문자열이므로 뒤의 것 그려줌

"사과"는 빈문자열이 아니므로 참. || 는 거짓일때 뒤의 것 그리는 것이므로 "사과"출력

거짓은

• Number type 0
• string type 빈문자열 ''(한칸 띄워져있으면 참-space 삽입)
• boolean false
• null-일부러 비워둠
• undefined
• Nan

옵셔널 체이닝

data && data.fetchBoard.title 이것을 줄여서
data?.fetchBoard.title 로 씀

nullish-coalescing

nullish : null/undefined

data ?? data.fetchBoard.title
null과 undefined일때만 그려줌

0은 거짓이지만 nullish가 아니므로 그려주지 않음