메로그

신규 프로젝트를 진행하게 되었는데, 이번 기회에 최신 React 버전을 직접 사용해보고 싶었다.또한 빠른 배포와 자동화된 워크플로우를 위해 AWS S3를 활용한 정적 사이트 배포와 GitHub Actions를 이용한 CI/CD 구성까지 함께 적용해보기로 했다.최근에는 간단한 CI/CD 환경을 누구나 쉽게 구성할 수 있는 도구들이 잘 갖춰져 있어서,이번 글에서는 React v19 버전 + AWS S3 + GitHub Actions 조합으로 프로젝트를 어떻게 세팅했는지따라하기 쉽게 정리해보려 한다.진행하는 프로젝트는 간단한 Admin 페이지로, SEO 최적화가 필요 없는 SPA(single-page application) 형태이기 때문에 React로 구성하는 데 부담이 없었다.사용기술우선 본격적인 진행에 앞..

elasticbeanstalk 을 사용하면 S3 버킷을 자동으로 생성하는데 기본적으로 삭제 권한이 허용되어 있지 않습니다. 직접 s3 권한을 열어서 Allow 해주어야 삭제됩니다. 삭제하기 아래 Effect 값을 Allow 로 변경해주면 삭제할 수 있습니다.