민규의 개발블로그
가비아+vercel 도메인 구매후 연결 본문
vercel로 배포한 gyumongeats에 커스텀 도메인을 해주기 위해 도메인을 구매하고 연결해준 내용을 기록한다.
도메인 구매
도메인은 가비아에서 구매해 주었다. 현재 이벤트 중인 1년에 500원인 shop인 도메인을 구매하였고
My가비아 -> 서비스 관리 -> 관리 툴
-> DNS 정보 : 도메인 연결 설정 -> 설정 -> 레코드 수정
아래와 같이 vercel과 연결하기 위해 레코드를 수정하였다.
A 레코드는 DNS의(Domain Name System) 레코드 중 하나로써 웹서버의 IPv4 주소를 매칭 할 때 사용한다.
TTL(Time To Live)은 다음 레코드 변경사항이 적용될 때까지 걸리는 시간(초)을 결정하는 DNS 레코드 값이다.
CNAME 레코드는 gyumongeats.shop 필드뿐만 아니라 www.gyumongeats.shop으로도 도 접속할 수 있게 해 준다.
HTTPS SSL 인증?
2021년 1월에 업데이트된 Chrome은(버전 M88) 같은 도메인의 http 사이트와 https 사이트를 cross-site로 취급하도록 정책이 변경되었다. 이를 Schemeful same-site 정책이라고 하는데 URL에서 http, https 부분을 scheme이라고 불러서 그렇다. (예: https://google.com 에서 https 부분이 scheme)
httpOnly, secure cookie를 통해 서버와 refreshToken을 주고 받았는데, M88 업데이트로 인해 클라이언트가 http면
서버에서 refreshToken cookie를 전달받지 못한다.
따라서 https로 변경을 해주어야하고 ssl 인증을 받아야한다.
참고자료
FE개발자의 성장 스토리 06 : 2021년 Chrome의 새로운 변화 – Schemeful same-site을 대응하자