useState

useState는 React에서 상태 변수를 관리하기위해 만들어진 Hook이라고한다.

이것은 Count 예제이다.

useState는 쉽게말해서 객체지향코딩 객체상태로 분류한다고한다
기존함수랑은달리 기존함수는 화면에 render만 해주지만
useState는 rende와 함께 기능도 포함하게된다.

보다시피 const 함수안에 count와 setCount가 있는데

아래에 주석을살펴보면

const count = 0;
count=1;

이것 과 같은 느낌이다.
위에 임포트 하는것 까먹으면 안된다.

[] 대괄호안에 를 잘보면
현재 count를
setCount = count+1 해준다고 보면된다.
그리고 온클릭도 우리가 html에서 보던 onclick과는다르다.

위에 카운트 예제에 버튼을 누르면 카운트가 그 수만큼 증가하는 코드이다.
현재 Count div 에 카운트를 먹여주고

아래에 버튼 그수만큼 증가하게끔 만드는 버튼을 만들어주고
onclick 이 아닌 onClick {} 중괄호로 만들어준다. 화살표함수로 만들고
그리고 setCount ( count +1) 을 해준다
여기서 보면 +1은 ++로 쓸수있지않을까 했지만 ++는 값을 저장해준다 .
++는 자기자신에게 증가되고 +1은 변수에 저장된다고한다
++로 먹이게되면 자기자신의 값이 정해진게 아니기때문에 출력되지 않는다.

usestate를 사용해서 계산기를 만들자ㅠㅠ