210921(화) 리액트 정리

useState는 서로가 다 독립적. 그래서 무엇이든 내가 넣을 수 있고 담을 수 있다.

const [count, setCount] = useState(initialCount);

useState라는 훅을 통해 상태값을 관리하는 변수(state), 그리고 상태값을 변경할 수 있는 setState라는 함수를 반환받을 수 있다. useState 매개변수는 상태의 초기값을 지정하는데 사용됨. 

useEffect는 어떤 상태값이 변경될 때마다 side effect(부가효과)를 줄 수 있는 리액트에서 제공하는 훅. return을 통해 값을 반환하는 경우 이전 side effect에 대한 클리어(제거)가 가능함. 2번째 인자는 배열로 줄 수 있는데 배열에 원하는 상태값을 넣어주면 해당 상태값과 side effect의 의존관계를 설정할 수 있다.

custom hook: useEffect가 비슷한 패턴으로 사용되면서 처리하는 상태값들만 다르다면 하나의 커스텀훅을 만들어 반복적인 useEffect의 사용을 피할 수 있다.