[다락재 쉼터] Netlify에 무료 도메인(freenom) 붙이기

- 도메인이란?

아직 프로젝트가 테스트 단계라 돈을 내는 도메인이 필요한 상태가 아니다. 그래서 무료 도메인을 발급받아서 사용하려고 하는데, 이렇게 발급 받은 도메인은 샀다기 보다는 단기 임대의 개념이다. 처음에 이렇게 발급받은 도메인도 유료로 구매한 도메인들과 같은 효력을 가지는지 의문이 있었는데, 국제적으로 도메인은 국제인터넷주소 관리기구(ICANN)에서 여기서 하위 기관에 권한을 위임하고, 거기서또 하위기관에 권한을 주는 구조로 효력은 동일하다고 한다. 그래서나는 freenom이라는 곳에서 임시로 도메인을 발급받아서 사용하고자 한다

 

 

 

- 무료 도메인 대여하기

이를위해서 참고한 자료는 [나만의 인터넷 주소 도메인을 만들어보자! 무료 도메인 생성하기]라는 글이다.

 

다락재 쉼터를 로마자로 표현하면 darakjaeswimteo 여서 이를통해서 도메인을 발급받으려고 한다.

 

그런데 나는 어쩐지 로그인을 하려고하면 "your social login could not be determined"이라고하고, 도메인을 입력해도 모든도메인이 전부다 not available이라고떠서  계속문제가 생겨서 무료 도메인(FREE DOMAIN) FREENOM의 NOT AVAILABLE 문제 를 읽고 아래처럼 해결할 수 있었다.

 

.ga 등을포함시킨다

selected가 되어있다. checkout 을 선택

period 는 12개월로선택!(Forward this domain, use dns를선택하지 말것!)

 

continue하면이화면이 나온다. 

이제 이메일을 입력하고 verify my email address를하고 정보를 적당히입력하고 나면 끝이다. 

 

완료!

이때 나는처음에 가입때 국가를 미국으로 설정해놨더니 도메인 설정이안됬었어서 나라를 제대로선택해야한다. 

5개의도메인!

이제 도메인을 가져오는것은 끝났다!

 

 

 

- Netlify에 도메인 붙이는 전체 흐름

이제 domain은 준비가 되었고 실제 netlify에올려져 있는 내 프로젝트에 위에서 대여한 도메인으로 접근할 수 있도록 하는 설정이 필요하다. 

 

우선 알아야할 내용은 도메인은 네임서버에 ip랑 같이등록되어야 사용자가 darakjaeswimteo.ga/ 와 같은 요청을 하면, 네임서버(DNS)에 가서 어떤 ip로 가면되는지 알려주는 구조라는것이다. . 네임서버(DNS)에 관한 상세한 내용은 이 글을 읽으면 좋은 것 같다. 

 

나도 도메인을 직접 붙여보는 과정은 처음이라 전체적인 흐름을 간략하게 요약하자면 아래와 같다(틀린 부분이있다면 꼭 피드백 부탁드립니다)

 

1. Freenom이든 어떤서비스든 사용해서 도메인을 구매. 대부분은 도메인 업체가 자체 네임 서버(DNS)를 운영하고 있다고 한다. 

2. Netlify의 내 프로젝트에서 도메인을 연결

3. Netlify는 custom 도메인(freenom과 같이 우리가 직접 준비한 도메인)이 이미사용하고 있는 외부 DNS도 설정할 수 있는데(Configure external DNS for a custom domain) 우리는 Netlify가 제공하는 DNS를 사용할 것이다(Netlify DNS). 

4. Freenom의 내 도메인에 가서 네임서버를 Netlify가 알려주는 custom dns로 설정하면 완료이다. 

 

 

- Netlify 에 도메인 붙이는 과정 step by step

 

아래는 Netlify의 내프로젝트 대쉬보드이다.  Set up a custom domain을 선택한다. 

대쉬보드

 

darakjaeswimteo.ga를 내 custom domain으로 선택했다!

나는 ga 로 끝나는 아이를등록하기로 했다

 

 

이미 freenom에서 내가 등록을 했기때문에 내꺼 맞냐규 물어보는데 맞다고 한다. 

이미 쓰고 있으니까, 내꺼맞냐구 물어본다. 맞다고 한다. 

 

 

그러고 나서 대쉬보드로 돌아오면 DNS configuration 을 하라고 한다. 

 

 

check DNS configuration 을 선택하면, netlify가 제공하는 dns 정보를 볼수 있다. 

dns 설정

위의 내용은 내 도메인의 네임 서버를 확인하라는 내용으로, 내 도메인 프로바이더 설정에 찾아가서, 여기서 보여주는애들로 네임서버 설정을 바꾸라는 내용이다. 그러고 나서도 최대 24시간 정도까지는 네임서버 변경내용이 적용될때까진기다려야한다는 내용이다. 

 

freenom의 대쉬보드를 가면 management tools -> nameservers 설정이 있다. 

management tools / nameservers

 

 

use custom nameservers를선택하고 netlify 의 dns 정보를입력한다. 

use custom nameservers를선택한다

 

 

 

이러고 netlify 의 dashboard를 refresh하면 아래와 같이 설정이 완료된 것을 확인할 수 있다. 

netlify dns를쓰고있다고 표시까지해준다!

한 30분쯤 기다렸더니 domain이 정상적으로 작동하기 시작했다. darakjaeswimteo.ga/

다락재 쉼터

 

 

후기

Domain을 직접 붙여보는건 오늘이 처음이었는데 DNS관련해서 매번 이론으로만 공부하다가 직접 해보니까 좀더 잘 이해되는것 같다. 다음에 또해보면 더 이해가 잘되지않을까 생각한다!

 

 

 

 

참고자료: 

- Netlify 브랜치 배포를 위한 서브 도메인 설정하기

Netlify 브랜치 배포를 위한 서브 도메인 설정하기

- 네임 서버란

네임서버 - 생활코딩

- Netlify 브랜치 배포를 위한 서브 도메인 설정하기

Netlify 브랜치 배포를 위한 서브 도메인 설정하기