IF문

React : 에서 자주 쓰는 if문 패턴 5가지 (if, 삼항연산자, &&, switch, object)

1. 컴포넌트 안에서 쓰는 if/else 컴포넌트에서 JSX를 조건부로 보여주고 싶을 때 사용한다. if문은 return()안의 JSX내에서는 사용이 불가능하므로 보통 아래처럼 return+JSX를 뱉는 if문을 작성해 사용한다. function Component() { if ( true ) { return 참일시 노출될 HTML; } else { return null; } } else 생략하는 법 return을 만나면 코드가 종료되므로 이렇게 축약 가능하다. function Component() { if ( true ) { return 참일시 노출될 HTML; } return null; } 2. JSX 안에서 쓰는 삼항연산자(ternary operator) jsx 내(return 내)에서 쓸 수 있다...

Level 2 : 1~5 (숙제 및 깨달은 점)_if문

1. 2년 후 받을 총예금액 구하기 조건 50000원 미만: 연 15% / 50000원 이상 : 연 20% function depositResult(amount) { const amountOver = amount * 1.2 * 1.2; const amountLess = amount * 1.15 * 1.15; if (amount >= 50000) { console.log(amountOver); } else { console.log(amountLess); } } 2. 커피 총리필액 구하기 조건 커피는 총 3번 리필되며, 직전 마신 커피의 2/3만 리필된다. let first = 360; let total = 0; console.log(first + first * (2/3) + first * (2/3) * (..