디벨롭per

저번에 리액트 프로그램을 진행하게 되면서 CICD 구축의 중요성을 새삼 깨닫게 되었다. 운영할때마다 로컬에서 배포폴더 만들고, 서버에 직접 올리는 작업은 너무 시간도 많이 들었고, 무엇보다도 생산적이지 않았다. 그리하여 이번 리액트 프로그램을 진행할때엔 dev 브랜치에 푸쉬하면 바로 서버에 자동 빌드되는 환경 속에서 개발되길 원했다. 그리하여 본인은 젠킨스를 통해 자동 빌드를 하게 되었다. 먼저 GitHub에 Webhook을 설정해준다. Webhook(웹훅)이란, 서버에서 어떠한 작업이 수행 되었을 때 해당 작업이 수행되었음을 HTTP POST로 알리는 개념을 말한다. (https://docs.iamport.kr/tech/webhook) ## 소스 코드 관리 1. 해당 깃 레포지토리와 자격 입력 2. 설..

Nginx를 활용하서 리액트 배포하기로 했다. 현재 Nginx로 다른 한 서비스가 운영되고 있는 상태이고, 거기다 추가적으로 하나를 더 올릴려고 한다. 먼저 나는 AWS-EC2[Linux] 환경에서 미리 기본적으로 깔려진 Nginx을 사용하였다. Nginx의 위치는 /etc/nginx 로 되어있다. nginx에 여러 포트를 설정해주기 위해 주 설정파일은 nginx.conf파일이다. 이 곳에다가 서버 포트설정을 올려주면 된다. 나는 직접적으로 코드를 넣어주는 방식보다, 하나의 디렉토리를 생성하여 import 시켜주는 방식으로 하였다. 1. /etc/nginx 이동 2. mkdir sites-enabled 3. vi testServer.conf server { # 1차 라우팅 listen 1234; # 포트..