사이드 프로젝트를 하며 React 를 배포할 기회가 생겼다. 이번에 작업했던 React 배포 작업을 하면서 겪었던 삽질과 Nginx 를 통해서 리액트를 기반으로 빌드한 정적 파일을 설정하는 방법에 관해 정리하고자 한다. 1. 배포 환경 및 서버 구성(1) 배포 환경리액트 버전 : 18.3.1빌드 툴 : Vite배포 환경 : EC2 (ubuntu)웹 서버 : Nginx (2) 서버 구성 서버는 정적 파일을 관리할 웹서버와 로직을 담당할 애플리케이션 서버를 구분했다.현재 프로젝트는 RDB 를 통해서 데이터를 관리할 예정이므로 프라이빗 서브넷에 RDS 를 할당하는 방식으로 구성했다.이번 글에서 정리할 내용은 리액트 정적 파일을 Nginx를 활용해 웹서버를 구성할 것이다. 2. React 정적 파일 빌드하기(1..