useState

: 기본적인 hooks이며 함수형 컴포넌트에서도 가변적 상태를 지닐 수 있게 해준다.

const [value,setValue] = useState(0);

<button onClick= {()=>setValue(value+1)}>+1</button>

• 여러개의 useState를 사용할 수도 있다.
• input태그의 값은 value 속성으로 담으며 onchange로 함수에 value값을 넘겨줄수 있다.
  • 값은 e(받은 매개변수).tartget.value 로 받는다.

useEffect

: 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다.

컴포넌트가 마운트 될 때

useEffect(()=>{
	console.log('마운트될 때만 실행됩니다.');
},[])

특정 값이 업데이트 될 때