카페24와 그누보드를 이용하여 홈페이지 만들기_2 (배추빌더 기반)

앞전에 쓴 첫번째 포스팅에서는 너무 말로만 때운 것 같아서 이번에는 화면캡쳐 등 이미지를 조금 준비하여 홈페이지만들기의 보충설명 및 자세한 설명이 되도록 해보았다. 사전 지식이 있으신 분들은 지루하게 생각되시겠지만 처음 접해보는 분들은 사소한 부분도 어렵게 생각될 수 있을 것이므로 도움이 되지 않을까 생각해본다.

관련글 : 2011/04/04 - [사는이야기] - 카페24와 그누보드를 이용하여 홈페이지 만들기_1

사실 위의 처음 글은 두서 없이 전반적인 홈페이지 제작과정을 간추려 설명한 것에 불과했다.

여기서는 카페24에 회원가입을 했다는 전제하에 카페24에서 유료호스팅을 신청하는 방법과 그누보드를 서버에 셋팅하는 방법 등에 대해 좀 더 자세히 알아보자. 앞서 그누보드란 홈페이지 제작을 쉽게 하는 게시판을 기반으로한 프로그램이라고 소개했는데 그누보드 자체만을 설치(셋팅)한 상태에서 기본화면은 상당히 썰렁하게 보인다. 즉 '홈페이지'란 집을 지을 수 있는 설계도와 그에 따른 기초공사와 외벽공사 정도만 되어 있는 상황이라고 생각하면 될듯하다.

이런 상황에서 좀더 집짓기 쉽게 세부공사를 해놓은 것이 바로 "빌더"라고 이름하는 프로그램으로서 요즘 조립식 집을 지을때 다 만들어진 것을 갖다가 맞추기만 하면 집이 완성되는 그런 그림을 생각하면 이해하기가 쉬우실듯 하다.
그누보드를 기반으로 하는 이런 빌더들은 그누보드 사이트를 참고해 보면 여러가지가 있는 것을 볼 수 있는데 다들 빌더를 만드신 분들의 창의력과 노력의 산물들로서 저마다의 장점을 충분히 갖고 있는데 빌더의 소개글과 그 빌더를 이용해 만들어진 홈페이지들을 살펴보고 자신의 설계방향이나 목적에 맞는 빌더를 선택하면 될 듯 하다.

여기서는 그누보드 빌더 중 가장 활성화되고 확장성도 좋다고 생각되는 배추빌더를 선택하여 작업해 보기로 하였다. 배추빌더 제작자께서는 인터넷환경의 변화에 맞춰 계속해서 배추빌더를 기반으로 한 새로운 프로그램들을 제작/공급해 주고 있으므로 향후 홈페이지의 운영여건에 따라 업그레이드가 충분히 가능하리라 생각되어 추천해드리는 바이다.

step1 :카페24 호스팅 신청하기

카페24에 로그인한다.

왼쪽상단 [64bit광호스팅]을 선택하여 열리는 위와 같은 창에서 맨왼쪽 [광아우토반 절약형]을 선택하여 [신청하기]를 클릭한다. (서버호스팅 용량에 따라 월사용료가 달라지므로 자신이 서비스할 홈페이지의 내용을 고려하여 선택하면 되는데 용량이 부족하면 윗단계로 업그레이드가 바로 가능하므로 처음부터 고가의 큰 용량을 선택할 필요는 없다. 우선은 테스트겸해서 가장 저렴한 것을 골라본다..)

서비스신청란을 기입한다. 아이디와 비밀번호는 홈페이지 운영시 계속해서 사용하는 것이므로 잘 선택해서 기입하고 관리자정보에 있는 비밀번호는 위의 비밀번호와 같이 사용해도 된다. 다르게 사용하는 것이 보안면에서는 유리하겠지만 나중에 상당히 헷갈리게 되므로 잘 찾아볼 수 있는 곳에 따로 메모해 두는 것이 좋겠다.
[약관동의]에 체크 후 [다음]으로 넘어간다.

상단의 [도메인 선택 및 등록] 부분은 나중에 보유한 도메인으로 연결할 수 있으므로 여기서 설정하지 않아도 된다.
[서비스종류]와 [상품명]은 그대로 두고 [서버환경]에서 국내용으로 한글만을 주로 사용하려면 [EUC-KR]을 선택하고 다국어 사이트 등 여러 언어를 사용하려면 [UTF-8]을 선택하면 되는데 나중에도 바꿀 수는 있지만 일단 선택해서 셋팅하고 홈페이지를 제작하여 운영 중 변경하기는 어려우므로 처음부터 신중히 고려하기를 바란다.

처음부터 UTF-8용으로만 프로그래밍된 스킨이나 관련프로그램들이 있으므로 나중을 생각해서 UTF-8을 선택하는 것이 좋을 것으로 생각된다. 이 글에서는 따로 돈들여 호스팅을 새로 신청하지 않고 잘 사용하고 있지 않은 호스팅 중 UTF-8로 설정된 호스팅을 이용하기로 하겠다.

서비스 기간은 계속해서 연장해 갈 수 있으므로 역량껏 적당히 선택하면 그에 따라 총 [결제금액]이 달라지고 [결제하기]를 클릭하면 호스팅비용 결제화면으로 넘어간다.

위와 같은 화면에서 결제방식을 선택하고 계속되는 결제화면을 따라 호스팅비용을 결제하고 카페24에서 호스팅 신청하기를 마친다. 이제 자신만의 홈페이지를 서비스할 수 있는 인터넷공간을 확보할 수 있게 되었다!!

step2 :호스팅한 서버에 업로드할 수 있는 FTP프로그램 설치하기

카페24를 통해서 홈페이지를 만들 수 있는 서버공간을 마련했지만 이 호스팅서버에 접근하여 홈페이지를 만들기 위한 파일이나 이미지들을 업로드하고 작업을 하기 위해서는 FTP라고 하는 특별한 프로그램이 필요하다. FTP프로그램은 여러 종류가 있고 각자 장단점들이 있겠지만 내가 사용하고 있는 알툴즈(클릭하면 이동한다..) 의 알FTP 프로그램을 사용해보기로 한다.

알툴즈사이트 초기화면에서 중간부분 맨오른쪽의 [알FTP]를 다운받아 설치한다.(무료 프로그램이다..)

알FTP를 실행한 화면이다. 여기서 자신의 [그룹추가]나 [사이트추가] 등을 통해 호스팅을 관리할 수 있다. 아래 화면에서 알FTP에서 자신의 서버호스팅으로 접근할 수 있는 사이트정보(계정)를 추가해 보자.

[사이트추가]를 누르고 적당한 이름을 적어준 뒤 열리는 위와 같은 창에서 카페24에서 호스팅 신청 시 적어주었던 사용자ID와 비밀번호를 적어준다. [FTP주소]는 [카페24로그인 -  나의서비스 관리 - 웹호스팅관리 탭] 최하단 부분의 [도메인 연결관리] 중 [FTP 접속테스트] 클릭 시 나오는 창에서 [FTP주소]를 복사해서 붙여넣기 하면 된다. 모든 정보를 적었다면 [확인]을 누르고 제대로 되었다면 FTP프로그램을 통해서 서버에 접속할 수 있게 된다.

대략 위와 같은 창이 뜬다면 서버접속에 성공한 상태이다. 이제 서버공간에 그누보드와 작업용 파일, 이미지 등을 업로드하고 관리할 수 있게 되었다!!

나름 정리해서 포스팅한다고 했는데 미처 설명하지 못한 부분이 있는지도 모르겠다. 혹시 부족한 부분이 있으면 댓글 주시면 가능한 대로 답해드리도록 하겠다. 여기서 배추빌더 설치까지 다 다루어 보았으면 좋겠지만 시간적으로도 부족하고 스크롤의 압박도 심해져서 여기서 일단 마치기로 하고 다음 포스팅에서 배추빌더를 깔고 홈페이지를 다듬어 가는 과정을 살펴보기로 하자..