프론트엔드/etc

프론트 배포 실습2

Hyeon_E 2023. 12. 28. 22:12

대체 도메인 설정 및 서브 도메인 등록

실습하기 전 이론 및 실습

프론트 배포 이론

 

프론트 배포 이론

[ AWS 배포 방법들 ] AWS EC2를 활용한 배포 AWS S3와 CloudFront를 활용한 배포 AWS amplify를 활용한 배포 Nginx를 활용한 배포 각 방법에 따라 배포할 수 있는 서버가 다르며 배포할수 있는 서버란 웹서버와

hyeon-e.tistory.com

 

프론트 배포 실습

 

프론트 배포 실습

S3 + cloudfront를 활용하여 배포후 GitHub Action으로 CI/CD 적용 실습 실습하기 전 배포 이론 https://hyeon-e.tistory.com/219?category=1107791 프론트 배포 이론 [ AWS 배포 방법들 ] AWS EC2를 활용한 배포 AWS S3와 CloudFr

hyeon-e.tistory.com

순서

  1. 서브 도메인 설정
  2. 대체 도메인 설정

 

[ 서브 도메인 설정 ]

도메인 구매

도메인은 가비아에서 구매했음

https://www.gabia.com/

 

웹을 넘어 클라우드로. 가비아

그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브

www.gabia.com

 

 

원하는 도메인을 입력하여 구매하면 됨

 

서브 도메인 설정

서브 도메인을 설정하는 이유

경제적인 이유에서 도메인을 2개 구매해서 사용하는 것은 굉장히 비효율적임

그렇기 때문에 서브 도메인을 통해서 서비스를 분리해 구조화 시켜 관리를 하는 것이 좋음

이를 통해 리소스 분산 및 다른 서비스와의 분리를 통해 보안도 강화할 수 있음

다만 host가 다르다는 것은 출처가 다르다는 것이기 때문에 CORS 에러는 별도로 해결해주어야 함

 

가비아 공식 문서

 

가비아: 국내 1위

 

customer.gabia.com

가비아 고객센터에 DNS 레코드 설정하기가 자세히 나와있어 따라가면 쉽게 DNS 레코드를 설정할 수 있음

 

하지만 DNS를 설정할때 A type을 이용해서 IP를 값에 넣어주는 것이 아니라 CNAME에 CloudFront의 도메인 이름을 설정해서 값을 넣어주어야 함

호스트에서는 대체 도메인에서 사용할 값을 입력하면 되며 www.도메인.com이라면 www부분이 호스트가 됨 

 

[ 대체 도메인 설정 ]

ACM(Certifiacte Manager)에서 인증서 요청

 

ACM에서 인증서를 발급받을 때 region은 버지니아 북부(us-east-1)에 설정

도메인 이름에 대체 도메인이면 host 부분도 넣어야 함

 

CloudFront 설정

 

Route53 추가

 

gabia에서 구매한 도메인을 호스팅 영역에 추가 해야함

이후 단순 레코드 정의에서 설정한 값을 토대로 작성을 해주면 됨