K_blueprint
'000webhost'를 사용한 무료 웹 호스팅 해보기 본문
- 목 차 -
● 000webhost 개념 및 설명
● 000webhost를 사용한 무료 웹 호스팅 실습
● ' 000webhost ' 개념
000webhost의 개념 및 특징을 간단히 말해보자면 아래와 같습니다.
- 보급형 웹 호스팅 서비스로 알려진 '호스팅어(Hostinger)'가 운영하는 무료 호스팅 서비스
- 무료로 웹 사이트를 제작해 호스팅이 가능
- PHP, Mysql 지원
- 친화적인 대시보드와 간단한 설정을 통해 다루기 쉬운 환경을 가지고 있다.
- 무료 하위 도메인 제공
- 사용하고자 하는 서비스에 따라 요금제가 다르기 때문에 실제로 사용하게 된다면 요금제별로 비교해 보시고 본인에게 필요한 서비스를 선택하시면 됩니다!
● 000webhost를 사용한 무료 웹 호스팅 실습
지금부터는 000webhost를 사용하여 PHP코드로 만들어진 로그인 페이지를 웹 호스팅 해보는 실습을 해보겠습니다:)
000webhost를 사용하기 전에 먼저 제가 웹 호스팅을 할 파일에 대해서 간략하게 말씀을 드리려고 하는데요 소스 코드와 CSS 코드는 인터넷에 만들어져 있는 무료 CSS를 참고했고 '호스팅 된 로그인 페이지에 임의의 ID와 PW를 입력하면 입력된 ID와 PW가 무엇인지 보여주는 페이지'를 출력하는 간단한 PHP사이트를 만들어 보았습니다.
그럼 이제 만들어진 파일을 이용해서 웹 호스팅을 하러 가보도록 하겠습니다..!
○ 먼저 인터넷에 ' 000webhost'를 검색하고 제일 위에 있는 사이트로 접속합니다.
○ 사이트 접속 후 구글 계정으로 로그인을 하게 되면 아래와 같은 화면이 나오게 됩니다.
(저는 이미 하나를 만들어 두었기 때문에 왼쪽에 웹 사이트가 만들어져 있습니다!)
○ Create a new website를 누르게 되면 만들고자 하는 웹 사이트의 주소와 암호를 지정하는 팝업창이 출력됩니다.
- 여기에 정보를 입력하고 Create를 누르게 되면 'Install WordPress'와 'Upload site' 두 개의 카테고리 중 하나를 선택하는 팝업이 나오게 되는데 저는 존재하는 파일을 업로드하기 때문에 Upload site를 해주도록 하겠습니다.
○ 웹 호스팅을 위한 파일을 올릴 수 있는 file manager 페이지로 접속이 되었습니다.
- 이제 위의 이미지에 있는 public_html폴더에 웹 호스팅을 하고자 하는 파일(소스코드, CSS, Image 등)을 업로드하면 처음에 지정한 웹 사이트의 주소로 접속을 했을 때 정상적으로 웹 호스팅이 되어있는 모습을 확인하실 수 있습니다!
- 파일은 드래그 엔 드롭 방식으로 쉽게 업로드가 가능합니다!
○ 홈으로 돌아가서 웹 사이트가 정상적으로 호스팅이 되었는지 확인해 보겠습니다.
- 위의 이미지를 보시면 오른쪽에 새롭게 호스팅 된 웹 사이트의 주소가 정상적으로 등록이 되어있는 것을 보실 수 있습니다.
- 참고로 다시 file manager화면으로 가는 방법은 이미지에 있는 'Manage' 즉 관리 버튼을 클릭해 주면 대시보드로 이동하게 되는데 대시보드 안에 file manager로 들어갈 수 있는 루트가 존재합니다! (아래의 이미지를 참고해 주세요)
○ 마지막으로 웹 호스팅 된 페이지가 정상적으로 출력되는지 테스트해 보겠습니다.
- 호스팅 된 주소로 접속하는 방법은 직접 입력하는 방법과 대시보드의 왼쪽 상단에 있는 주소 이름을 클릭하는 방법이 있는데 후자를 추천드립니다..!(이유는 그냥 편해서입니다.)
'도구 & 정보 정리' 카테고리의 다른 글
| 임베디드 시스템이란? (12) | 2024.09.01 |
|---|---|
| 보안 관련 용어 정리(1) (0) | 2024.03.04 |
| Naver API의 사용법 (4) | 2023.11.28 |
| BUN (2) | 2023.11.15 |
| IIS(Internet Information Service) (0) | 2023.11.14 |
