Vite + React 프로젝트 GitHub pages에 자동 배포 설정법

[@timtam709]

제가 딱 찾고 있던 영상이에요 정말 감사합니다!

[@CodingLupine]

시청 감사합니다.!

[@dhdjdj6309]

aws 배포는 안돼나요?

[@CodingLupine]

가능합니다.!
AWS로 배포하는 데에는 여러 가지 방법이 있지만 GitHub Actions를 사용하는 것은 효율적이고 편리한 방법 중 하나입니다. 다음은 GitHub Actions를 사용하여 AWS에 배포하는 간단한 절차입니다.
1. **AWS IAM 사용자 생성**: 먼저 AWS IAM(Identity and Access Management) 대시보드에서 적절한 권한을 갖춘 사용자를 생성합니다. 이 사용자는 프로젝트를 AWS에 배포하기 위한 액세스 권한을 갖게 됩니다.
2. **IAM 사용자 키 생성**: IAM 사용자에게 프로그래밍 방식으로 AWS에 액세스할 수 있도록 액세스 키 ID 및 비밀 액세스 키를 생성합니다.
3. **GitHub Secrets 설정**: GitHub 저장소의 Settings > Secrets로 이동하여 AWS 액세스 키 ID 및 비밀 액세스 키를 저장하는 비밀을 추가합니다.
4. **GitHub Actions Workflow 생성**: 저장소의 `.github/workflows` 디렉토리에 배포를 자동화하기 위한 GitHub Actions 워크플로우 파일을 만듭니다. 이 파일은 원하는 트리거(예: push, pull request 등)에 대해 실행됩니다.
5. **AWS CLI 설치 및 구성**: GitHub Actions에서 AWS CLI를 사용하여 AWS에 배포합니다. 워크플로우 파일에서 `aws configure` 명령을 사용하여 AWS 액세스 키 ID 및 비밀 액세스 키를 설정합니다.
6. **배포 스크립트 작성**: 워크플로우 파일에서 배포 스크립트를 작성합니다. 이 스크립트는 AWS CLI를 사용하여 원하는 작업(예: S3에 파일 업로드, Lambda 함수 배포, EC2 인스턴스 시작 등)을 실행합니다.
7. **워크플로우 실행**: 변경 사항을 커밋하고 push하여 GitHub에 푸시하면 GitHub Actions이 자동으로 실행됩니다. 워크플로우가 성공적으로 실행되면 AWS에 배포가 완료됩니다.
이러한 단계를 따르면 GitHub Actions를 사용하여 AWS에 자동으로 배포할 수 있습니다. 필요한 경우 워크플로우를 확장하여 테스트, 빌드 및 기타 작업을 포함할 수도 있습니다.