CloudFront 썸네일형 리스트형 AWS s3-Cloudfront 리액트 프로젝트 Codepipeline 자동화 (Lambda) 이전 글에서 s3 - Cloudfront에 리액트 프로젝트를 배포하는 법을 알아보았는데 이번에 Codepipeline을 이용해서 깃으로 푸쉬 할 때 마다 자동으로 배포와 Cloudfront의 배포 무효화 까지 한 번에 하는 방법을 알아보자 기존 CodePipeline 생성 시 기본적인 세팅들을 그대로 따라가주면 혹 buildspec.yml 파일을 작성하는데 어려움이 있다면 아래를 참고하면 되겠다. * buildspec.yml 파일 생성 base-directory 폴더명은 본인이 빌드 파일 떨구는 폴더 명을 적어주면 된다. 기존 Codepipeline을 이용한 배포에서 추가적으로 해줘야 할 것이 있는데 바로 Deploy 다음에 스테이지 하나를 추가하여 Cloudfront에 배포 무효화 해주는 것이다. 무효.. 더보기 AWS S3에 React 프로젝트 배포 하기 (s3 + Cloudfront) 현 회사에서 ECS, EC2 를 이용한 클라쪽 프로젝트 배포가 어찌보면 일상화가 되어 있었는데 새로운 방법으로 해보고 싶어서 s3로 배포를 해보면 어떨까 하고 문서를 찾아보며 배포해보게 되었다. https://rainbound.tistory.com/472 애초에 관련한 문서는 다 많았지만 현 날짜 기준 바뀐 인터페이스에 관해서는 별로 문서가 많지 않았다. 우선 원리는 간단하다. React 빌드 -> s3 버킷 생성 후 업로드 -> cloudfront 설정 후 배포 -> cloudfront 대체 도메인 후이즈 도메인 네임서버에 연결 내가 직접 했던 과정을 스크린샷을 겸해가며 작성해보겠다 1. 리액트 파일 빌드 2. s3 버킷 생성 퍼블릭 세팅 풀어주고 사진 항목.. 더보기 이전 1 다음
