나만의 블로그를 만들고 싶어서 여러가지 서비스를 알아보다, Netlify에 정착한지 꽤나 오랜시간이 흘렀다. Netlify 에서 준 https://xxxxx.netlify.app/ 과 같은 이름보다는 오랫동안 내가 사용할 이름을 하나 도메인을 구매하는 것도 좋겠다 싶어 후이즈에서 도메인 구매도 진행하였다. 수익도 안나는 블로그에 돈을 태울일인가 싶긴한데, 그래도 하나쯤은 괜찮겠다 싶어 사긴했다.
그런데, 웹서비스를 하나 더 만들일이 생겼다. Svelte 를 공부해보니 여러가지 예제들을 담을 수 있는 공부용 사이트를 하나 만들고 싶었다. Vercel을 이용하면 무료로 웹호스팅을 이용할 수 있다는 소식을 듣고, Vercel에 개인 프로젝트를 배포까지 성공적으로 했다. 역시나 URL 이 맘에 안들어서, 또 도메인을 구매해야 하나 싶었지만, 기존 가지고 있는 도메인에 서브도메인을 추가해 사용해보기로 했다. 예를 들면 https://sourcebox.dev/ 로만 사용했다면, https://ex-svelte.sourcebox.dev/ 같은 주소를 추가할 수 있다.
네임서버에 서브도메인 추가
나는 도메인구매는 후이즈에서 했지만, 네임서버를 Netlify 로 설정해서 사용하기 때문에, 내경우 서브도메인 추가하는 작업은 Netfliy 사이트에서 진행했다. Domains 메뉴에서 Add new record 버튼을 클릭한다.
서브도메인을 추가할때는 레코드타입은 CNAME 으로 선택하고, 서브도메인으로 사용할 이름만 Name 에 기입한다. value 에는 매핑하고 싶은 URL, 내경우 Vercel URL 을 입력했다.
Save 하고 하면 저장된 걸 확인할 수 있다.
Vercel 도메인 설정
서브도메인까지 만들어놨으니, 이제 연결할 주소에 매핑하는 일만 남았다. Vercel 사이트에 와서 Domain 설정 버튼을 누른다.
아까 만든 서브도메인 주소를 넣고 Add 버튼을 클릭한다.
아래와 같이 추가된걸 확인할 수 있다. 마지막으로 해야 할 일이 있는데, 기존 vercel.app 주소로 접근하더라도 내가 지정한 커스텀 도메인으로 리다이렉트하도록 설정하는게 남았다. vercel.app 주소의 Edit 버튼을 누른다.
리다이렉트할 주소를 선택하고 저장하면 모든게 끝난다.
