리액트 훅 | useEffect에 대해 알아보기
·
FRONTEND/React
리액트를 이용하다가 자주 만나는 훅 중 하나가 바로 useEffect입니다.이번에는 useEffect에 대해 알아보려고 하는데,그전에 먼저 부수 효과(side effect)에 대해 가볍게 살펴보겠습니다. 0. 부수 효과(side effect)란?리액트 컴포넌트는 기본적으로 상태(state)를 화면에 그리는 일이 주된 목적입니다. 하지만 UI를 그리는 것 외에도 이러한 부가적인 동작이 필요할 때가 있습니다.- 서버에서 데이터 가져오기(API 호출)- 브라우저 이벤트 등록/해제- 로컬스토리지나 쿠키에 값 저장 ...이처럼 UI 외부에 영향을 주거나, 외부로부터 데이터를 가져오는 일을 부수 효과라고 부릅니다.리액트에서는 이러한 부수 효과를 안전하게 다루기 위해 useEffect 훅을 제공합니다. 부수 효과를 ..