useState, useEffect

useState

: 상태값을 관리 해주는 훅

const [Num, setNum] = useState(0)

Num은 지금 현재 가지고 있는 값(0)을 의미한다.
setNum은 바뀌는 상태를 의미한다.

// 예시
const plus = () => {
	setNum(Num + 1);
	}

 <button onClick={plus}>Plus</button>

버튼(Plus)을 클릭하면 setNum이 기본값(Num)에 1을 더해준다.
숫자 외에도 다양한 상태를 변경해줄 수 있다.

useEffect

: 키워드 변화에 따른 사이드 이펙트를 저장

useEffect(() => {
	console.log("처음")
    },[])

1. useEffect는 함수와 dependency array를 넣어준다
2. 뒤에 있는 []값에 따라 다른 변화를 준다
3. 만약 []가 비어있는경우 처음 렌더링 할 때 한번 실행 시켜준다.
4. defendency array안에 있는 값이 바뀔때 마다 실행 시켜준다.