state 사용하기

컴포넌트는 return을 통해서 UI 요소를 보여준다.
그러나 컴포넌트의 UI를 업데이트 해줘야하는 아래 예시와 같은 상황이 많이 발생

1. 시간을 보여주는 화면을 구현할 때,시간을 표시하는 컴포넌트는 시간이 지나면서 계속 업데이트되는 것
2. 네트워크 통신을 통해 데이터를 받아오면 화면 컴포넌트에 새로운 값을 보여주는 것.
3. 검색창에서 검색어를 입력할 때 아래에 추천 검색어를 바꿔서 보여주는 것

이때 컴포넌트를 업데이트(렌더링=컴포넌트의 코드 재실행) 해줄 수 있도록 해주는 장치가 state

Props = 부모에게 값 전달받는 정적인 값
State = 변화하는 동적인 값

1. React 라이브러리의 useState 사용

0. `import React from 'react';
1. useState 함수의 첫 번째 인자에 기본 값을 넣어준다.
2. useState 함수는 [state값, state변경시키는 함수] 이렇게 2가지를 반환한다.
3. setTime함수 설정해주기

버튼 누를 때마다 1씩 증가하는 기능