개발자 9Diin의 개발일기
카페24 도메인 구매 & 닷홈에서 호스팅하는 방법 본문
📌 내가 만든 웹 배포하기
나는 취업 전 지인의 부탁으로 연습 삼아 문서작업 즉, HTML과 CSS 그리고 정말 간단한 Menu Bar와 Swiper를 이용한 웹을 만들었다. 물론, 최선을 다했지만 데이터베이스 혹은 그 흔하디 흔한 게시판조차 만들지 못하는 나이기에, 일단은 당장 급한 링크와 보여주기 식 퍼블리싱만 진행했다.
어찌 됐든, 내가 배운 기술을 처음으로 써먹어본(?) 영광스러운 순간이었다. 물론, 지금은 Vue.js로 다시 만들고 있지만 처음이라는 타이틀이 주는 감동은 벅찼다. 그래서 나는 빨리 배포하기로 마음먹었다.
✅ 도메인 구입하기
무료 호스팅을 하는 방법은 많다. 가장 대표적으로 github를 이용하는 방법과 netlify를 활용한 방법이 있다. 나는 React 혹은 Vue로 프로젝트를 만들고 간단히 포트폴리오처럼 실제 서비스를 위한 배포가 아니라면 이 두 가지 방법을 주로 이용한다. 그러나 실제 서비스를 배포해야 하는 상황이라면, 그 서비스를 대표하는 이름, 즉 도메인 이 필요하다. 그래서 도메인을 구입해야 하는데 여기에도 대표적으로 카페 24와 닷홈이 있다.
🔥 카페 24에서 도메인 구매하기
먼저 카페 24 홈페이지에 접속한다. 그리고 각자 필요한 서비스를 클릭하면 되는데 우리는 보통 간단한 호스팅이 목적이니 호스팅을 클릭하도록 한다. 그다음은 상단 메뉴에서 도메인 - 도메인 등록을 클릭한다.
그러고 난 뒤에 자신이 원하는 도메인 주소를 작성하고 검색해본다. 그러면 현재 구매 가능한, 현재 사용 가능한 도메인들이 쫘라락 뜰 것이다. 이때 마음에 드는 도메인이 있다면 그 도메인을 클릭하고 구매하면 된다.
이렇게 구매하면 일단 도메인 구매는 끝이다.
✅ 호스팅 하기
나는 이미 학원에서 닷홈으로 호스팅 한 경험이 있었는데, 멍청하게 도메인은 카페 24에서 구매했다. 쉽게 닷홈에서 구매했음 될 일이었는데 말이다. 아무튼, 여기서부터 멘털이 나갔지만 차근차근 구글링을 통해 문제를 해결했다.
🔥 카페 24 네임서버 변경
카페 24 메인 홈페이지 화면에서 로그인 한 뒤, 나의 서비스 관리를 클릭한다. 그다음에 아래 사진처럼 CAFE24 호스팅센터 화면이 뜨면 네임서버 변경 버튼을 클릭한다. 그리고 아래 주소처럼 dothome.co.kr로 네임서버를 변경해준다.
네임서버를 변경하고 완료되는 데에는 약 24 ~ 48시간 걸린다고 했는데, 필자는 1시간도 안 걸렸다.
🔥 닷홈에서 호스팅 구매하기
먼저 아래와 같이 dothome.co.kr 닷홈 사이트에서 회원가입을 한 뒤, 웹호스팅 메뉴를 클릭. 그리고 요구사항에 맞게 웹호스팅 방식을 선택한다. 나는 리눅스 웹호스팅을 선택했다. 그런 다음에 트래픽 수요에 맞게 신청을 한다. 포트폴리오를 위한 호스팅이 목적이라면 웹 500M 모델을 추천한다. 우리의 돈은 소중하니까.
🔥 카페 24 도메인, 닷홈에서 연결
이제 본격적으로 카페 24에서 구매한 도메인을 닷홈에 연결해볼 건데, 먼저 메인 홈페이지 화면에서 오른쪽 상단의 마이 닷홈 => 호스팅 관리 => 웹호스팅 목록으로 간 뒤, 아래 사진에서 보이는 것처럼 내 계정을 선택한 후 도메인 연결을 클릭한다. 그다음에 카페 24에서 본인이 구매한 도메인을 작성한 뒤 등록하기 버튼을 클릭한다.
🔥 파일 질라 로그인
이 과정을 마치면, 대략 30분 ~ 1시간 안에 도메인이 연결되고 구글, 네이버, 다음 같은 웹에서 주소창에 구매한 도메인을 작성한 뒤 엔터를 치면, 화면이 나올 것이다. 그러고 나서 파일 질라에 도메인과 User ID 그리고 Password를 입력한 뒤, 자신이 만들어 놓은 파일을 디렉터리에 추가하면 완성이다.
'2021-2023' 카테고리의 다른 글
내 블로그 순위 - 블로그 차트로 알아보자! 내 블로그 순위는 13만!? (2) | 2022.04.27 |
---|---|
내 블로그 순위 파악을 위한 테스트 - __(~_ (0) | 2022.04.27 |
프론트엔드 개발자 취업후기 및 준비방법 (19) | 2022.04.26 |
자바스크립트 그룹핑 - 객체배열을 어떻게 원하는 대로 그룹화 할 수 있을까? (0) | 2022.04.25 |
자바스크립트 this란 무엇인가? (0) | 2022.04.24 |