[React.Component] Props props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소.상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용하는 속성(단방향 데이터 흐름)부모 컴포넌트는 수정 가능, 자식 컴포넌트는 읽기만 가능사용 방법상위 컴포넌트에서 Props지정한다하위 컴포넌트에서 받은 Props값을 렌더링 한다[MyComponent.js]const MyComponent = props => { return 안녕하세요, 제 이름은 {props.name}입니다.;}export default MyComponent;[App.js]import MyComponent from './MyComponent';const App = () =>{ return ;};export default App;{prop.. [React] Component(컴포넌트) ✏️ 컴포넌트란?React의 핵심 개념중 하나로, 사용자 인터페이스(UI)를 구성하는 독립적이고 재사용 가능한 코드블록이다. 특정기능을 수행하거나, 특정 UI요소를 렌더링 하는 역할을 한다. 리액트에서는 애플리케이션의 UI를 여거개의 작은 컴포넌트로 나누어 관리한다. 컴포넌트는 함수 컴포넌트, 클래스 컴포넌트 2가지가 있다.주요 특징재사용성여러곳에서 재사용 할 수 있는 독립적인 코드조각단일 책임의 원칙하나의 컴포넌트는 하나의 역할을 수행한다상태관리(state)내부적으로 상태(state)를 가질 수ㅜ 있다. 상태는 컴포넌트의 동적인 데이터를 관리하며, 상태가 변경되면 리액트는 해당 컴포넌트를 다시 렌더링 한다Props컴포넌트는 부모 컴포넌트로 부터 `props`라는 입력 값을 받을 수 있다. `props.. 이전 1 다음
