본문 바로가기
정보

초보자를 위한 닷홈 무료호스팅과 알드라이브 FTP로 나만의 홈페이지 만들기 완벽 가이드 2025

by TP이슈 2025. 8. 5.
반응형

코딩을 막 시작한 초보자부터 나만의 포트폴리오 사이트가 필요한 분들까지, 누구나 한 번쯤 꿈꿔보는 '나만의 홈페이지'.
하지만 도메인, 호스팅 등 어려운 용어와 비용 문제에 부딪혀 시작도 전에 포기하는 경우가 많습니다.
오늘은 이러한 고민을 한 번에 해결해 줄 닷홈 무료호스팅과 파일 관리를 위한 필수 프로그램 알드라이브 사용법에 대해 A부터 Z까지, 누구나 따라 할 수 있도록 상세하게 알려드리겠습니다.

1. 시작이 반! 닷홈에서 내 이름으로 된 무료도메인 만들기

모든 것의 시작은 '공간'을 마련하는 것입니다. 웹사이트의 공간, 즉 '웹호스팅'과 '도메인'을 닷홈에서 무료로 해결해 보겠습니다. 닷홈 무료호스팅은 개발 공부를 시작하는 학생이나 간단한 개인 홈페이지 제작을 원하는 분들에게는 최고의 선물입니다.

1-1. 닷홈 회원가입 및 무료 호스팅 신청 페이지 접속

가장 먼저 '닷홈' 홈페이지에 접속하여 회원가입을 진행합니다. 과정은 복잡하지 않으니 안내에 따라 완료해주세요.
로그인 후, 상단 메뉴에서 [웹호스팅][무료 호스팅] 카테고리를 차례대로 클릭합니다.

알드라이브 실행 초기 화면. 좌측에 사이트맵, 즐겨찾기 목록
알드라이브 실행 초기 화면. 좌측에 사이트맵, 즐겨찾기 목록이 있고 우측에는 접속 정보를 입력하는 필드가 보입니다.

그러면 위 이미지와 비슷한 화면이 나타납니다. 여기서 [무료호스팅 신청하기] 버튼을 과감하게 눌러주세요. 몇 가지 주의사항과 안내 사항이 나오는데, 꼼꼼히 읽어보신 후 '숙지했습니다'에 체크하고 다음 단계로 넘어갑니다. 무료 웹호스팅 추천을 검색하면 닷홈이 자주 언급되는 이유를 곧 알게 되실 겁니다.

1-2. 나만의 웹호스팅 정보 설정하기 (FTP 아이디와 비밀번호)

이제 웹호스팅 신청의 핵심 단계입니다. 개인 정보를 입력하고 서비스 신청 정보를 선택하게 됩니다. 여기서 가장 중요한 부분은 '웹호스팅 설정 정보' 섹션입니다.

  • FTP 아이디 (FTP ID): 이것이 바로 여러분의 무료도메인 만들기의 핵심입니다. 여기에 원하는 아이디(예: `myportfolio`)를 입력하면, `myportfolio.dothome.co.kr` 라는 형식의 나만의 dothome.co.kr 주소가 생성됩니다. 다른 사람이 사용 중이지 않은, 기억하기 쉬운 아이디로 설정하는 것이 좋습니다.
  • FTP 비밀번호 (FTP Password): 이후 알드라이브 FTP 접속 시 반드시 필요한 비밀번호입니다. 웹사이트의 파일을 올리고 내리는 등 모든 웹서버 파일 관리 권한과 직결되므로, 보안을 위해 안전하면서도 본인이 꼭 기억할 수 있는 비밀번호로 설정하세요. DB 비밀번호도 마찬가지로 중요하니 잘 기록해두시기 바랍니다.

모든 정보를 입력하고 이메일 인증까지 마치면, 드디어 나만의 웹사이트를 위한 공간이 마련됩니다. 이제 이 공간에 내 파일을 채워 넣을 차례입니다.

2. 내 컴퓨터와 서버를 잇는 다리, 알드라이브(ALDrive) 설치 및 설정

방금 만든 `내아이디.dothome.co.kr` 주소로 접속해보면, "index.html 파일을 수정해주세요"라는 취지의 기본 안내 페이지만 보일 겁니다. 내 웹사이트의 내용을 채우려면 내 컴퓨터에 있는 파일(HTML, CSS, 이미지 등)을 서버로 전송해야 합니다. 이 역할을 해주는 것이 바로 FTP 클라이언트 프로그램이며, 우리는 그중 가장 대중적이고 쉬운 알드라이브를 사용할 것입니다.

2-1. 알드라이브 다운로드 및 사이트맵 추가

알드라이브는 '알툴즈' 공식 홈페이지나 포털 사이트 검색을 통해 쉽게 다운로드하여 설치할 수 있습니다. 설치 후 프로그램을 실행하면 아래와 비슷한 화면이 나타납니다. 만약 접속 정보 입력창이 바로 보이지 않는다면 상단의 [사이트맵] 메뉴를 클릭하세요.

이제 서버 정보를 저장해두고 편하게 접속하기 위해 [추가] 버튼을 눌러 새로운 사이트 정보를 생성합니다. '내 사이트'라는 이름으로 기본 생성되는데, '닷홈 내 홈페이지'처럼 알아보기 쉬운 이름으로 변경해주는 것이 좋습니다. 여러 개의 홈페이지 만들기 프로젝트를 진행할 때 헷갈리지 않게 도와줍니다. 이것이 바로 알드라이브 사이트맵 추가 기능의 장점입니다.

사이트맵 화면
해당화면이 나오지 않으면 사이트맵을 누르면 되요~

2-2. FTP 정보 입력 및 서버 접속

이제 아까 닷홈에서 만들었던 정보를 여기에 그대로 입력할 차례입니다. 이 과정은 닷홈 도메인 연결의 핵심적인 부분입니다.

  1. 호스트(Host): 닷홈에서 생성된 내 도메인 주소를 입력합니다. (예: `myportfolio.dothome.co.kr`) `ftp://` 와 같은 부분은 제외하고 순수 주소만 입력합니다.
  2. 아이디(ID): 닷홈에서 설정한 FTP 아이디를 입력합니다. (예: `myportfolio`)
  3. 비밀번호(Password): 설정했던 FTP 비밀번호를 입력합니다. [비밀번호 저장]에 체크해두면 다음 접속부터는 비밀번호를 입력할 필요가 없어 편리합니다.
  4. 포트(Port): FTP의 기본 포트는 21입니다. 보통 자동으로 입력되지만, 비어있다면 21을 입력합니다.

모든 정보를 정확히 입력했다면 [연결] 버튼을 클릭합니다. 잠시 후 오류 메시지 없이 우측 창에 폴더 목록(`html`, `www` 등)이 나타난다면 성공적으로 서버에 접속된 것입니다! 이것으로 닷홈 FTP 정보 확인FTP 프로그램에 적용하는 과정이 끝났습니다.

3. 첫 페이지(index.html) 업로드하여 세상에 내 사이트 알리기

이제 마지막 단계, 내 웹사이트의 '대문' 역할을 할 파일을 올리는 일만 남았습니다. 이 과정을 통해 비로소 웹사이트 배포가 완료됩니다.

3-1. 기본 HTML 파일 작성하기 (코딩 초보도 가능!)

웹사이트의 첫 화면은 약속처럼 `index.html`이라는 이름의 파일이 담당합니다. 코딩 초보 홈페이지를 만드는 분들도 겁먹을 필요 없습니다. 윈도우의 '메모장'이나 VS Code 같은 전문 텍스트 편집기를 열고 아래의 HTML 기초 코드를 그대로 붙여넣어 보세요.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>나의 첫 홈페이지</title>
</head>
<body>
    <h1>안녕하세요! 제 홈페이지에 오신 것을 환영합니다.</h1>
    <p>이 사이트는 닷홈 무료호스팅과 알드라이브로 만들었습니다.</p>
</body>
</html>

작성한 내용을 저장할 때가 매우 중요합니다. 파일 이름을 `index.html`로 정확히 지정하고, 파일 형식은 '모든 파일', 인코딩은 'UTF-8'로 설정하여 저장해주세요. UTF-8 인코딩으로 저장해야 한글이 깨지지 않고 정상적으로 표시됩니다.

3-2. 알드라이브로 파일 업로드하기

다시 알드라이브 화면으로 돌아와, 우측 서버 폴더 목록에서 `html` 폴더를 더블클릭하여 들어갑니다. 이 `html` 폴더가 바로 외부에서 내 사이트로 접속했을 때 보여지는 파일들이 위치하는 공간입니다.

이제 왼쪽(내 컴퓨터)에서 방금 만든 `index.html` 파일을 찾아 마우스로 끌어다가 오른쪽(`html` 폴더 안)으로 옮겨놓기만 하면 파일 업로드가 완료됩니다. 기존에 있던 기본 `index.html` 파일은 삭제하거나 덮어쓰기 하시면 됩니다.

모든 과정이 끝났습니다! 이제 다시 `내아이디.dothome.co.kr` 주소로 접속해보세요. 밋밋한 안내 페이지 대신, 여러분이 직접 만든 첫 홈페이지가 화면에 나타나는 감동적인 순간을 맞이하게 될 것입니다.

마무리하며: 꼭 기억해야 할 팁과 앞으로의 방향

지금까지 닷홈 무료호스팅알드라이브 사용법을 통해 무료 홈페이지 운영의 첫발을 내디뎠습니다. 마지막으로 몇 가지 중요한 팁을 드리며 마무리하겠습니다.

  • 닷홈 무료호스팅 연장: 닷홈의 무료호스팅은 일정 기간(보통 3~6개월)마다 연장을 해주어야 계속 사용할 수 있습니다. 만료 기간을 꼭 확인하고 잊지 말고 연장하여 소중한 데이터를 지키세요!
  • 백업의 생활화: 중요한 파일을 서버에 올리기 전에는 항상 내 컴퓨터에 백업본을 남겨두는 습관을 들이는 것이 좋습니다.
  • 다음 단계로 나아가기: 이제 HTML의 기본을 알았으니, CSS를 이용해 사이트를 예쁘게 꾸미고 JavaScript로 동적인 기능을 추가하며 자신만의 멋진 포트폴리오 사이트 만들기에 도전해보세요!

이제 여러분은 자신만의 온라인 공간을 가졌습니다. 이 작은 시작이 여러분의 멋진 꿈을 펼치는 위대한 첫걸음이 되기를 응원합니다!

반응형