[Web] 발표시간 계산기, 도메인 구매하여 사이트 연결 (with 가비아, netlify)

김의진·2021년 10월 4일
0
post-thumbnail

안녕하세요. 발표시간 계산기 개발자입니다. 이번에 발표시간계산기를 리팩토링하며, 도메인을 따로 구입했습니다.

도메인 변경 이유

https://presentationtime.netlify.app/
에서
https://www.speechtime.co.kr/
로 변경했습니다.

이전에는 무료 호스팅/도메인 툴인 netlify로 배포하였습니다.
하지만 사용자 반응이 좋아서, 4달만에 1만 방문자수를 달성하였고, 사이트를 개편하고자 다짐했습니다.

대학생들이 주 사용자이기에, 방학기간 개편하였습니다.

  1. UI/UX를 개선

  2. Vanilla Js -> React + Next + TypeScript

  3. 웹사이트 이름 개편. (PT time 이라는 말이 외국인들에게 직관적이지 않고, PT가 다양한 말들로 해석될 수 있기 때문)

  4. 전체적인 코드 리팩토링

  5. 무료 호스팅 도메인을 없앤 사이트명

1,2,3,4 모두 완료했고 이제 마지막으로 개인 도메인을 팔 일만 남았습니다.

도메인 사이트 탐색

알아보던 중, 국내 도메인 사이트 가비아 라는 곳을 발견했습니다.

https://www.gabia.com/

아마, 국내 도메인 사이트 중에서 가장 유명한 것 같고, 대충 비교해봐도 가격 측면에서 큰 차이가 없길래 가장 큰 회사를 골랐습니다.

영어는 잘 못하니까 그냥 국내 사이트만 찾았습니다.

도메인 구매 과정

해당 사이트에 들어가서 검색하면, 구매 가능한 도메인을 찾을 수 있습니다.

.com이 가장 좋지만, .com은 이미 누군가 사용중이라 .co.kr을 구매했습니다.

구매 페이지로 넘어가면, 개인정보를 작성하게 되는데, 하나 까다로운 부분에 직면하게 됩니다.

네임서버 사용

DNS(Domain Name Server)는 우리가 주소창에 입력하는 uri를 ip주소로 변환해주는 서버입니다.

도메인과 별개로 호스팅을 담당합니다.

그러므로 도메인을 구입한다고 하여, 웹사이트에 바로 연결되는 것은 아니며 dns가 있어야 한다는 것이죠.

가비아에서 자사 네임서버를 운영하고 있습니다.

하지만 저는 vercel에서 무료 호스팅을 이용중이었고, vercel은 국제적으로 매우 큰 회사라서 그대로 vercel - 타사 네임서버를 이용했습니다.

가비아 네임서버를 사용하지 않으면 몇가지 기능을 이용하지 못 한다고 하는데, 이는 추후 수정 가능한 부분이기에 일단 구매하고, 필요하면 수정하고자 했습니다.

저기 호스트명 또는 ip주소를 입력해야하는데, 이는 vercel 사이트에서 할 수 있습니다. (netlify 등, 다른 호스팅 툴을 이용했다면, 해당 사이트로 들어가면 됩니다.)

이미 무료 배포해둔 domain에 들어갑니다.

자신이 구매할 domain 주소를 입력하여 add 를 누릅니다.

설명을 위해 임의로 speechtime.kr를 등록해보겠습니다.

그러면 이와 같이 뜨는 것을 볼 수 있고, nameserver 호스트명을 볼 수 있습니다.

ns1/2-vercel-dns.com 이 두가지를 위 "호스트명" 칸에 입력해줍니다.

그러고 결제 한 후 약 5분 정도가 지나면

Valid Configuration으로 바뀌며 Production 되고, 도메인 주소로 접속할 수 있게됩니다.

profile
안녕하세요

0개의 댓글