[React] 삼항 연산자와 AND, OR 연산자

알아둬야할 간단한 Javascript 문법

---

삼항 연산자

Javascript에서는 간단하게 삼항 연산자를 통해 if else 문 사용 빈도를 줄일 수 있습니다.

let c;

if(a === 1){
    c = 10;
} else {
    c = 20;
}

• 간단한 기능을 수행하는 if else문을 삼항 연산자로 표현할 경우

const c = (a === 1) ? 10 : 20;

• 이와 같이 간단하게 표현이 가능합니다.

---

AND, OR 연산자

React js에서 어떤 조건에 대하여 참(true) 또는 거짓(false)일 경우에만 표한하고 싶다면
AND, OR 연산자를 사용하여 간단하게 표현할 수 있습니다.

function App() {
    const a = 3;
    return (
        <div>
            {a === 3 && (<div>{a}</div>)}
        </div>
    );
}

• 어떤 조건에 참(true)일 때 출력하고 싶다면 &&(AND) 연산자를 사용

function App() {
    const a = 2;
    return (
        <div>
            {a === 3 || (<div>{a}</div>)}
        </div>
    );
}

• 어떤 조건에 거짓(false)일 때 출력하고 싶다면 ||(OR) 연산자를 사용