[AI 활용법] 챗GPT로 개인 웹페이지 만들기 (3) 도메인 주소 연결하기

지난 포스트에서 개인 웹페이지 온라인 이력서를 만들어서 html 파일로 저장하는 법에 대해서 알아보았는데요. 

오늘은 웹페이지 주소와 연결하는 방법에 대해서 알아보겠습니다. 

 

 

HTML 파일을 웹 페이지 주소와 연결하려면 웹 호스팅 서비스와 도메인이 필요합니다. 

다음은 이를 설정하는 기본적인 단계입니다:

1. 도메인 구매
먼저, 웹사이트 주소(URL)로 사용할 도메인을 구매해야 합니다. 도메인은 GoDaddy, Namecheap, Google Domains와 같은 도메인 등록 기관에서 구매할 수 있습니다.

2. 웹 호스팅 서비스 선택
웹 페이지를 호스팅 할 웹 서버가 필요합니다. 다양한 웹 호스팅 서비스가 있으며, 대표적으로는 다음과 같습니다

(1) 국내

- 국내에는 가비아, 카페24 등이 있습니다.   

(3) 해외

- Bluehost
- SiteGround
- HostGator
- AWS (Amazon Web Services)
- DigitalOcean

3. 도메인과 호스팅 연결
도메인을 구매한 후, 도메인을 웹 호스팅 계정에 연결해야 합니다. 

이를 위해서는 도메인 등록 기관에서 제공하는 DNS 설정에서 호스팅 서비스에서 제공한 네임서버(NS) 정보를 입력합니다.

4. HTML 파일 업로드
웹 호스팅 서비스에 접속하여 `index.html` 파일을 업로드합니다. 대부분의 호스팅 서비스는 파일을 업로드할 수 있는 웹 인터페이스 또는 FTP(SFTP)를 제공합니다. 아래는 일반적인 FTP를 이용한 파일 업로드 방법입니다.

※ FTP를 통한 파일 업로드
1. FTP 클라이언트 설치 : FileZilla와 같은 FTP 클라이언트를 설치합니다.
2. 호스팅 서비스 로그인 정보 확인 : 호스팅 서비스에서 제공한 FTP 서버 주소, 사용자 이름, 비밀번호를 확인합니다.
3. FTP 클라이언트 설정 :
   - FTP 클라이언트를 열고, 호스팅 서비스에서 제공한 서버 주소, 사용자 이름, 비밀번호를 입력하여 연결합니다.
   - 연결 후, 웹 서버의 루트 디렉토리(public_html 또는 www)에 접속합니다.
   - `index.html` 파일을 루트 디렉토리에 업로드합니다.

5. 웹사이트 확인
모든 설정이 완료되면, 구매한 도메인을 웹 브라우저 주소창에 입력하여 웹 페이지가 제대로 표시되는지 확인합니다.

※ 참고 : GitHub Pages를 이용한 무료 호스팅
간단한 웹 페이지의 경우, GitHub Pages를 이용하여 무료로 호스팅 할 수 있습니다.

1. GitHub 계정 생성 및 로그인
2. 새 리포지토리 생성
   - 리포지토리 이름을 `username.github.io`로 설정합니다 (`username`은 GitHub 사용자 이름).
3. HTML 파일 업로드
   - 리포지토리 루트에 `index.html` 파일을 업로드합니다.
4. GitHub Pages 활성화
   - 리포지토리 설정(Settings)으로 이동하여, "GitHub Pages" 섹션을 찾습니다.
   - "Source"를 "main" branch로 설정하고 저장합니다.

GitHub Pages를 사용하면, `https://username.github.io` 주소에서 웹 페이지를 확인할 수 있습니다.

 

---

이러한 단계를 따르면 HTML 파일을 웹 페이지 주소와 연결하여 인터넷 상에서 웹 페이지를 호스팅 할 수 있습니다. 

 

오늘도 모두 행복하세요. 

 

■ 함께 보면 좋은 글

[AI 활용법] 챗GPT로 개인 웹페이지 만들기 (1) 온라인 이력서

[AI 활용법] 챗GPT로 개인 웹페이지 만들기 (1) 온라인 이력서

[AI 활용법] 챗GPT로 개인 웹페이지 만들기 (2) HTML 웹페이지로 저장하는 법

[AI 활용법] 챗GPT로 개인 웹페이지 만들기 (2) HTML 웹페이지로 저장하는 법

[AI 활용법] 챗GPT3.5에서 챗GPT4로 요금제 업그레이드 방법

[AI 활용법] 챗GPT3.5에서 챗GPT4로 요금제 업그레이드 방법

유용한 무료 AI 인공지능 서비스 5가지 - AI 활용법 꿀팁 모음

유용한 무료 AI 인공지능 서비스 5가지 - AI 활용법 꿀팁 모음