Part 12-6. 리액트 살펴보기(조건부 렌더링)
React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들 수 있습니다. 애플리케이션의 상태에 따라 컴포넌트 중 몇 개 만을 렌더링 할 수 있습니다. 리액트에서 조건부 렌더링은 Javascript에서의 조건 처리와 같이 동작합니다. if나 조건부 연산자와 같은 Javascript 연산자를 현재 상태를 나타내는 엘리먼트를 만드는 데 사용할 수 있습니다. 이후에 리액트는 현재 상태에 맞게 UI를 업데이트해서 보여줄 것입니다. 아래의 두 컴포넌트가 있습니다. 이 코드를 보면 Greeting 컴포넌트에서 UserGreeting 컴포넌트와 GuestGreeting 컴포넌트를 if문의 결과 값에 따라 사용한다는 것을 알 수 있습니다. 변수 isLoggedIn의 값이 true일 경우 UserGreeting의 값이 나타..
Today Learning _
2020. 3. 19.