성준이의 개발블로그 성준이의 개발블로그

신한 DS 실기 Test는 다음과 같은 내용들을 평가한다고 합니다.그래서 시험을 응시하기 전에 복습 겸 실습을 진행하려고 합니다.EC2 VM 생성 및 구성우선 지정된 메세지를 송출하면 된다고 했기 때문에, nginx를 설치하고 화면상에 원하는 글씨를 출력하는 것으로 생각하고 진행하였습니다.우선 EC2를 생성합니다.이름은 shinhan_ds, ubuntu로 설치하고 t2.micro, 키페어 설정, 미리 생성해둔 VPC의 public 서브넷에 퍼블릭IP를 할당하고 보안그룹은 ssh, http를 전부 열어주었습니다. 스토리지는 gp3 8GB로 두었습니다.그러면 다음과 같이 인스턴스가 생성되는데연결을 누르면맨 아래에 접속하는 명령어가 나옵니다. 그걸 키 파일이 있는 위치에서 명령어를 차면 들어갈 수 있습니다.저..

문제 상황원래 SpringBoot의 resoureces/static 파일 아래에 React build 결과 나온 파일을 넣어 통합 배포를 하고 있었습니다.이때는 Swagger가 잘 나와서 문제가 없었는데 nginx를 통한 통합 배포를 하며 오류가 발생했습니다.현재 상황은Nginx에 프론트 빌드 파일을 올려 배포하고 nginx의 proxy_pass 설정을 통해 같은 인스턴스의 SpringBoot로 /api 요청이 들어오면 http://localhost:8080/api 로 보내주는 설정을 해두고 있었습니다.location /api/ { proxy_pass ; proxy_http_version 1.1; proxy_set_header Host $host; proxy_set_header X-..

그동안 열심히 해뒀던 Infisical에 환경변수 통합 저장과 React+Vite nginx로 수동배포하는 걸 합쳐서Infisical로 React+Vite 프로젝트 CI/CD 파이프라인을 구축해보겠습니다.CI/CD 파이프라인의 순서는 다음과 같습니다. 우선 CI 파이프라인의 순서입니다.pull_request가 올라왔을 때, 파이프라인이 돌게 한다.레포지토리에서 소스코드를 가져온다.Infisical CLI를 설치한다.Infisical에서 환경변수를 가져온다.호환되는 Node 버전을 설정한다.의존성을 설치한다.환경변수를 담아 React를 빌드하고 결과물을 dist 경로에 올린다. 그다음 CD 파이프라인의 순서입니다.dist 경로에 있는 빌드 결과물을 다운로드 받는다.키를 저장하고 VM의 IP를 known_h..

우선 Github에 프론트엔드 소스코드가 있는 것을 전제로 하고 가겠습니다.우선 VM을 준비합니다. GCP에서 VM을 생성 하고 SSH로 접근합니다.그리고 git과 npm을 설치합니다.sudo apt updatesudo apt install git -y저희는 node버전 v23.11.0, npm 버전 v11.3.0이 필요하기 때문에 nvm을 설치해줍니다.curl -o- | bashsource ~/.bashrc설치한 이후nvm install 23.11.0으로 23.11.0의 노드 버전을 깔아줍니다.근데 npm 버전이 11.3.0으로 안깔려서 다음명령어를 통해 11.3.0 버전을 깔아주었습니다.npm install -g npm@11.3.0이제 준비는 다 되었습니다.프론트엔드 레포지토리를 clone 해서 가..