state basics

useState와 렌더링

state는 변수처럼 보이지만 setter를 통해 갱신해야 React가 변경을 감지하고 컴포넌트를 다시 렌더링합니다.

상태 선언

useState의 첫 값은 컴포넌트가 처음 렌더링될 때 사용할 초기 상태입니다.

setter 호출

값을 직접 대입하지 않고 setCount 같은 함수로 다음 상태를 전달합니다.

다시 렌더링

상태가 바뀌면 React는 컴포넌트를 다시 실행해 최신 JSX를 계산합니다.

initial

초기값이 화면의 첫 상태와 맞는지 확인한다.

setter

상태 변수를 직접 수정하지 않는지 본다.

toggle

불리언 상태는 이전 값 기반 반전이 필요한지 생각한다.

async

업데이트 직후 로그가 예전 값일 수 있음을 기억한다.