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

이전 Infisical을 통한 React + Vite CI/CD의 포스팅의 느낀점으로 썼던 PR돌 때 CI/CD 파이프라인이 전부 도는 것이 이상하다고 생각하고, PR 올라갈때 CI 파이프라인이 돌고, Merge 되었을 때 CD 파이프라인이 도는게 맞다고 생각하여 파이프라인을 분리했습니다.기존 파이프라인은 다음과 같았습니다.기존 통합 파이프라인name: Frontend CI/CD# 풀리퀘 할때 트리거on: pull_request: branches: [ dev ]jobs:# 빌드 과정 build: runs-on: ubuntu-latest steps:# 레포에서 Github Runner 서버로 코드 전송 - uses: actions/checkout@v3 # Infisical ..

그동안 열심히 해뒀던 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..