G빌더 사용설명서G builder user's menual
설명서 내용에 포함된 일부 메뉴(링크)는 G빌더를 실행해야 연결됩니다.
G빌더 사용설명서
테크노트
테크노트INC 사에서 개발한 홈페이지,쇼핑몰 제작 웹프로그램입니다.
PHP+MySQL 을 기반으로 홈페이지 제작에 필요한 기능들이 갖추어져 있습니다.
홈페이지 빌더, 쇼핑몰 빌더 등 홈페이지를 쉽고 다양하게 만들수 있는 확장기능이 지원됩니다.
스킨
테크노트로 제작된 홈페이지에서 화면출력코드(html)가 들어 있는 파일들입니다.
내부 실행파일로 부터 분리되어 별도의 스킨 폴더에 위치합니다.
홈페이지가 화면에 출력되는 과정에서 보자면, 먼저 DB자료 추출 및 데이타 가공 등의 내부 실행동작이
진행되고 최종단계에 이르면 스킨파일을 통해 DB 데이타를 시각적 화면(디자인)으로 만들어 출력시킵니다.
빌더
테크노트를 활용해서 특정 사이트를 제작하고 그 결과물을 패키징한 것입니다.
스킨파일 작업과 게시판 생성 및 설정 , 회원관리 연동 , 쇼핑몰 연동 등의 내부작업 까지 패키지에 포함됩니다.
빌더를 실행하면 패키지가 풀리고 DB쿼리가 실행되면서 곧바로 결과물(사이트 생성)이 나타납니다.
사용자는 빌더로 생성한 사이트의 기본틀을 이용하여 최소한의 수정작업만으로 자신만의 사이트를 만들 수 있습니다.
테크노트 관리 페이지에는 일반 사용자도 작업결과물을 패키징하여 빌더를 만들수 있는 도구가 들어 있습니다.
G빌더
테크노트 프로그램 개발자가 제작한 빌더로서 테크노트 초중급 사용자를 고려하여 만들어졌습니다.
기본 모양은 일반 회사 홈페이지와 쇼핑몰이 결합된 형태인데 이는 사용자가 의도대로 바꿀 수 있습니다.
다양한 종류의 사이트로 변형이 쉽도록 복잡한 곁가지 없이 기본 골격의 강화에 치중하여 제작되었습니다.
technote7 기본 수정대상
skin_board
g_build_home
b_img 기본 이미지
b_script 기본 스크립트
builder 빌더전용 이미지,script,css
builder_manual 빌더 매뉴얼
exp_default sub include
exp_include sub include
exp_window sub include
innerhtml sub ajax
iwindow iwindow layer
kit 빌더kit
1_main_html.php 전체 레이아웃 및 메뉴설정
1_main_html_detail.php 전체 레이아웃 및 메뉴설정(예비용)
2_index.php 게시판-글목록
2_index_cs.php 게시판-글목록
2_index_gd.php 게시판-글목록
3_body.php 게시판-본문
3_body_box.php 게시판-본문
3_body_grid.php 게시판-본문
4_write.php 게시판-글쓰기
4_write_cs.php 게시판-글쓰기
4_writing_editor.php 게시판-글쓰기 에디터
6_mail_form.php 게시판-메일폼
6_mail_sub.php 게시판-메일구성
9_element.php 게시판-부분요소
home.php 홈페이지 메인화면
left_menu.php 좌측메뉴
left_menu_detail.php 좌측메뉴(예비용)
search.php 통합검색
sector1.php 섹터1 메인화면
sector2.php 섹터2 메인화면
sector3.php 섹터3 메인화면
sector4.php 섹터4 메인화면
sector5.php 섹터5 메인화면
sector6.php 섹터6 메인화면
sector7.php 섹터7 메인화면
util_include_mini_view.php 미니뷰 function
util_include_sectornum.php 섹터구분
util_include_shop_left.php 쇼핑몰 좌측메뉴
util_write_form.php 입력양식 응용
메인홈 화면
1. 설치
ㆍ 테크노트가 기본적으로 설치되어 있어야 합니다.
ㆍ 2015년 8월 이후 배포된 테크노트에는 G빌더가 기본적으로 들어 있으므로 G빌더를 따로 설치할 필요 없습니다.
ㆍ 2015년 8월 이전에 테크노트를 설치하여 사용중인 경우, 테크노트 최신판을 다운 받아서 pc 에서 압축해제 후
technote7/skin_board/g_build_home/ 폴더만 현재 사용중인 테크노트 경로에 올려 줍니다.
2. 빌더실행
전체관리(admin.php) → 스킨.빌더 → 빌더 페이지에서 g_build_home 빌더KIT를 실행합니다.
만약 회원관리와 쇼핑몰 프레임이 생성되어 있지 않다면 이를 먼저 생성하라는 안내문이 나올 것이니 안내대로 해 줍니다.
3. 출력확인
전체관리(admin.php) → 보드관리 → 보드관리:통합 을 열면 다수의 게시판이 새로 생성되어 있어야 합니다.
해당 게시판을 웹부라우저 새창으로 접속합니다. 위의 [그림1]에 해당되는 사이트가 나타나면 정상적으로 설치된 것입니다.
사이트내 각각의 메뉴를 모두 클릭하여 출력이상 유무를 확인합니다.
게시판 글쓰기 , 회원등록/로그인 , 통합검색 등 기능적인 부분들도 점검을 합니다.
출력에 이상이 있다면 전체관리(admin.php) → 보드관리 → 보드관리-통합 에서 새로 생성된 게시판들을 모두 삭제하고
위의 [1.설치] , [2.빌더실행] 과정을 다시 진행합니다.
4. 전체메뉴
1_main_html.php
전체메뉴 설정항목이 들어 있습니다. 전체 메뉴의 추가, 삭제, 순서변경 등을 할 수 있습니다.
left_menu.php
사이트 좌측메뉴 부분만 따로 설정하려면 이 파일을 수정하면 되는데 기본적으로는 전체메뉴 설정에 따라갑니다.
메뉴변경 전에 사이트의 구조와 기능을 충분히 파악해야 합니다. 안그러면 섣부른 변경으로 인해 재설치 작업을 하게될 수 있습니다.
기본으로 들어 있는 여러 메뉴들의 각각의 링크URL형식과 URL에 붙어 있는 파라메타의 의미를 이해해야 합니다. 이에 대한 설명은
아래 4.응용.확장 항목을 참조하십시오.
5. 전체 레이아웃
1_main_html.php
사이트 전체의 상,하,좌,우 영역을 구획 정의한 html 코드가 들어 있습니다.
홈페이지 하단부의 회사정보 관련 텍스트(주소,전화번호,사업자번호 등)도 이 파일에 들어 있습니다.
builder/builder.css
1_main_html.php 파일에서 사용된 CSS 코드입니다.
6. 메인 홈 페이지
home.php
홈페이지 접속시 첫화면 에 해당되는 메인페이지를 출력합니다. [그림1]
게시판 미니뷰, 쇼핑몰 미니뷰, 로테이션 배너, 회원로그인폼 등이 들어 있습니다.
속도향상을 위한 캐시 설정을 할 수 있습니다.
7. 섹터별 홈 페이지
각 섹터별로 게시판 미니뷰가 배치되어 있습니다. 미니뷰 셋팅 방법은 소스내에 설명되어 있습니다.
sector1.php [회사소개]
sector2.php [제품소개]
sector3.php [고객센터]
sector4.php [커뮤니티]
sector5.php [프레스룸]
sector6.php [재무정보]
sector7.php [업무제휴]
8. 낱개 형식 페이지 수정
'회사개요', '오시는길', '이용안내', '사이트맵' 등의 낱개형식 페이지는 관리자 로그인된 상태에서만 글수정 버튼이 나타납니다.
관리자 로그인 상태에서 메뉴를 각각 클릭하여 글수정하거나 ggg1text 게시판에 접속하요 목록에서 선택하여 수정합니다.
9. 통합검색 설정
search.php
파일 상단부에 설정옵션이 들어 있습니다.
[통합검색 대상 게시판] , [검색결과 목록수] , [회원ID검색 권한] , [본문노출 길이] 등의 설정항목이 있습니다.
10. 로고, 배너 변경
사이트 로고
builder/companylogo.jpg 상단
builder/companylogo2.jpg 하단
사이드 배너 (링크코드는 1_main_html.php 하단부에 들어 있음)
builder/banner1.jpg 상단
builder/banner2.jpg 상단
builder/banner3.jpg 좌측
builder/banner4.jpg 우측
메인홈 로테이션 배너 (배너설정 코드는 home.php 에 들어 있음)
builder/pack_banner1.jpg
builder/pack_banner2.jpg
...
builder/pack_banner6.jpg
builder/pack_banner7.jpg
11. 쇼핑몰
쇼핑몰은 G빌더와는 별개의 독립적인 자체영역을 가지고 있습니다.
G빌더에서는 단순히 쇼핑몰에게 출력공간을 제공하는 형태로 결합되어 있습니다.
쇼핑몰을 사용하지 않으려면 1_main_html.php 의 메뉴설정에서 삭제합니다.
쇼핑몰 활용에 대한 구체적인 설명은 테크노트 메인 매뉴얼의 [7. 쇼핑몰-테크샵] 항목을 참조하십시오.
12. 기타 변경요소
롤링티커
메인 메뉴바 아래쪽의 NOTICE 롤링 티커는 1_main_html.php 파일에 들어 있습니다.
글목록 추출 게시판 , 롤링속도 등을 지정할 수 있습니다. 불필요하면 삭제하십시오.
캐시
메인홈페이지(home.php)는 다수의 게시판에서 데이타를 추출하기 때문에 DB 부하와 출력지연 현상이 있을 수 있습니다.
이를 해결하기 위해 캐시기능을 적용할 수 있습니다. home.php 파일 상단부에 캐시에 대한 설정항목이 들어 있습니다.
입력양식
고객센타→주문서 페이지에 접속하면 util_write_form.php 활용방법 설명을 볼 수 있습니다.
이것은 테크노트 메인 메뉴얼의 [12. 응용, 확장]에 제시되어 있는 글쓰기폼 활용 방법과 같습니다.
페이지별 연결주소(URL) 형식
테크노트가 설치된 위치가 http://myhome.com/technote7/ 이라는 가정의 URL 형식입니다.
URL 의 일정한 규칙을 이해 해야 메뉴의 추가 , 삭제 , 변경이 자유로울 것입니다.
메인 메뉴얼의 [13. 페이지별 URL주소]에 좀 더 자세한 설명이 있습니다.
ㆍ 메인 홈 : http://myhome.com/technote7/board.php?board=ggghome&command=skin_insert&exe=home.php
ㆍ 섹터 홈 : http://myhome.co/technote7/board.php?board=ggg2product&command=skin_insert&exe=sector2.php (섹터2)
ㆍ 검색폼 : http://myhome.co/technote7/board.php?board=ggghome&command=skin_insert&exe=search.php
ㆍ 입력폼 : http://myhome.co/technote7/board.php?board=ggg3order&command=skin_insert&exe=util_write_form.php
ㆍ 쇼핑몰 : http://myhome.co/technote7/board.php?board=ggg8shop&command=shop
ㆍ 게시판 : http://myhome.co/technote7/board.php?board=ggg4free
ㆍ 게시판 글 : http://myhome.co/technote7/board.php?board=ggg4free&command=body&no=4
ㆍ 낱 페이지 : http://myhome.co/technote7/board.php?board=ggg1text&command=body&no=3
섹터메뉴 활성화 규칙
어떤 페이지가 출력될때 몇번 섹터의 메뉴(메뉴바,좌측메뉴)가 활성화 될 것인가는 다음과 같은 우선순위에 의해 결정됩니다.
메뉴의 추가,변경시 반드시 알고 있어야 하는 내용입니다.
1순위: sectorNum 파라메타
연결 주소에 sectorNum=섹터번호가 붙으면 해당 번호의 섹터가 활성화됩니다.
ex, http://myhome.co/technote7/board.php?board=freeboard§orNum=3 (3번 섹터가 활성화됨)
2순위: 게시판설정 [10-75]
게시판 설정 [10-75] 에서 번호를 지정해 주면 그 번호에 해당하는 섹터가 활성화 됩니다.
3순위: 메뉴설정
1_main_html.php 에서 메뉴 설정한대로 해당 메뉴가 소속된 섹터가 활성화 됩니다.
G빌더 초기설치 상태에선 이 규칙이 적용되고 있습니다.
4순위: 게시판 이름에 포함된 숫자
게시판 이름이 myboard5 라면 5번 섹터가 활성화 됩니다. my5board 이더라도 결과는 같습니다.
게시판 추가하기
ex, [커뮤니티] 섹터에 새 게시판을 추가하는 경우의 예
① 전체관리 → 보드관리 → 보드관리 통합 의 게시판 목록에서 현재 [커뮤니티] 섹터에 포함된 게시판을 찾습니다.
② 해당 게시판을 복사 생성합니다. (게시판 목록에서 복사 아이콘 
클릭하면 복사실행 창이 뜸)
③ 복사 생성한 게시판의 설정 페이지를 열고 [1-1] 항에 한글명칭 , [2-30] 항에 게시판 상단내용을 수정합니다.
④ 1_main_html.php 파일의 메뉴설정에서 메뉴를 추가합니다.
단일문서 추가하기
기본적으로 들어 있는 '이용안내' , '오신는길' 과 같은 단일문서 형태의 페이지를 추가하려면?
① 전체관리 → 보드관리 → 보드관리 에서 'ggg1text ' 게시판에 접속하여 문서 글을 작성합니다.
② 1_main_html.php 파일의 메뉴설정에서 메뉴를 추가합니다.
작성한 글의 글번호가 20 이고 섹터 6 에 포함시키고자 한다면 해당 메뉴의 URL은
board.php?board=ggg1text&command=body&no=20§orNum=6 입니다.
( 'ggg1text' 게시판은 본문출력시 관리자 로그인된 상태에서만 글수정 버튼이 보여지도록 설정되어 있음 )
php 출력파일 추가하기
기능적 역할을 하는 mytest.php 라는 파일을 작성하고 출력연결 하는 예
① mytest.php 파일을 작성해서 G빌더 경로에 올립니다.
② 1_main_html.php 파일의 메뉴설정에서 메뉴를 추가합니다. 메뉴의 URL 은
board.php?board=ggghome&command=skin_insert&exe=mytest.php 입니다.
메뉴소속을 3번 섹터로 고정시키려면 url 뒤에 §orNum=3 을 덧붙어 주면 됩니다.
게시판 멀티설정
어떤 한 게시판에 대해 접속URL에 따라 출력되는 모양이나 권한이 다르게 설정할 수 있습니다.
같은 게시판을 여러곳에 다른 형태로 배치해야 할때 또는 관리자 전용 모드를 구현하고자 할때 등에 유용합니다.
이에 대한 설정은 게시판 설정 페이지의 우측상단에 [멀티설정] 항목에 있습니다.
캐시적용
메인홈페이지(home.php)처럼 DB 추출건이 많은 페이지는 DB부하와 출력지연 현상이 있을 수 있는데 이를 해결하기
위해 캐시기능을 사용할 수 있습니다. 아래처럼 출력물 상 하단에 캐시시작,종료 코드를 넣어 주면 됩니다. (home.php 참조)
if(g_cacheStart(300)) return; // 캐시시작 (300초 간격으로 캐시갱신)
... 출력내용 ...
... 출력내용...
g_cacheEnd(); // 캐시종료
입력양식 확장
게시판 글쓰기폼의 본문 입력란에 기본적으로 어떤 입력양식(표)가 들어 가게 하려면?
게시판 설정 [6-2, 본문입력 기본 입력모드] 를 "편집기 입력모드" 로 설정하고
게시판 설정 [6-31, 본문입력란에 기본 내용 삽입] 항목에 html 태그로 입력양식(표)을 작성해 넣어 주면 됩니다.
이에 대한 예는 G빌더 초기 메뉴에서 업무제휴→제휴업체 게시판의 글쓰기폼에서 확인할 수 있습니다.
그러나 게시판의 글쓰기폼은 정형화된 틀이라 임의대로 입력양식을 만드는데 한계가 있습니다.
이 문제는 util_write_form.php 파일로 해결 할 수 있습니다.
고객센타→주문서 페이지에 접속하면 util_write_form.php 활용방법 설명을 볼 수 있습니다.
이 외에도 테크노트 메인 메뉴얼의 [12. 응용, 확장]에 제시되어 있는 글쓰기폼 활용하는 방법도 있습니다.
미니뷰어
메인홈(home.php) 과 각 섹터홈(sector1.php, sector2.php ...)에는 작은 글목록 형태의 미니뷰어들이 배치되어 있는데
미니뷰어를 구현하는 함수는 util_include_mini_view.php 파일에 들어 있습니다. 출력모양을 부분 수정하거나 기존 함수를
카피해서 새로운 함수를 만들어 사용해도 됩니다.
제작 완료된 사이트를 다른 곳에 복사-설치할 수 있는 배포물(패키지) 형태로 만드는 작업입니다.
본 빌더를 활용하여 사이트 제작을 완료후 다음 순서대로 진행합니다.
① 실행코드 생성
전체관리 → 스킨.빌더 → 빌더 → 빌더킷 생성 에서 빌더에 포함된 게시판들을 선택후 [다운로드] 버튼 클릭,
technote/skin_board/g_build_home/kit/ 폴더에 다운 받은 파일을 저장합니다.
파일명은 builder_kit_ 으로 시작되는 임의로 이름으로 정하면 됩니다. ( ex, builder_kit_my_home.php )
기존에 들어 있던 builder_kit_g_home.php 파일은 삭제합니다.
② 홈 화면 캡쳐
홈페이지 출력 화면을 이미지 캡쳐하여
technote/skin_board/g_build_home/skin_capture.gif 으로 저장합니다. 전체관리→스킨.빌더 목록에 보여질 이미지입니다.
③ 사용 안내문
간단한 사용안내문을 작성하여
technote/skin_board/g_build_home/readme.txt 으로 저장합니다. 전체관리→스킨 목록에 보여지는 내용입니다.
technote/skin_board/g_build_home/kit/readme.txt 으로 저장합니다. 전체관리→빌더→안내 에 링크되는 내용입니다.
④ 빌더완성
technote/skin_board/g_build_home 폴더가 빌더 완성본입니다.
다른 곳에 테크노트를 설치하고 빌더 완성본 g_build_home 폴더를 제 위치에 올려 주면
전체관리→스킨.빌더→빌더 의 목록에 실행가능한 상태로 나타나고 빌더 실행으로 동일한 홈페이지를 생성할수 있게 됩니다.
한곳에서만 사용할거라면 이 과정까지만 하면 됩니다. 여러곳에 사용하거나 타인에게 배포할 용도라면 다음단계로 . . .
⑤ 고유한 이름으로 만들기
여러 사람이들이 다 g_build_home 폴더명으로 빌더를 만들어 배포한다면 혼선이 생길 것입니다.
같은 폴더명을 중복설치한는건 불가능하기 때문입니다. 따라서 배포 목적이거나 또는 1개의 테크노트내에 여러개의 빌더를
설치하려면 스킨 폴더명과 빌더가 생성할 게시판명을 변경해 줘야 문제를 해결 할 수 있습니다.
ㆍ폴더명을 my_xhome 으로 변경 하는 예
위 ①~④ 과정대로 완성본을 만든 후 폴더명을 my_xhome 변경하고 폴더내의 .php , .txt , .html 파일들을 통합검색하여
g_build_home 단어를 찾아 모두 my_xhome 로 수정합니다.
에디트플러스 , 울트라에디트 등 편집기를 활용하면 통합검색과 일괄수정이 수월합니다.
ㆍ게시판 이름을 모두 'myxhfreeboard' 형식으로 변경하는 예
G빌더내의 게시판들은 모두 ggg 로 시작되는 이름으로 되어 있는데 이를 전부 myxh 로 시작되는 이름으로 변경하려면
완성본에 대하여 폴더내의 .php , .txt , .html 파일들을 통합검색하여 ggg 단어를 찾아 모두 myxh 로 수정합니다.
수정할 곳이 상당하므로 이 역시 에디트플러스나 울트라에디트 등의 편집기 기능을 이용해서 일괄 수정합니다.
게시판명은 DB 테이블명의 일부가 되므로 반드시 영문자나 숫자만 사용하고 시작글자는 영문자 이어야 합니다.
16진수 색상코드와 혼선되지 않게끔 f 자 이상의 문자를 사용하고 문자열 검색시 혼동되지 않을 고유한 문자조합으로
정해야만 향후 일괄 변경이나 홈페이지 작업이 수월해집니다.