[ GitHub Action ] GitHub Action을 이용하여 프로젝트 CI/CD 세팅하기.

 

GitHub Action

 

GitHub Action은 빌드와 테스트, 개발 파이프라인을 자동화할 수 있는 CI/CD(지속적인 통합/지속적인 배포) 플랫폼으로, Git 저장소에서 발생하는 이벤트에 대한 자동화된 작업을 수행할 수 있는 기능이다. 이러한 작업은 Git 저장소의 상태 변경, 새 브랜치 생성, 코드 푸시, 이슈 등록, Pull Request 등을 대상으로 할 수 있으며 모든 레포지토리의 PR 또는 상용 배포를 위한 merged PR 빌드와 테스트 워크플로우를 생성할 수 있다.

Git Action을 사용하면 저장소에서 이벤트가 발생하면 지정된 작업이 실행되어 소프트웨어 개발 및 배포 프로세스를 자동화할 수 있다. 예를 들어 코드 푸시 이벤트가 발생하면, 자동으로 코드 테스트, 빌드 및 배포를 수행할 수 있다.

GitHub에서는 Git Action을 사용하여 CI/CD (Continuous Integration/Continuous Deployment) 파이프라인을 구축할 수 있다. 이를 통해 코드 변경 사항이 자동으로 테스트되고 병합된 후 배포될 수 있다.

Git Action은 다양한 프로그래밍 언어 및 프레임워크에서 지원된다. 따라서 프로젝트에 적합한 Git Action을 사용하여 자동화된 작업을 수행할 수 있다.

 

 

 

 

 

 

 

 

 

GitHub Action으로 React 프로젝트 AWS에 배포하기.

React 프로젝트를 AWS(Amazon Web Services)에 배포하는 방법은 여러 가지가 있지만, 일반적인 방법은 아래와 같다.

 

1) AWS 계정 로그인

 

2) EC2 인스턴스 생성: EC2는 Amazon Elastic Compute Cloud의 약자로 가상 컴퓨팅 리소스를 제공하는 서비스이다. EC2 콘솔에서 새로운 인스턴스를 생성한다. 

 

3) 인스턴스에 Node.js 설치: EC2 인스턴스에 Node.js를 설치합니다. Node.js를 설치하면 npm도 함께 설치된다.

 

4) React 프로젝트 빌드: 로컬에서 React 프로젝트를 빌드한다. npm run build 명령어를 실행하면 빌드된 파일이 build 폴더에 생성된다.

 

5) 파일 전송: 로컬에서 빌드된 파일을 EC2 인스턴스로 전송한다. 이를 위해서는 SCP(Secure Copy) 명령어를 사용할 수 있다.

//less
scp -i [key.pem] -r [local_path] [username]@[public_dns]:[remote_path]

 

6) 서버 실행: 인스턴스에서 build 폴더에 위치한 index.html 파일을 열어 React 앱을 실행한다. 이를 위해서는 serve와 같은 Node.js HTTP 서버를 사용할 수 있다.

npm install -g serve
serve -s build

7) Elastic Load Balancer 추가(Optional): Elastic Load Balancer(ELB)는 여러 EC2 인스턴스에 대한 트래픽 분산을 처리하는 서비스로, 이걸 사용하면 서버 부하 분산 및 장애 대비성을 높일 수 있다.

 

8) Route 53 등록(Optional): Route 53은 AWS에서 제공하는 DNS(Domain Name System) 서비스로, 이것을 사용하여 도메인 이름을 EC2 인스턴스의 IP 주소에 매핑할 수 있다.

 

위와 같은 방법으로 React 프로젝트를 AWS에 배포할 수 있다. 하지만 이 방법은 초기 설정이 복잡하며, 서버 관리 및 보안 등에 대한 지식이 필요하다. 따라서 AWS의 다른 서비스인 Elastic Beanstalk, Amplify 등을 사용하여 보다 쉽고 간편하게 React 앱을 배포할 수도 있다.

 

 

 

 

 

 

 

 

GitHub Action 워크플로우 구문

 

프로젝트에 GitHub Action을 사용하기 위해서는 GitHub저장소에 `.github/workflows` 디렉토리를 만들고, YAML 파일로 작성해야 한다. 아래는 기본적인 GitHub Action 워크플로우 스크립트 예시이다.

 

name: My GitHub Action Workflow

on:
  push:
    branches: [ main ]

jobs:
  build:
    runs-on: ubuntu-latest
    
    steps:
    - name: Checkout code
      uses: actions/checkout@v2
      
    - name: Build project
      run: |
        npm install
        npm run build
        
    - name: Deploy to server
      uses: appleboy/ssh-action@master
      with:
        host: ${{ secrets.SERVER_HOST }}
        username: ${{ secrets.SERVER_USERNAME }}
        password: ${{ secrets.SERVER_PASSWORD }}
        script: |
          cd /path/to/deploy
          git pull
          npm install
          npm run build

 

 

 

 

 

---

 

🌸 출처 🌸

 

GitHub Action의 이해

CI/CD - RedHat

GitHub Action에 대한 워크플로 구문