리액트는 props를 통해 데이터를 상위 컴포넌트에서 하위 컴포넌트로 전달한다. 리액트 어플리케이션을 개발하다보면 여러 겹의 컴포넌트를 거쳐 데이터를 전달하는 일이 빈번하게 생긴다. Props Drilling 간단한 예시를 만들어 봤다. import { useState } from "react"; import "./App.css"; function App() { const [cnt, setCnt] = useState(0); return ( setCnt(cnt + 1)} > +1 ); } function RedBox() { return ( ); } function GreenBox() { return ( ); } function YellowBox() { return ; } export default App;..