조건부 렌더링
특정 조건에 따라 다른 결과물을 렌더링 하는 것이다.
코딩을 하면서 조건에따라 화면을 구성하는 컴포넌트를 다르게 보여주고 싶을때 사용한다.
예를 들면, 로그인창에서 로그인을 하지 않은 상황에서는 로그인 버튼이 보여져야하며, 로그인을 한 상황이라면 로그아웃버튼이 보여져야 하는 상황이 되겠다.
어떤것이 있는지 예시를 들면서 알아보자.
이 경우에는 && 앞에있는 data 가 true일 경우 data.fetchBoard를 실행하라는 의미이다.
이 경우에는 || 앞에있는 data가 false일 경우 data.fetchBoard를 실행하라는 의미이다.
참고로, false로 올 수 있는 값은 숫자 0, "", false, null, undefined, NaN이 있다.
nullish-coalescing
이 경우에는 null과 undefined일 경우에만 data.fetchBoard를 실행한다.
개발자가 꿈이에오