무료 웹 호스팅 서비스 이용해보기

이전에 실습을 통해서 Github page를 통한 web hosting에 대한 실습을 해본 적이 있다. 이번에는 Github page가 아닌 무료로 Web Hosting을 하도록 해주는 닷홈(Dothome)을 이용해서 무료로 간단한 웹페이지를 만들어서 호스팅해보는 실습을 진행하도록 하겠다.

​

1. 닷홈에 접속한다.

www.dothome.co.kr/index.php

닷홈 - 호스팅은 닷홈

닷홈에 접속한 모습, 해당 홈페이지의 서비스를 통해서 무료 웹 호스팅을 할 수 있다.

 

2. 닷홈 회원가입 진행

닷홈의 서비스를 이용하기 위해서는 회원가입을 진행해야 한다. 우선 회원가입을 진행하도록 하자. 아래와 같이 회원가입 창으로 들어가서 회원가입을 진행한다.

 

​

​

3. 무료호스팅 창으로 이동

다음과 같이 홈페이지 상단 메뉴바에서 "웹 호스팅" 항목 위에 커서를 올려놓으면 다음과 같이 무료 호스팅이라는 항목을 확인할 수 있다.

캡쳐에 대한 설명대로 다음과 같이 "무료 호스팅" 항목을 확인할 수 있을 것이다. 해당 항목을 클릭하면 다음과 같은 창을 확인할 수 있다.

이전에 본 메뉴바에서 무료 호스팅을 클릭하여 이동 후 커서를 아래로 조금 드래그 하면 다음과 같은 창을 확인할 수 있을 것이다.

이제 여기서 "신청하기"를 클릭하자.

​

4. 무료 호스팅 신청

무료호스팅 신청을 위한 관련 정보입력 창, 필요한 정보들을 기입해주면 된다.

다음과 같이 해당 창 밑으로 무료호스팅 신청에 필요한 관련 정보들을 입력하면 된다. 필요한 정보들을 모두 입력하였다면,

하단에 있는 신청하기를 클릭하면 된다.

그러면 다음과 같이 닷홈에서 무료호스팅 신청이 완료되었다는 창을 확인할 수 있을 것이다. 그렇다면 바로 무료호스팅을 신청한 웹페이지 주소로 이동해보자.

다음과 같이 호스팅이 성공적으로 세팅되었다는 문구와 함께 파일을 추가하는 방법들에 대해서 안내하고 있다.

​

 

5. 파일을 추가하여 나만의 웹페이지를 구성

호스팅한 웹페이지를 우리가 원하는 대로 구성하기 위해서는 관련 정보들을 담은 파일들을 업르도 시켜야 한다. 이에 대한 스킬들은 정말 많은 종류들이 있지만 현 실습에서는 무료 호스팅 사이트를 통해서 간단한 웹페이지를 구성해보는 것이므로 간단하게 원하는 문장만을 출력하는 형태로 구성해보도록 하겠다.

​

호스팅한 웹페이지에 파일을 업로드하기 위해서는 FTP를 통해 접속하여 파일을 전송해야 하는데 이는 FileZilla를 통해서 쉽게 수행할 수 있다. 아래의 링크로 이동하면 쉽게 다운로드 받아서 설치할 수 있다. 그렇다면 filezilla를 설치 후 실행해 보도록하자.

https://filezilla-project.org/

FileZilla - The free FTP solution

 

filezilla를 실행한 모습이다. filezilla를 실행한 후에는 호스팅한 웹과 연결을 해야하는데 다음과 같이 filezilla의 화면 상단에 "호스트"라는 항목이 있는 것을 확인할 수 있다. 해당 창에 호스트, 사용자명, 비밀번호를 순서대로 기입해주고 빠른연결을 클릭하면

다음과 같이 정상적으로 연결된 것을 확인할 수 있다. 연결이 완료되자 "리모트사이트" 라는 항목에 관련 디렉터리들을 불러와서 보여주는 것을 확인할 수 있다. 그렇다면 이제 로컬PC에서 웹페이지를 위한 관련 파일을 생성 후 filezilla를 통해서 이를 추가해보도록 하겠다.

다음과 같이 VS Code를 이용해서 간단한 index.html 파일을 편집하여 생성하였다. 이제 이 파일을 추가해보도록 하겠다. 해당 파일은 이전에 호스팅 신청 후 관련 안내에서 보았던 것처럼 해당파일을 리모트 사이트의 "html" 폴더 내에 저장하면 된다. 파일을 추가하는 방식은 간단하다. 드래그앤드랍 방식으로 해당 파일을 끌어다 가져다 놓으면 된다.

전송하고자 하는 파일을 끌어다 놓으면 다음과 같이 자동으로 전송절차가 시작되고 작은 용량의 파일이기 때문에 금방 마무리 되는 것을 확인할 수 있다.

다음과 같이 정상적으로 전송과정이 수행되면 filezilla 하단에 전송성공이라는 메시지와 함께 관련 정보들이 나오는 것을 확인할 수 있고 또한 리모트 사이트의 html 디렉터리에 방금 추가한 index.html 파일이 추가된 것을 확인할 수 있다.

​

그 후 다시 웹페이지로 이동해보면

다음과 같이 자신만의 웹페이지를 성공적으로 구성한 것을 확인할 수 있다.

​지금까지 무료호스팅 웹사이트 닷홈을 이용해서 나만의 웹사이트를 구성해보는 실습을 진행해보았다. 이것으로 글을 마친다.