해당 글은 리액트에서 제공하는 자습서에 내용을 덧붙이고 풀어서 작성한 글입니다. 원문 : https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 사이트를 제작하다보면 특정 조건에 따라 다른 컴포넌트를 보여주고 싶을 수 있습니다. 예를들어 로그인, 회원가입 버튼이 있습니다. 로그인을 하지 않은 상태에는 로그인 버튼이 보여져야하고, 로그인을 한 상태에서는 로그인 버튼이 사라지고 로그아웃 버튼이 렌더링 되어야 합니다. 리액트에서는 조건부 렌더링을 어떻게 하는지 알아보겠습니다. App.js에 함수 컴포넌트로 LoginButton과 Logout..