React 조건부 렌더링 (인프런)

conditional rendering 정의와 inline conditions

conditional rendering(조건부 렌더링)

조건에 따른 렌더링 (조건부 렌더링) : 어떠한 조건에 따라 렌더링이 달라지는 것 (조건문 true, false)

자바스크립트 truthy falsy
(true와 false가 아니지만 그렇게 사용되는)

element variables

엘리먼트를 변수처럼 저장해서 사용하는 방법

inline conditions
조건문을 코드 안에 집어넣는 것

1. inline if
   if문과 동일한 효과를 보기위해 && 사용
   
   

2. inline if else
   삼항 연산자 사용

• component 렌더링 막기
  null return하면 된다.

실습) 로그인 여부를 나타내는 툴바 만들기