조건부 렌더링 React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들 수 있음 이렇게 하면 애플리케이션의 상태에 따라서 컴포넌트 중 몇 개만을 렌더링할 수 있음 React에서 조건부 렌더링은 JavaScript에서의 조건 처리와 같이 동작함 if 나 조건부 연산자 와 같은 JavaScript 연산자를 현재 상태를 나타내는 엘리먼트를 만드는 데에 사용한다면 React는 현재 상태에 맞게 UI를 업데이트할 것임 아래 두 컴포넌트가 있다고 가정해 보자 function UserGreeting(props) { return Welcome back!; } function GuestGreeting(props) { return Please sign up.; } 이제 사용자의 로그인 상태에 맞게 위 컴포넌트 중 하나를 ..