재밌는 Coding

1. 시험환경

    ˙ 윈도우

    ˙ nginx

2. 목적

    ˙ 윈도우 환경에서 nginx를 설치하고 실행하는 방법을 알아보자.

3. 적용

    ① NGINX 다운로드 사이트에 접속하여 Windows용 nginx를 다운로드 받는다.

        - URL : https://nginx.org/en/download.html

    ② 다운받은 파일을 압축해제한다.

    ③ conf/nginx.conf 파일을 메모장 등 Editor 등으로 열어서 웹서비스 디렉토리(location /)를 확인한다.

        - 기본값은 html 경로에 index.html, index.htm 파일로 설정되어 있다.

    ④ (선택) 웹서비스 디렉토리 변경이 필요한 경우 경로 및 파일을 변경한다.

        - 주의: 문장끝에 세미콜론(;) 추가

    ⑤ nginx.exe 파일을 실행한다.

    ⑥ 최초 실행시 엑서스 허용을 해야 한다.

4. 결과

    ˙ 브라우저에서 접속하여 서비스가 동작여부를 확인한다.

        - URL : http://localhost:80

    ˙ 실행중인 nginx를 종료하기 위한 명령어는 아래와 같다.

        - > nginx  -s  stop

1. 시험환경

    ˙ AWS EC2 Ubuntu v20.04

    ˙ Nginx   

    ˙ React

2. 목적

    ˙ Nginx 웹서버를 이용하여 React 빌드 파일을 배포하는 방법을 알아보자.

    ˙ Nginx 설정을 최소화하여 단일 App을 빠르게 배포하는 경우의 해결책을 제시한다.

3. 적용

    ① Nginx 설치를 설치한다.

        - 참고 : https://languagestory.tistory.com/189

    ② React 프로젝트를 빌드하면 "build" 폴더에 배포 패키지가 생성된다.

        - build 명령어 : $ npm run build

    ③ Nginx 기본경로에 있는 기본 파일(html)을 삭제 후 react 빌드 파일(build 하위 모든 파일)을 옮긴다.

        - Nginx 배포 기본 파일 삭제 : $sudo  rm  -rf  /var/www/html/

        - Nginx 배포 기본 경로 이동 : $sudo  cp  -R  [프로젝트]/build/*  /var/www/html/

    ④ Nginx를 재시작한다.

        - $sudo systemctl restart nginx

4. 결과

    ˙ 브라우저에 접속하여 Nginx를 이용하여 배포된 프로그램이 실행되는지 확인한다.