다양한 공부/React
-
[ React ] 리액트의 props와 state의 역할, 컴포넌트의 라이프 사이클, 리액트 컴포넌트를 만드는 방법 () => 비유로써 재밌게!!다양한 공부/React 2024. 3. 17. 00:22
리액트의 Props와 State 비유 1: 카페에서의 주문 Props: 카페에서 바리스타에게 커피를 주문할 때, 너는 "아이스 아메리카노, 더블 샷, 설탕 없이"와 같은 특별한 요구사항을 말한다. 여기서 너의 주문은 바리스타(컴포넌트)에게 전달되는 props다. 즉, 컴포넌트 외부에서 받아오는 데이터로, 주로 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용한다. 이 정보는 읽기 전용이며, 컴포넌트가 직접 수정할 수 없다. State: 이제 바리스타가 주문을 받고, 커피를 만드는 동안 커피의 상태(예: 갈아진 커피, 물 추가, 얼음 추가)는 바뀐다. 이러한 내부 상태 변화는 컴포넌트의 state에 해당한다. 즉, 컴포넌트 내부에서 관리되는 데이터로, 사용자와의 상호작용이나 시간의 경과에 따라 변..