[React] 상태관리가 필요한 데이터는?

React로 프론트엔드를 구축할때 로그인 상태일때와 아닐경우에 보여지는 모습이다르거나, 클릭 이벤트에 결과가 다르거나, 혹은 인풋 창에 입력을했을때 그값을 사용하기 위한 상태등을 관리해봤다. 그렇다면 어떤 성질의 데이터를 상태관리 해야할까?

상태관리가 필요한 데이터?

1. 인풋창의 값을 사용하고자 할때

: 인풋창에 어떤 데이터가 입력될때 이 값을 사용하는 코드가 있다면 이값은 상태로 관리되어야한다. 그렇지 않으면 실시간으로 값을 읽을 수 없다.

2. 비동기 데이터를 받아올때

: 서버에서 비동기 데이터를 받아오게되면 상태가 업데이트 되어야 브라우저에서 새로운 정보를 확인 할 수 있다. 하지만 상태관리가 되지않는다면, 비동기 데이터 전송이 되더라고 웹은 변화가 없을것이다.

3. 단어 그대로 상태를 관리할때 ➔ 이벤트 실행 조건

: 예를 들면 쇼핑사이트에서 상품을 찜하려면 로그인상태여야 가능하다. 이런 상태를 관리 해주거나, 위치기반 서비스에서 위치정보가를 담고 있는 상태등 실제로 화면에는 보이지 않지만 어떤 정보를 담고있는 상태들이 있다. 이런상태들은 이벤트 실행이나 특정페이지 접속시 상태에따라 다른 결과를 보여준다.