React03 useState

state 만드는 법

1. import { useState }
-> 근데 useState 라고 app(){ 여기 안에 } 타이핑 하면 자동으로 작성됨

2. useState(보관할 자료)
그리고 이 자료를 나중에 사용하고 싶다 하면

3. let [작명, 작명] = useState(‘보관했던 자료’);

let [a, b] = useState('퍼스널 컬러 추천');

• a : 변수랑 용도가 똑같음.
• b : state 변경을 도와주는 함수

(참고)Destructing 문법

array 안에 있던 자료들을 각 각 변수로 빼주는 문법.

let num = [1, 2];
let a = num[0];
let c = num[1];

이것을 좀 더 편하게 쓸 수 있는법.

let [a, c] =[1, 2];

왜 state 써야함?

변수와 state는 차이점이 하나가 있는데, 
일반 변수는 갑자기 변경되면 html에 자동으로 반영안됨.
변수와 다르게 state는 갑자기 변경되면 자동으로 html이 재렌더링 된다.
state 쓰던 html은 자동으로 변경됨.

state 언제 써야함?

변동시 자동으로 html에 반영되게 만들고 싶으면 state 쓰기.
자주변경될거같은 html 부분은 state로 만들어놓기.