📌 변수처럼 사용하는 것

useState는 기본형이 배열이다.

index[0]→ 담고자 하는 변수

index[1]→ 변수를 활용하여 바꾸고자 하는 함수가 기본적으로 담겨있다.(변수를 활용하여 업데이트)

useState("담고자 하는 변수 내용")

let[변수 내용 그대로, b] = useState("담고자 하는 변수 내용")

✔state를 사용하는 이유?

컴포넌트 내부에서 변경 가능한 데이터를 관리해야할 때 사용한다.

state를 쓰면 html은 자동 “재랜더링” 된다.

(바로바로 변경이 가능함)

📌 state 변경 함수 특징

• 기존 state === 신규 state의 경우, 변경되지 않음

(메모리 절약 차원에서)

✏ spread array […array]

✏원본은 최대한 건들이지 않는 것이 중요하다.

배열 그대로를 복사한 후 그걸 가공시키는 것이 좋다.

📌 외부 변수 값 참조 VS 콜백 함수의 이전 값 참조