리액트 환경에서 동적인 UI 만드는 법

리액트에서 동적인 UI 만드는 step

동적인 UI -> 유저가 조작시 형태가 바뀌는 UI들을 의미.

1. html css로 미리 UI 디자인을 다 해놓고

2. UI의 현재 상태를 state로 저장해두고

3. state에 따라서 UI가 어떻게 보일지 조건문 등으로 작성

JSX에서 조건문 쓰는 법

JSX 안에서는 if else 문법을 바로 사용할 수 없다..
if 문법 대신 삼항연산자를 쓰자!