Props
부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터
자식 컴포넌트는 Props를 통해 전달된 값을 받아서 활용할 수 있음
하지만 props는 읽기 전용(read only)이기 때문에 값을 수정할 수는 없음
값을 바꾸고 싶다면 부모에게 콜백함수를 전달받아서 호출하면 됨
State
컴포넌트 내부에서 선언하고 관리되는 동적인 데이터
사용자의 인터랙션에 따라 변화하는 데이터를 저장하는데 사용됨
보통 useState 훅을 사용해서 state를 선언하고, state가 변경되면 컴포넌트는 자동으로 리렌더링돼서 최신 상태를 UI에 반영
정리
✔️ props는 외부에서 컴포넌트로 전달되는 읽기 전용 데이터
✔️ state는 컴포넌트 내부에서 선언하고 관리하는 동적인 데이터
Web Developer