[JS] 단락회로 평가
2022. 6. 28. 17:49
개발이야기/JS
단락회로 평가란? 논리연산자의 특성을 이용한 문법이다. 논리연산자를 다시 정리해보자. console.log(true && true); console.log(true || false); console.log(!true); 단락회로 평가는 왼쪽에서 오른쪽으로 연산하게 되는 논리연산자의 연산 순서를 이용하는 문법이다. console.log(false && true); && 연산자에서 앞에 값이 false면 두번째 피연산자는 볼 필요가 없다. (둘다 true가 되야하기때문) 이렇게 피연산자 중에 뒤에 위치한 피연산자는 볼 필요없이 연산을 끝내버리는것을 단락회로 평가라고 한다. console.log(true || false); or 연산자는 어떨까? or 연산가의 경우에는 둘중에 하나만 true 여도 true를 ..
[React] 조건부 렌더링
2022. 5. 28. 19:11
개발이야기/React.js
조건부 랜더링 : 어떠한 조건을 주어서 '버튼'이 안보이게끔 만들어보자. return ( 최신순 베스트순 {hasNext && 더 보기} ); }; 조건을 줄 코드에 중괄호로 감 싼 다음 hasNext &&를 적어준다. 이렇게 적으면 hasNext의 값이 참 일 경우 뒤에 있는 값을 실행한다. (hasNext가 있으면 더 보기를 보여줘~) 만약에 hasNext 값이 거짓이면 뒤에 있는 값이 실행되지않고 앞에 적힌 hasNext 값을 사용하는데 이 값은 false이다. (hasNext가 없으면 더 보기 false) 리액트에서 false값은 렌더링하지않기때문에 버튼이 보이지않게 된다.