기본 개념
정적 웹 호스팅
언제, 어디서, 누가 접속해도 항상 정해진 리소스만을 보여주는 웹 사이트
동적 웹 호스팅
변화하는 데이터를 받아와서 상황에 따라 매번 다른 내용을 보여주는 웹사이트
AWS 정적 사이트 배포하기
정적 배포의 경우에는 S3와 같은 스토리지에 배포를 진행해줍니다. 따라서 프론트엔드 개발자는 빌드된 파일만 스토리지에 업로드할 시 화면이 갱신됩니다. 그래서 devops팀에서 서버를 만들어줄 시 정적 파일만 올려주도록 하면되기 때문에 해줄일이 많이 없습니다.
AWS S3
버킷 만들기
위와 같이 권한을 설정해주고 버킷을 만듭니다.
정적 웹 호스팅 관련 설정
여기서 호스팅 유형에 정적 웹 사이트 호스팅과 객체에 대한 요청 리디렉션 두가지가 있는데 정적 웹 사이트 호스팅의 경우 실제로 서버를 올릴 곳을 뜻하고, 객체에 대한 요청 리디렉션의 경우 www.dongwoo.com을 실제 url인 dongwoo.com으로 이동시켜주는 역할을 한다고 보면됩니다.
권한 설정
여기서 버킷 정책을 누른 뒤
정책 생성기를 통해 생성하도록 합니다.
GetObject옵션을 통해 유저들이 객체(정적 페이지)를 가져갈 수 있도록 설정해줍니다.
정책도 저장 완료되었습니다.
직접 업로드 해보기
vite를 배포하는데 제대로 배포되었는지 확인해보았습니다.
URL들어가서 확인해봅시다.
쉽게 될리가 없지…
해당 글을 보니 정책에 하나 더들어가야하는 듯해서 하나 더 추가해주고
정책에 정적 웹 사이트 호스팅을보니 엔드포인트도 보여서 여기로 접속해보았습니다.
정적 사이트는 손쉽게 처리할 수 있도록 되어있습니다.
AWS CloudFront 설정
cloudFront 설정으로 갑니다.
원본 도메인 누르면 본인이 가지고있는 s3가 보이니 선택해줍니다.
기본으로 준 URL을 사용해 테스트를 확인했습니다.
굳!
어차피 테스트용 까먹고있다가 해킹당하면 골치아프니 버킷까지 삭제해줍니다.
