본문 바로가기 메뉴 바로가기

PARK_90

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

PARK_90

검색하기 폼
  • 분류 전체보기 (101)
    • IT (57)
      • Java (13)
      • ElasticSearch (5)
      • Spring (13)
      • Tech Note (5)
      • SQL·DB (12)
      • Architecture (1)
      • DevOps·Infra (8)
    • Front (9)
      • React (9)
    • 경제·재테크 (14)
      • 연금·노후 (9)
      • ETF·계좌전략 (4)
      • 미국증시 (1)
    • 부동산 (18)
      • 부동산 기초 (4)
      • 청약·주택정책 (2)
      • 매매·전세·월세 (11)
      • 대출·세금 (1)
    • 지원금·정책 (2)
    • 일상정보 (1)
  • 방명록

의존성 배열 (1)
React useEffect 사용법 정리 | 실행 시점, 의존성 배열, API 호출까지

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

Front/React 2026. 4. 3. 21:06
이전 1 다음
이전 다음
반응형
최근에 올라온 글
TAG
  • ElasticSearch
  • 부동산 계약 체크리스트
  • 절세계좌
  • 인프라
  • 노후준비
  • DB
  • Docker
  • Java
  • 전세 계약 체크리스트
  • spring
  • 연금저축
  • SQLDB
  • 가계약금 반환
  • 절세
  • 보증금 보호
  • 전세보증보험
  • 전세 계약 주의사항
  • 전세 계약금
  • sql
  • DevOps
  • irp
  • 전세사기 예방
  • Spring 핵심 개념
  • 리액트
  • 연금
  • 프론트엔드
  • 데이터베이스
  • react
  • spring boot
  • 퇴직연금
more
글 보관함
«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

Blog is powered by Tistory / Designed by Tistory

티스토리툴바