React Props, State

프롭스(Props)는 외부로부터 전달받은 값이고 스테이트(State)는 컴포넌트 내부에서 변할 수 있는 값을 의미합니다

먼저 프롭스의 특징으로는 프롭스는 객체형태로 어떤 타입의 값도 전달 할 수 있고

사이드 이펙트를 막기 위해 프롭스는 읽기 속성이라는 것 입니다

즉 프롭스는 부모가 자식에게 전달해주는 객체형태의 데이터이며 변하지 않는 불변성을 가졌습니다

 

스테이트는 내부에서 변할 수 있는 값을 의미합니다

컴포넌트내에서 변할 수 있는 값은 스테이트로 다루어야 됩니다

예를들어 사용자가 값을 입력하는 input이나 textarea의 값은 사용자가 입력할때마다 변하기 때문에

스테이트로 데이터를 다루는것이 적절합니다

또한 스테이트의 값이 변경되면 자동으로 재랜더링을 해주기 때문에 실시간으로 바뀌면서 그것을 보여줘야되는것을 구현할때 유용합니다