http://www.100kwa.net/ http://www.glbang.net/ 두 사이트 운영자 김병희입니다.

작은 사이트 http://www.glbang.net/ 몽땅 지우고, zbxe.1.0.5.tgz 설치, 사용 테스트 중입니다.

공식 매뉴얼을 참고하면서 하루 씨름하니까 좀 알 것 같은데, 매뉴얼이 그림도 있고 보기 좋은 한편 너무 방대하군요.

오직 텍스트로만 실제 제가 설치, 사용(테스트)한 과정을 올려 혹시 참고하실 분이 있으면 기쁘겠습니다.

이하 존칭 생략된 점 양해 바랍니다(번호 순서도 딸린 번호 구분이 안 될 수 있습니다, 시간이 없어서 - 빈줄로 구분하겠습니다).

=========================================================================================
사이트를 제로보드XE로 작성하기 시작합니다. 2008.7.23.

=========================================================================================
zbxe 설치 과정 메모
1. http://www.zeroboard.com/zbxe_download 접속
2. zbxe.1.0.5.tgz 다운로드(2008.7.23. 현재 최신버전)
3. alftp로 홈페이지 연결
4. 루트 폴더에 zbxe.1.0.5.tgz 업로드
5. http://download.zdnet.co.kr/pds/detail_view.html?id=6226 접속
6. PuTTY 0.53b 다운로드(실행파일로 다운로드됨, 설치과정 없음)
7. PuTTY 실행(다운로드된 폴더에서 더블클릭)
8. 'Host Name ...'에 자신의 도메인(http:// 빼고)이나 아이피를 적습니다.
9. 'Protocol'에 자신의 호스팅 계정에서 지원되는 protocol을 확인한뒤 선택(telnet이나 ssh를 접근 허용해 주는 곳이 요즘은 많기 때문에 자신이 신청한 호스팅회사에 문의하거나 자신의 호스팅상품 사양을 확인)
10. [open] 버튼 클릭
11. 'login:' 뒤에 계정 아이디 입력[엔터]
12. 패스워드 입력[엔터]
13. '[zbxe@localhost ~] $' 뒤에 ls[엔터]
14. 'www'이 출력되는 경우 cd www[엔터] 후 ls[엔터]
15. 'zbxe.1.0.5.tgz'이 출력되면, tar xvfz zbxe.1.0.5.tgz[엔터]
16. 압축이 풀린 후, chmod 707 zbxe[엔터]
17. exit[엔터]
18. alftp로 홈페이지 연결, 루트 폴더 아래 zbxe 서브폴더 생성된 사실 확인
19. http://자신의 도메인/zbxe 브라우저 열기
20. '제로보드 XE 설치' 창 아래 [라이센스테 동의합니다] 클릭
21. '필수 설치조건을 확인하세요.' 창에서 모든 것이 '가능'임을 확인하고(아니면 호스팅업체에 문의), [설치를 진행합니다] 클릭
22. '사용하시려는 DB를 선택해주세요.' 창에서 'mysql_innodb'를 잘 모르면 'mysql'이 체크된 상태로 그냥 [설치를 진행합니다] 클릭
23. DB & 관리자 정보 입력 <mysql> 파트 중 'DB 아이디', 'DB 비밀번호', 'DB 데이터베이스' 차례로 ftp 접속시 사용하는 '아이디', '비밀번호', '아이디' 입력
24. DB & 관리자 정보 입력 <관리자정보> 파트를 채워 준다(관리자정보 아이디, 패스워드 첫 글자에 숫자는 허용되지 않음).
25. DB & 관리자 정보 입력 <환경 설정> 파트는 잘 모르면 그냥 넘어가고, 하단의 [등록] 클릭
-
Zeroboard XE cannot be installed under the version of mysql 4.1. Current mysql version is 3.23.56-log
에러가 났네? 까페24 버전이 낡았나?
일반광호스팅에서는 안 된다 해서, 아우토반광호스팅으로 바꾸고, 그 중에서도 EUCKR은 안 되어서 UTF8로 바꾸니 설치가 되었다.
그래도 웹호스팅업체에서 까페24만이 처음으로 서비스한다고 들은 것 같은데, 맞나?
-
26. '감사합니다. 설치가 완료되었습니다.' 안내에 이어 로긴 화면(http://www.glbang.net/zbxe/index.php?module=admin)이 뜬다.
27. 사용자 아이디, 패스워드가 아니라 데이터베이스 아이디, 패스워드를 입력하면 '제로보드XE 관리자 페이지입니다' 화면 열림

=========================================================================================
1. 메뉴관리를 통한 메뉴 생성
------------------------------------------------------------------------------
기본메뉴 셋팅을 위한 메뉴 정리 Home

회사소개                // 회사 소개 클릭시 인사말이 처음 나오도록 함.
    - 인사말             //  page 모듈사용
    - 연혁                //  page 모듈 사용
    - 현황                //  page 모듈 사용
    - 주요실적          //  갤러리 모듈 (게시판 하나에서 해당 게시판을 리스트형으로 할것인지 갤러리 형으로 할것인지 설정이 가능함)
    - 오시는길          //  page 모듈 사용
사업분야              //  하위메뉴가 없는 형태. page 모듈 사용
Recruit                //  recruit 메뉴를 클릭하면 모집요강이 나오도록 함.
    - 모집요강          //  page 모듈 사용
    - 온라인접수       //  목록형 게시판 모듈 사용
고객센터              //  고객센터 클릭시 공지사항이 나오도록 함.
    - 공지사항         //  목록형 게시판 모듈 사용
    - 비지니스 동향  //  웹진형 게시판 모듈 사용
    - 고객문의         //  목록형 게시판 모듈 사용
    - FAQ               //  page 모듈 사용
Sitemap             //  page 모듈 사용
------------------------------------------------------------------------------
이정도의 메뉴를 구성해보자.

일단 연결url 이나 기타 설정엔 신경을 쓰지 말고 메뉴명만 입력하도록 한다.

1. 메뉴관리화면 [생성] -> '제목'에 'Home' 입력 -> [등록]'
2. 메뉴관리화면 'Home' 클릭 ->
2-1. 팝업화면 [추가] -> '메뉴명/한국어'에 '회사소개' 입력 -> [저장]/[확인]
3. ('회사소개' 메뉴 반전 상태를 유지하면서) [하부메뉴추가]를 반복 선택 -> '메뉴명/한국어'에 '인사말' '연혁' '현황' '주요실적' '오시는길' 차례로 입력 -> [저장]/[확인]
(참고 : [하부메뉴추가] 화면 첫 줄 '상위 메뉴명'에 '회사소개' 확인 필수, 잘못하면 손주메뉴로 가라앉는 문제)
4. [추가] -> '메뉴명/한국어'에 '사업분야' 입력 -> [저장]/[확인]
5. [추가] -> '메뉴명/한국어'에 'Recruit' 입력 -> [저장]/[확인]
6. ('Recruit' 메뉴 반전 상태를 유지하면서) [하부메뉴추가]를 반복 선택 -> '메뉴명/한국어'에 '모집요강' '온라인접수' '공지사항' '비지니스 동향' '고객문의' 'FAQ' 차례로 입력 -> [저장]/[확인]
7. [추가] -> '메뉴명/한국어'에 'Sitemap' 입력 -> [저장]/[확인]

이제 [모두열기]해 보면, 위의 '기본메뉴 셋팅을 위한 메뉴 정리 Home'에 구상한 모양대로 보일 것이다.

8. [닫기] - 팝업화면을 닫는다.

=========================================================================================
2. 레이아웃만들기

메뉴에는 모듈(페이지, 게시판 등)을 연결시킬 것이지만, 그 모듈은 눈에 보이는 그릇과 같은 레이아웃(스킨)에 담아서 보여주게 된다.
따라서 먼저 레이아웃(홈페이지 스타일, 홈페이지 스킨)을 먼저 만들어 보기로 한다.
- 레이아웃이름은 직관적인것이 좋다.
- 설명을 위해 메인페이지에서 사용 될 메인레이아웃과, 서브메뉴에서 사용될 서브레이아웃 두가지를 만들도록 하겠다.

------------------------------------------------------------------------------
1. 레이아웃관리화면 [생성]
2. '레이아웃 이름'에서 'zbXE공식사이트 레이아웃(xe_official)' 선택
3. '제목'에 'Home_main' 입력 -> [다음]/[확인]
4. '컬러셋'에서 '하얀색' 선택
5. '로고이미지'의 [찾아보기]에서 이미지 업로드
6. '홈 페이지 URL'에 사이트 주소(http://www.glbang.net/)를 입력
7. '상단 메뉴'에서 'Home' 선택
8. '하단 메뉴'에서 'Home' 선택
9. '레이아웃 일괄 적용'은 체크되지 않은 상태로 그대로 둔다(나중에 자신이 생겨 쓸 만하면 그 때 선택해도 된다)
10. [저장] -> '수정되었습니다'[확인]

[레이아웃 목록]을 클릭하면
1 xe_official  Home_main 2008-07-25 레이아웃 설정  레이아웃 편집  삭제
내용을 확인할 수 있다.
'레이아웃 편집'을 클릭하면 소스를 수정할 수 있는데, 설명은 생략한다.

------------------------------------------------------------------------------
11. 위 1~10의 과정을 반복하여 'Home_sub' 레이아웃 하나를 더 만들어 두자.

=========================================================================================
3. 모듈생성

메뉴 구상에서 필요했던 모듈의 종류는 페이지, 갤러리, 목록형 게시판, 웹진형 게시판 등 4가지였다.

------------------------------------------------------------------------------
페이지(인사말<-회사소개, 연혁, 현황, 오시는길, 사업분야, 모집요강<-Recruit, FAQ, Sitemap)

1. 페이지관리화면 [생성]
2. '모듈이름'에 'greeting' 입력
3. '브라우저 제목'에 '인사말' 입력
4. '레이아웃'에서 'Home_sub' 선택((현재만들어진 _main 레이아웃과 _sub 레이아웃은 차이점이 없다. 그냥 두개를 만들어서 구분해서 사용한다는 것인데, 향후 메인페이지와 서브페이지의 디자인 및 기능이 다르게 적용될 때를 대비해서 테스팅하는 과정이라고 생각하면 될듯 하다.)
5. '권한/관리' 줄에서 '관리그룹'만 선택(체크)
6. [저장]/[확인]/[확인]
7. [페이지 수정]
8. 팝업화면에서 [내용 직접 추가]
9. 에디터에서 그냥 "인사말 입력공간입니다" 라고 입력한뒤 [추가](저장)한다.
10. [저장]/[확인] - 브라우저 본문 자리에 방금 입력한 내용이 보인다.

[목록]으로 돌아가면,
1 없음  greeting - 인사말 2008-07-24 보기 복사
한 줄이 보일 것이다.
[보기] 링크를 클릭하여 브라우저에서 확인할 수 있다. 현재 주메뉴들의 모양만 나타나고 클릭해도 반응하지 않는다. 이하 작업이 필요하다.
그런데, 현재 관리자로 접속했기 때문에 [페이지 수정]이란는 관리 메뉴가 보인다. 브라우즈에서 직접 수정이 가능하다.

11. [목록] 줄에서 [복사]
12. 모듈복사 팝업에서 왼쪽에 '모듈이름' 오른쪽에 '브라우저 제목'이 보이는데, 차례로 입력해 보자.
history - 연혁
status - 현황
route - 오시는길
business - 사업분야
invitation - 모집요강
FAQ - FAQ
Sitemap - Sitemap
13. [저장] - 목록에 원본 1, 추가 7 합계 8이 보일 것이다.
14. '2 없음  history - 연혁'의 '보기'를 하면 '인사말 입력공간입니다'이라는 내용까지 복사되어 있을 것이다.
따라서, 모듈복사 작업 이전에 [페이지 수정]을 하지 않는 것이 좋다는 사실을 몸으로 느끼게 된다.
그대로 따라 했다면, 하나씩 다 지워주면 될 것이다.
:::::::::::::::::::::::: 에러 의심 ::::::::::::::::::::::::::::::
그런데, [페이지 수정] 화면에서 문제 발생 => 아래(페이지 모듈 관리자 브라우저에서 [페이지 수정]시 문제점) 참고
:::::::::::::::::::::::: 에러 의심 ::::::::::::::::::::::::::::::

------------------------------------------------------------------------------
갤러리(주요실적)

(갤러리모듈, 목록형모듈,웹진형모듈 모두 처음 생성은 좌측의 "게시판" 메뉴를 클릭하여 생성한다.)
1. 게시판관리화면 [생성]
2. '모듈이름'에 'record' 입력
3. '브라우저 제목'에 '주요실적 보고' 입력
4. '레이아웃'에서 'Home_sub' 선택
5. '스킨'에서 '갤러리형 스킨' 선택(처음 설치시에는 없으므로, 우선 '방명록 기본스킨' 선택, 나중에 스킨 다운로드해서 설치, 수정하면 된다)
6. 나머지 내용들은 건너뛰고, '확장변수 1' 바로 위에서 [등록]/[확인]/[확인]

확장변수 설명은 생략한다.

------------------------------------------------------------------------------
목록형 게시판(온라인접수, 공지사항<-고객센터, 고객문의)

1. 게시판목록으로 돌아가서 [생성]
2. '모듈이름'에 'acceptance' 입력
3. '브라우저 제목'에 '온라인접수' 입력
4. '레이아웃'에서 'Home_sub' 선택
5. '스킨'에서 '게시판 기본스킨' 선택
6. [등록]/[확인]/[확인]

다시 게시판목록으로 돌아가서
2  없음  acceptance - 온라인접수  2008-07-25 보기 복사 삭제

7. 줄에서 '복사' 클릭
8. 모듈복사 팝업에서 왼쪽에 '모듈이름' 오른쪽에 '브라우저 제목'이 보이는데, 차례로 입력해 보자.
notice - 공지사항
reference - 고객문의
9. [저장] - 목록에 (record - 주요실적 보고 외에도) 원본 1, 추가 2 합계 3이 보일 것이다.

------------------------------------------------------------------------------
웹진형 게시판(비지니스 동향)

1. 앞의 '갤러리(주요실적)' 생성과정을 참고하여 우선 '방명록 기본스킨' 선택
2. business trend - 비지니스 동향
3. [등록]하면 '모듈이름' 에러가 난다.
4. '모듈이름'을 'business_trend'로 수정하고 저장하면 된다.

=========================================================================================
페이지 모듈 관리자 브라우저에서 [페이지 수정]시 문제점
1. [내용 모두 지우기]하면 지워지는데, 그 후 [저장]을 누르면 '내용의 값을 입력해 주세요' 경고가 뜨고 저장되지 않는다.
2. 둘 이상 입력된 경우, 하나는 X(가위표)로 지우고 저장할 수 있는데, 하나만 남은 경우 X(가위표)로 지우고 저장하면 '내용의 값을 입력해 주세요' 경고가 뜨고 저장되지 않는다.
3. 이 경우 (연필) 아이콘으로 에디터를 열고, 내용을 모두 지운 후, [추가]로 에디터를 닫고, 이제야 저장하면 저장이 된다.
이 문제는 수정되어야 하지 않을까? 내가 잘못 알고 있으면, 알려 주시기를 바랍니다.

=========================================================================================
4. 메뉴연결

이전까지 우리는
 메뉴를 만들고
 레이아웃을 만들고
 게시판이나 페이지 같은 모듈을 만들면서 레이아웃을 지정해 주었다.
이젠 이렇게 만들어진 것들을 메뉴관리에서 한번 연결해 보도록 하자.

1. 메뉴관리화면에 하나 뿐인 'Home' 클릭
2. 팝업화면에서 '인사말'을 선택하고, '연결 url'의 [mid 찾기]에서 '인사말 (greeting)' 선택 -> [저장]/[확인]
3. 구상에서 '회사 소개 클릭시 인사말이 처음 나오도록' 하였으므로, '회사 소개'에서도 같은 '인사말 (greeting)' 선택 -> [저장]/[확인]
4. 같은 방법으로 나머지 모든 메뉴의 '연결 url'을 지정해 주면 된다.

만약 이런메뉴외에 타 사이트로 링크가 되길 원한다면
연결URL에 이동하고자 하는 주소값을 그대로 적어주면 된다.
----------------------------------------------------------------------------------------------------------------------------
이런식으로 각 메뉴마다 맞는 모듈들을 연결해 주면 끝난다.
여기까지 하면 대메뉴와 서브메뉴들을 모두 연결한것이다.

이젠 해당 게시판이나 메뉴에서 권한 설정만 체크 한다면 기본형 사이트 제작에 있어 서브메뉴 구성은 끝났다고 봐도 무관한다.
권한설정은 다음 메뉴얼에서 상세하게 설명하도록 하고 이젠 메인페이지 꾸미기를 해보자.

=========================================================================================
5. 메인 페이지 꾸미기

앞에서 메인 페이지를 만들지 않았다.
1. 페이지관리화면에서 [생성] -> Home -> '기본' 체크 -> 글방넷 Home Page입니다. -> 'Home_main' 레이아웃 -> 관리 : '관리그룹' 체크 -> [저장]/[확인]/[확인]
기본체크는 모듈전체에서 한곳에만 가능하다.
기본체크의 기능은 사이트에서 mid값이 없이 접속하였을 경우 기본으로 보여지게 되는 것이라고 되어 있다.
2. 'Home - 글방넷 Home Page입니다.' [보기] 클릭 -> 브라우저
3. [페이지 수정] -> 페이지관리 화면

메인페이지에 최근게시물 형태의 위젯을 추가해보자.
(위젯추가는  최근문서, 최근댓글, 최근 이미지를 한번 출력해 보도록 하겠다.)
⑴ 공지사항을 뽑아내 보자.(최근문서출력 위젯)
⑵ 고객문의를 뽑아내 보자.(최근문서출력 위젯)
⑶ 최근 이미지를 출력해보자.(최근이미지 출력 위젯)
⑷ 최근댓글을 출력해 보자.(최근댓글위젯)
-----------------------------------------------------------------------
여기까진 페이지에서 출력하는 형태이고, 직접 레이아웃에 출력하는 것으로 레이아웃 좌측 로긴 하단 공간에
⑸ 달력출력
⑹ 기본카운터위젯 출력

이렇게 메인화면을 한번 꾸며 보도록 하겠다.

4. 초이스박스에서 '최근 문서 출력' 선택 -> [추가]
5. '코드생성' 팝업에서 '스킨'은 'XE 공식 레이아웃용 최신글 스킨', '제목'은 '공지사항 최신글입니다.', '제목 글자수'는 '35', '대상 모듈'은 'notice (공지사항)'(둘 이상 선택 가능) -> [코드 생성]
6. 팝업이 닫히면 [저장]/[확인]
7. 위 4~6의 순서로('제목'은 '고객문의 최신글입니다.') 하나 더 만든다.

그런데, '공지사항 최신글입니다.', '고객문의 최신글입니다.' 둘 다 폭 전체를 차지하고 상하로 나뉘어 보기가 좋지 않다.
8. [페이지 수정] -> 페이지관리 화면에서 아래 화살표 아이콘을 클릭하면 위치/크기를 지정할 수 있다.
-. '공지사항 최신글입니다.'에서 '위젯 정렬'을 '왼쪽', '위젯 크기'를 '49%-', 내부여백 중 오른쪽/아래만 각 15, 위젯 테두리는 상/하/좌/우 각 1px, #dddddd -> [저장]
-. '고객문의 최신글입니다.'에서 '위젯 정렬'을 '오른쪽', '위젯 크기'를 '49%-', 내부여백 중 오른쪽/아래만 각 15, 위젯 테두리는 상/하/좌/우 각 1px, #dddddd -> [저장]
-. 크기를 50%로 하면 한 줄에 들어가지 않았다. 또 외부여백을 지정하면 배치가 어려웠고, 정렬을 왼쪽/오른쪽으로 서로 달리 해 주어야 보기에 좋았다.

⑶ 최근 이미지 출력, ⑷ 최근댓글 출력은 스킨 선택만 달리 해 주면 위 방법으로 만들어볼 수 있을 것이므로, 설명을 생략한다.

=========================================================================================
5-1. 레이아웃편집으로 위젯추가하기 (달려위젯, 카운터 위젯 추가)
- 좌측에 위젯을 추가하기 위해선 레이아웃 편집을 클릭해서 추가해야 한다.

1. 브라우저 왼쪽에서 '(레이아웃)편집' 클릭 -> 레이아웃 관리화면이 펼쳐진다.

⑸ 달력출력
2. 위젯 리스트에서 [달력 출력]
3. 코드생성 팝업에서 '스킨'은 '달력 및 글 현황 표시'-'컬러셋'은 '레이아웃에 맞춤', '대상 모듈'은 'Home(글방넷 Home Page입니다.)' -> [코드생성]
4. '코드' 텍스트박스에 아래 코드가 출력된다.
<img class="zbxe_widget_output" widget="calendar" skin="blog_calendar_list" colorset="layout" mid="Home" />
5. 코드를 전부 선택하여 복사한 후 [닫기]
6. 소스 편집창의 적당한 위치에 붙여넣었다. 그런데, 모양도 엉망이고 제대로 되지 않은 것 같다.
7. 'zeroboard XE Manual' 사. 메인 페이지 꾸미기(http://zbxe.springnote.com/pages/398008) 설명에 나온 아래 소스를 일단 베껴서
<img width="100%" height="100" src="http://zbxemanual.parandiary.com/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="" widget="calendar" skin="blog_calendar_list" colorset="red" widget_cache="0" mid_list="board,business,gallery,greeting,home,notice,qna,recruit" widget_margin_top="10" widget_margin_left="10" widget_margin_right="10" widget_margin_bottom="10" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="198" />
8. 그 중 'mid_list' 부분만 아래와 같이 수정하여
<img width="100%" height="100" src="http://zbxemanual.parandiary.com/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="" widget="calendar" skin="blog_calendar_list" colorset="red" widget_cache="0" mid_list="Home,Sitemap" widget_margin_top="10" widget_margin_left="10" widget_margin_right="10" widget_margin_bottom="10" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="198" />
9. 소스 편집창의
 </div>
 <div id="columnRight">
 <!-- 컨텐츠 시작 -->
 {$content}
 </div>
 바로 위에 삽입하니, 정상적으로 출력되고 달변경(6<-7->8)도 잘 된다.

⑹ 기본카운터위젯 출력
<img class="zbxe_widget_output" widget="counter_status" skin="default" colorset="normal" />
같은 방법으로 카운터는 삽입하니 잘 된다.
앞의 달려위젯 추가에서 내가 뭘 잘 못했나?

=========================================================================================
6. 사이트 확인

페이지, 게시판의 모든 모듈을 차례로 불러 최소한의 내용을 입력한 후 각 메뉴를 열어 보면, 사이트가 신축 완료된 것을 확인할 수 있다.

=========================================================================================
7. 권한설정

이 설명은 http://zbxe.springnote.com/pages/399395 참고

=========================================================================================

만약 이 글이 다른 곳으로 옮겨지면, k8z7@paran.com 메일 받을 수 있었으면 좋겠습니다.
생소함에도 단시간에 활용할 수 있을 정도로 너무 잘 만들어 주셔서 감사합니다.