React를 공부할 때 가장 먼저 배우는 Hook이 보통 useState입니다. 그런데 문법은 짧아 보여도 막상 직접 쓰기 시작하면 “값은 왜 바로 안 바뀌지?”, “배열은 어떻게 추가하지?”, “객체는 왜 일부만 바꿨는데 이상하게 동작하지?” 같은 질문이 금방 생깁니다.특히 입문 단계에서는 아래 포인트에서 많이 헷갈립니다.useState는 정확히 무엇을 하는가?일반 변수와 state는 무엇이 다른가?숫자/문자열은 어떻게 바꾸고, 배열·객체는 어떻게 업데이트하는가?왜 기존 값을 직접 수정하면 안 되는가?이번 글에서는 React 입문자가 가장 자주 찾는 useState 사용법 정리를 기준으로, 상태 관리 개념 → 값 변경 → 배열 업데이트 → 객체 업데이트 → 자주 하는 실수까지 한 번에 정리하겠습니다. ..
React를 공부하다 보면 useState 다음으로 가장 많이 막히는 Hook이 바로 useEffect입니다. 문법 자체는 짧아 보이는데, 막상 써보면 “이게 왜 두 번 실행되지?”, “의존성 배열을 비우면 뭐가 달라지지?”, “API 호출은 어디에 넣어야 하지?” 같은 질문이 한꺼번에 생깁니다.특히 입문자 입장에서는 아래 포인트에서 많이 헷갈립니다.useEffect는 정확히 언제 실행되는가?의존성 배열은 왜 필요한가?빈 배열 []은 무슨 의미인가?무한 렌더링은 왜 생기고 어떻게 막아야 하는가?이번 글에서는 React 입문자가 가장 자주 찾는 useEffect 사용법 정리를 기준으로, 실행 시점 → 의존성 배열 → API 호출 → cleanup → 자주 하는 실수까지 한 번에 정리하겠습니다.핵심 요약us..