오물오물 개발일기

🙏 조건부 렌더링이란? 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 의미합니다 1. 조건부 렌더링 조건부 렌더링을 사용하여 원하는 문구를 보여줄 수 있습니다. 👀 코드로 알아보기 파일 구조는 아래와 같습니다. 📂 src>App.js 테스트를 위하여 App.js에서 Hello 컴포넌트로 name, isLoggedIn이라는 props를 넘겨줍니다. import "./App.css"; import Hello from "./components/Hello"; function App() { return ; } export default App; 📂 src>components>Hello.jsx 간단하게 props를 destructuring 하여 name을 사용한다면 아래와 같이 사용이 가능합니다. import ..