자바스크립트 논리연산자 단축평가

|| 는 or 연산, &&이 and 연산인건 아는데, 

{!movies && <h4>Loading...</h4>}

리액트에서 'movie' state가 undefined일 때 왜 우항의 로딩이 렌더링 되는지 궁금해서 찾아봤더니

단축평가라는게 존재했다.

간단하게 좌항이 true일때와 false 일 때 존재하는데

1. true || something 일 때 우항을 볼 필요도 없이 좌항 값이 반환된다.

 ex)

"apple" || false; // "apple" 
"apple" || true; // "apple"

2. false || something 일 때 우항 값이 반환된다.

apple" && "banana" // "banana"

 

출처: https://curryyou.tistory.com/193 [카레유]