1. Effect(부수 효과)란 무엇인가?

1-1. 부수 효과의 정의

• *Effect(부수 효과)**란

👉 렌더링 그 자체와 직접적인 관련은 없지만, 렌더링 결과에 따라 발생해야 하는 작업을 의미합니다.

대표적인 예:

• 서버 API 호출
• 이벤트 리스너 등록
• 타이머 설정
• 콘솔 로그 출력
• 외부 라이브러리 연동

📌 React에서는 이런 작업을 useEffect로 처리합니다.

2. useEffect의 역할

2-1. useEffect가 필요한 이유

React 컴포넌트는 기본적으로:

• 렌더링 로직만 담당
• 외부 작업은 따로 관리해야 함

❌ 렌더링 중에 직접 API 호출

❌ 렌더링 중에 이벤트 등록

👉 이런 작업을 안전하게 분리하기 위해 useEffect 사용