React Hook
useState
useEffect
useRef 같은 함수
이렇게 리액트에서 use~ 로 시작하는 함수를 React Hook 이라고 한다.
일반적으로 후크는 어딘가에 걸 수 있는 고리를 의미
프로그래밍에서 Hook
- 코드를 다른 프로그램에 연결해놓으면 그 프로그램이 나중에 내 코드를
실행하도록 만드는 것을 말한다.- [내가 작성한 코드를 다른 프로그램에 연결해서그 값이나 기능을 사용하는 것!]
useState
State와 setter 함수를 받아서 사용한다.
이 때 State는 컴포넌트 안에 있는 값이 아니라 리액트가 따로 관리하는 값.
즉, 리액트의 State라는 기능에 연결해서 값을 사용하는 것이다.
리액트가 관리하는 State에 연결해서 변수처럼 값을 사용
useEffect
콜백함수와 디펜던시 리스트를 가지고 실행했었다.
useEffect Hook을 사용하면 내가 작성한 함수를 리액트에 연결해놓고
렌더링 이후에 실행하도록 할 수 있다.
내 콜백함수를 리액트에 연결해서 렌더링 후에 함수 실행
useRef
ref객체를 만들 때 사용했는데
ref값은 리액트에서 관리하는 값이기 때문에
항상 같은 객체를 참조할 수 있었다.
current라는 값을 사용할 수 있었다.
리액트가 관리하는 Ref 객체에 연결해서 current 값을 사용
