배포 - 운영환경을 위한 Nginx

Nginx

 

개발 환경에서 리액트가 실행되는 과정

리액트 컨테이너 안에 개발서버가 있고 정적인 파일들이 있다. 브라우저에서 http 요청을 주면 개발서버를 통해서 브라우저에서 요청한 정적파일을 알맞게 제공을 해준다.

 

 

운영 환경에서 리액트가 실행되는 과정

운영환경에 가면 개발서버가 없어진다. 그래서 운영환경에서 브라우저가 어떠한 요청을 주면 그에 맞게 정적파일을 제공해주어야 한다. 하지만 운영환경에는 개발서버가 없다. 그렇다면 어떻게다면 어떻게 해야할까? 그때가 바로 nginx가 출현하는 시점이다.

 

운영환경에 배포하는 파일들

 

 

개발서버 대신에 nginx 웹 서버가 정적파일들을 제공해주게 된다. 이때 붉은색 눈금으로 표신된 정적파일들은 npm run buil명령어로 생서된 build폴더에 포함된 폴더와 파일들의 가르킨다. 

 

[출처 -  https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%8F%84%EC%BB%A4-ci/dashboard]