React useEffect 사용법 정리 | 실행 시점, 의존성 배열, API 호출까지
React를 공부하다 보면 useState 다음으로 가장 많이 막히는 Hook이 바로 useEffect입니다. 문법 자체는 짧아 보이는데, 막상 써보면 “이게 왜 두 번 실행되지?”, “의존성 배열을 비우면 뭐가 달라지지?”, “API 호출은 어디에 넣어야 하지?” 같은 질문이 한꺼번에 생깁니다.특히 입문자 입장에서는 아래 포인트에서 많이 헷갈립니다.useEffect는 정확히 언제 실행되는가?의존성 배열은 왜 필요한가?빈 배열 []은 무슨 의미인가?무한 렌더링은 왜 생기고 어떻게 막아야 하는가?이번 글에서는 React 입문자가 가장 자주 찾는 useEffect 사용법 정리를 기준으로, 실행 시점 → 의존성 배열 → API 호출 → cleanup → 자주 하는 실수까지 한 번에 정리하겠습니다.핵심 요약us..
Front/React
2026. 4. 3. 21:06
