Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Python
- 배포
- e.preventDefault()
- Recoil
- docker
- AWS
- code-server
- Django
- s3
- ACM
- GlobalStyle
- Object.freeze()
- 전역스타일
- mysqlclient
- requests
- route53
- 리액트
- liunx
- styled-component
- React
- nestjs
- Github Actions
- 롤
- typeorm
- ci/cd
- CloudFront
- riotapi
- e.stopPropagation()
- 카카오 로그인
- 자바스크립트
Archives
- Today
- Total
목록cd (1)
군붕이의 메모장
S3로 배포한 React에 CI/CD 구축하기 with Github Actions
우선 현재 클라이언트의 경우 인프라가 아래처럼 구성되어 있다. 만약 클라이언트에서 코드를 몇줄만 수정해도 아래 과정을 거쳐서 다시 배포해야 한다. 1. 리액트 프로젝트 빌드 2. S3에 업로드 3. CloudFront 캐시 무력화 변경 작업은 유지보수를 하면서 계속해서 일어나게 되는데 매우 비효율적으로 생각됬다. 그래서 repository에 push될 경우 github actions를 사용하여 위 과정을 자동화해서 배포가 되도록 구성했다. ● Github Actions Github Actions의 경우 가장 최상위 개념인 Workflow가 존재한다. Workflow는 특정 로직을 자동화해둔 파일(과정)이라고 생각하면 된다. 프로젝트 루트폴더 안에 ./github/workflows/main.yaml 형식으..
클라우드/AWS
2023. 4. 19. 20:54