[React] State란?

State란 무엇일까?

---

어떠한 제품 뭐가 되었던 간에 사용자의 입장과 그것을 구현하는 구현자의 입장이 있을겁니다.

사용자의 입장에서 밑 제품을 조작하는 장치는 왼쪽 버튼들 혹은 화면을 터치하는 것 입니다.

유저 인터페이스라고도 부릅니다. 이런것들이 컴퍼넌트를 만드는 React관점에서는 Props가 사용자가 저 제품을 조작하는 장치라고 생각할 수 있습니다.

---

저 제품을 만드는 사람들은 저 제품에 내부적인 구현을 위해서 다향한 상태들을 사용하고 다향한 내부 조작 장치들, 매커니즘 부분을 가지고 있는데 그런 것들이 비유적으로 얘기하자면 state라고 합니다.

 

즉 props는 사용자가 컴포넌트를 사용하는 입장에서 중요한 것이고 state는 그 props 값에 따라서 내부의 구현에 필요한 데이터들이 state라고 말할 수 있습니다.

 

 

---

컴포넌트의 기본적인 동작을 이렇게 저렇게 바꾸고 싶을때 사용자에게 제공하는것이 태그에서는 속성이 해당되는 props라고 하는것을 <Component props _name="props_value" 이렇게 제공하는 걸 통해서 사용자는 그 컴포넌트를 조작할 수 있게됩니다. 즉 props는 컴포넌트의 사용자,구현자에게 중요한 정보입니다.

 

사용자한테는 알 필요도 없고 알아서도 안되는 그 컴포넌트 내부적으로 사용되는 것들을 state라고 합니다.

 

그래서 React와 같은 시스템이 컴퍼넌트를 만들고 그 컴포넌트가 좋은 부품이 되기 위해서는 그 컴포넌트를 사용하는 외부의 props라고 하는 것과 그 props에 따라서 그 컴포넌트를 실제로 구현하는 내부의 state라고 하는 정보가 철저하게 분리되어있어야 됩니다.