내 홈페이지 무료도메인 주소로 무료 웹호스팅 하기 (2탄)

(참고: 만일 본 블로그를 참조한다면 맨 앞에서부터 읽기를 권장한다. 컴퓨터를 잘하고 프로그래밍도 잘하는 분은 너무도 뻔한 이야기라서 도움이 안되지만 이제 컴퓨터라는 분야에 흥미를 갖게되는 분들에게는 분명 도움이 되리라 확신한다. )

 

지난 시간 실습용으로 임시로 만들어 본 홈페이지 템플릿이다.

 

임시로 만든 홈페이지

 

2. 무료 웹호스팅하고 무료 도메인 설정하기 

 

위 내용을 가지고 무료서버를 운영하는데 가서 업로드를 해보자. 

 

구글에서 free website hosting으로 검색하면 많은 사이트들이 존재한다. 각각을 클릭해서 보면 로그인도 필요하고 또 free라고 기입되어 있지만 비용을 지불하는 곳도 있고 잘 봐야한다. 우리는 기본적으로 실습이 목적이기에 구글링이나 여러 블로그를 보면 'Netlify'라는 곳에서 연습하기 좋은 결론을 내렸다. 

 

참고로 서버를 내컴퓨터에서 설정할 수 있으나 24시간 관리해야 되고 복잡하기에 외부에서 웹호스팅을 해주는 외부서버를 이용한다. 

 

넷트리파이 (Netlify)   : 구글에서 검색하면 쉽게 찾을 수 있다. 

접속해 보면 

 

출처: Netlify

 

간단하게 Sign up을 해주고 로그인한다. 로그인을 다음과 같은 화면이 뜨는데 맨밑에 'Drag and drop your site folder here' 칸에 내가 만든 홈페이지 폴더를 옮겨준다. 

 

출처: Netlify 

 

내 임시 홈페이지 폴더

 

조금 있다 보면 내 홈페이지가 Netlify 서버로 Depoly(배치)된 것을 볼 수 있다. 즉, 무료로 웹호스팅 서버에 올렸다. 무료 웹호스팅 끝!)

출처: Netlify 

그리고 빨간줄처럼 내 도메인주소도 생겼다. 주소는 여러가지가 쓰여 있어서 너무 어렵게 되어있다. 

 

이 주소로 인터넷을 통해 들어가면 

출처: 네이버

 

내가 만든 임시 홈페이지가 나온다.

 

무료 웹호스팅을 통한 내홈페이지 

 

그런데 지난 시간 설명했듯이 도메인주소를 쓰는 가장 큰 이유중 하나는 사이트의 주소를 알기 쉽게 하는 것이다. 위 주소처럼 무슨 암호처럼 되어 있다면 차라리 숫자로 이루어진 IP 번호를 외우는게 쉬울듯 하다.

그래서 Netlify에서도 2번 Set up a customer domain이러고 너의 Domain을 설정하라고 한다. 

 

Site settings로 들어가보자 

 

출처: Netlify 

Site details에서 다음 안내에 따라 수정해 보자.

 

출처: Netlify 

 

Change site name을 하자 (영어와 숫자로만 가능)

 

나는 연습이니 practice2021로 입력하고 저장 (흔한이름은 이미 다른 사람이 소유하고 있다.)

 

출처: Netlify 

 

 

그럼 최종적으로 변경된 사이트이름(도메인주소)으로 되어 있다. 무료 도메인 설정도 끝!!

출처: Netlify 

그러면 변경된 도메인주소를 가지고 인터넷에 다시 접속해 보면 

출처: 네이버

 

 

 

아주 잘 실행이 되고 이로써 내 도메인주소로 전세계 어디서나 인터넷만 있으면 접속이 된다. 참 간단하다. 이쯤되면 갑자기 나만의 홈페이지를 가지고 싶다라는 생각이 든다. (더욱이 현재까지 비용이 든 것도 아니기 때문에 더욱 그렇다.)

곰곰히 생각해 보면 내 주소가 practice2021.netlify.app인게 무료호스팅도 해주고 무료도메인도 해주니 주소 뒷쪽에 netlify.app이 강제 할당되면서 netlify라는 회사를 광고하는 개념인 것 같다. 역시 세상에는 공짜는 없나보다...

그래서 다음시간에는 웹호스팅을 netlify로 쓰면서도 practice2021.netlify.app의 도메인 주소를 무료로 내가 원하는대로 바꿔보도록 하겠다. 도메인의 가장기본인 외우기 쉬워야 하고 뭔가 보이스피싱 처럼 안보이게 하는 그런 주소가 필요하다.