[개발 일기] 2025.04.23 - 왜 두 번씩?

💡 개요

 

React를 사용하다 보면 모든 요청이 두 번씩 요청되는 것을 볼 수 있다.

 

 

그 이유가 뭘까?

 

 

🛠️ React가 두 번씩 요청을 보내는 이유

 

이유는 아래 URL에 접속하면 알 수 있다.

 

How to Upgrade to React 18 – React

 

결론부터 말하자면 별 상관 없다.

 

 

React 18에서는 Strict Mode가 활성화되어 컴포넌트의 리렌더링을 강제로 두 번 수행하기 때문인데, 이는 애플리케이션의 안정성을 위한 메커니즘으로, 실제 배포 환경에서는 한 번만 요청이 발생한다.

 

 

따라서 개발 환경에서만 요청이 두 번 발생한다고 걱정할 필요는 없다.

 

 

그리고 현재 환경이 개발 환경인지 배포 환경인지는 React에서는 여러 가지 방법을 통해 이를 구별할 수 있는데, 대표적으로 환경 변수를 사용해 구분한다.

 

 

⚙️ .env 파일 예시

 

개발 환경 (.env.development)

REACT_APP_ENV=development

 

 

배포 환경 (.env.production)

REACT_APP_ENV=production