React - let,const vs useState

변수 선언과 state 선언의 방식 사이에 차이점이 있더라.

function App() {
    let variable = '변수 선언';
    const [state, setState] = useState('기본값')
    return (
	<div>
            <h4>{title}</h4>
        </div>
    );
}

만약 위에 설정된 title의 값이 변수라면 다시 변경 후 재랜더링을 '해줘야'하는 경우가 발생한다.

하지만 state는 변경이 발생하면 state가 포함된 html을 '자동으로 랜더링'해준다.

 

따라서 state는 자주 변경이 될 것 같은 데이터들을 저장하는 것이 좋다.

 

즉 변수선언과 state선언의 차이점은 재랜더링의 차이라고 보면 되는데, 확 와닿지가 않는다.

좀더 작업하면서 차이점에 익숙해져야 할 것 같다.