min

state에 대하여... 본문

리엑트/컴퓨터 과학

state에 대하여...

minprogramming 2023. 6. 26. 00:38

<회고록>

오늘은 항해 99에서 WIL로 state에 대해서 조사하라는 숙제가 있었다.

그래서 오늘은 내가 공부하면서 정리한 state라는 개념에 대해 설명하고자 한다.

 

1. state 도대체 뭐야?

state를 한국말로 하면 "상태"를 의미한다. 이때 "상태"는 react에서는 간단하게 데이터라고 보면 된다.

즉 "state를 관리한다.", "state를 변경한다"라는 말은 "데이터를 관리한다", "데이터를 변경시킨다"라는 말로 재해석 할 수 있다.

그럼 state의 정의에 대해서도 살펴보았으니 state의 종류에 대해서 살펴보자

state는 크게 2가지 종류가 있다. 첫번째는 지역상태로 한 컴포넌트내에서의 데이터를 의미한다. 두번째는 전역 상태로 여러 컴포넌트에서

참조할 수 있는 데이터를 의미한다.

 

2. state 그래서 왜 사용하는 거야?

state의 정의를 보면 사실상 변수와 같은 개념이라고 생각하기 쉽다. 하지만 state는 변수와는 분명한 차이점이 있다.

변수의 경우에는 변화가 생겼을 때 그 변화가 실시간으로 화면에 표시되지 않는다. 이 말은 결국 변수의 변화가 컴포넌트의 리렌더링을 불러오지 않는다는 것이다. 하지만 state의 경우는 다르다. state는 변화가 생겼을 때 그 변화가 실시간으로 화면에 표시된다. 이말은 결국 state의 변화가 컴포넌트의 리렌더링을 불러 온다는 것이다. 즉 내가 어떤 변수가 실시간으로 변하고 싶을 때 state를 사용하는 것이다.