[React] React Hooks②: useEffect

지난 글에서는 React Hooks에 대해서 간단하게 알아보았고 useState 사용법까지 알아보았습니다. 이번 글에서는 useEffect를 사용해서 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행하는 방법에 대해서 알아보겠습니다. useEffect 사용법 위에서도 이야기했듯이 useEffect는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행해야 할 때 사용하는 훅입니다. 먼저 기본 사용법에 대해서 알아보겠습니다. useEffect(function, deps) useEffect의 첫 번째 인자는 함수입니다. 컴포넌트가 렌더링 될 때 실행하고 싶은 함수를 넣으면 됩니다. 두 번째 인자는 배열입니다. 이 배열에 특정한 값을 넣게 되면 이 값이 업데이트 될 때에도 첫 번째 인자로 넣은 함수가 실행이 됩니다. useEffect는 보통 세 가지 상황에서 자주 쓰입니다. 각각의 예시 코드를 보면서 어떻게 사용할지 알아보겠습니다. 1. 컴포넌트가 처음 렌더링(생성)될 때 useEff...

원문링크 : [React] React Hooks②: useEffect