[React.js] 컴포넌트 개념

자식 컴포넌트와 부모 컴포넌트 const Header = () => { return ( header ); }; function App() { return ( 안녕 리액트! ); } 이런식으로 Return문 내부에 포함되는 컴포넌트를 자식 컴포넌트라 합니다. 반대로 컴포넌트를 품고있는 컴포넌트는 부모 컴포넌트라 합니다. 위의 코드는 Header 컴포넌트는 자식컴포넌트 App컴포넌트는 부모 컴포넌트가 됩니다. 계층형구조로 React의 모든컴포넌트 들은 화면에 랜더링 되기 위해서 App 컴포넌트의 자식 컴포넌트로 존재해야 한다. React의 모든 컴포넌트 들은 App컴포넌트를 최상위 컴포넌트로 갖는다. 그러므로 App컴포넌트를 Root 컴포넌트로 부른다. 최상위 컴포넌트를 바꾸는 방법 main.jsx 파일에 ..

2024.03.09