Conditional-rendering ( &&, 삼항연산자, Optional Chaining )

Conditional-rendering

삼항 연산자(참뒤 거뒤)

data가 참이면 ? 뒤 조건 실행, 거짓이면 : 뒤 조건 실행
가독성이 떨어지기에 한줄로 표현될때만 사용권장

data ? data.fetchProfile

---

&& 연산자(참뒤 거앞)

data가 참이면 && 뒤 조건 실행, 거짓이면 앞 실행

data && data.fetchProfile

---

Optional Chaining(참뒤 거앞)

data가 참이면 뒤 조건 실행, 거짓이면 앞 실행

data ?? data.fetchProfile

---

|| 연산자 (참앞 거뒤)

data가 참이면 앞 ,실행거짓이면 || 뒤 조건 실행

---

nullish-coalescing

data가 거짓 중에서 null이거나 undefined이면 뒤 실행, 그 외 모든건 앞 실행

data ?? data.fetchProfile

True or false icons created by Freepik - Flaticon