무료로 포트폴리오/프로젝트 서버에 올리는 방법

개발자들은 aws 등을 사용하여 개인 서버를 올리는 분들이 많지만 사용법이 쉽지만은 않기 때문에 웹퍼블리셔 분들이나 디자이너 분들은 자신의 포트폴리오를 서버에 올리기 힘들어 합니다.

그런 분들을 위해 무료로 간편하게 html 파일을 서버에 올릴 수 있는 방법을 하나 정리하려 합니다

사용할 서비스는 닷홈이라는 호스팅 업체의 서비스 입니다.

https://www.dothome.co.kr/

서버 만들기

닷홈에 들어가신 후 회원가입을 합니다.

그 후 웹호스팅 - 무료호스팅을 선택합니다

해당 창에 들어가서 스크롤을 밑으로 내리면 무료호스팅 신청하기가 있습니다

해당하는 서비스를 신청합니다. 입력하는 값들이 몇 있지만 회원가입 정도의 수준이므로 사진은 생략하겠습니다

신청이 완료 된 후에 웹호스팅-내웹호스팅 관리로 들어갑니다

그럼 생성된 호스팅 목록을 볼 수 있습니다

호스팅 목록을 선택한 후 상세 보기를 클릭합니다

내용 중 ftp 비밀번호를 변경해 줍니다

여기까지 하면 기본적인 서버 설정은 끝납니다.

아래는 지금 만든 서버에 html을 올리는 방법입니다

만든 서버에 html 파일 올리기

파일을 올리는 것은 파일질라 프로그램을 사용하겠습니다

아래 url로 들어가 filezilla client를 다운로드 합니다

https://filezilla-project.org/

filezilla를 설치 후 실행합니다

상단부분에 호스트에는 닷홈에서 만든 도메인 기본주소를 입력하고 사용자명에는 호스트 아이디를 입력합니다.

비밀번호는 ftp비밀번호를 입력합니다. 호스트와 호스트 아이디의 위치는 아래의 그림에서 확인 할 수 있습니다

해당 정보를 입력 후 빠른 연결을 누릅니다. 팝업창이 하나 뜰 수도 있습니다. 확인을 눌러 주시면 접속이 됩니다.

이제 마지막 단계입니다.

아래 쪽의 왼쪽은 자신의 컴퓨터 파일들이고 오른쪽은 서버의 파일입니다.

올리고 싶은 html 파일을 왼쪽에서 오른쪽으로 드래그하면 파일이 서버로 올라갑니다.

여기서 주의 할 점은 빨간 박스에 보시는 것처럼 html폴더 아래에 index.html로 올라가야 합니다

폴더는 우클릭을 하면 생성 할 수 있습니다. html 파일을 옮긴 후에 이름을 index.html로 변경 해주세요.

위의 과정을 다 마쳤다면 기본 정보에 나와있는 주소로 접속을 할 때 올리신 html 파일이 나오게 됩니다.