compuz.com

2002/01/27 12:41:54	13998 0

제로보드를 이용한 노프레임 홈페이지 만들기 [4]

[출처 : 제로보드 유용한 팁공유]

우선, 본 내용을 게시하게된것은 제가 3일동안 꼬박 밤을 지새우며
질문과답변을 눈알이 나오도록 검색하면서...그리고 여러 선배님들의 반복답변에 힘들어하는 모습을 보면서....그리고
저도 제로보드설치하고 홈 돌린지 몇일 되지 않습니다만,
노프레임 홈 만들기에 성공한것은 여러고참분들의 성의있는 답변때문이 아닌가...하는 감사의 마음으로 올리는 글입니다.

그리고 저와 비슷한 맨땅헤딩 수준의 여러초보님들께 드리고싶은 말씀이 있답니다.
질문하나 던져버리면 그만이겠지만,...그리고 자기이름으로 검색해서 답변하나 보면 그만이겠지만,
정작 열의를 가지고 가르쳐주시는분들께서는
자기 코멘트 밑에 또 질문을하지는 않았을까..해서 게시물을 또다시 검색해 줍니다.
그러면 자기가 답변할때마다 번호체크해야하나요?
공지사항에도 나와있습니다..
제가 눈빠지게 노프레임홈피만들기 검색해도 속시원하게 된 답변 없었습니다.
이것저것 답변을 모아서 결국 성공했고, 지금 현재 이 제로보드에서 답변형태의 부분을 제외한 부분을
메모장에서 소스를 조금씩 잘라보다보니 감이 잡히더군요.

그리고, 이 내용은 DogMa님을 비롯한 여러 고참분들이 유용한 팁 공유에 그림파일까지 섞어가며 설명을 자세히
해 주셨음에도 불구하고, 질문과 답변에 그와 같은걸 물어오는 분들은 조금 더 노력해 주셨으면...하는 바램입니다.

생선을 받아먹기는 쉽겠지만, 생선주던사람이 없어져버리면
고기낚는법을 배워둘것을...하는 후회를 하게 될지도 모릅니다^^

----------------------------------------------------------------------------------------
아웃로그인과 노프레임 홈피는 개념을 잡는게 우선이라고 생각합니다.
본문전체를 하나의 Table로 꾸미고 제로보드 들어갈 적당한 위치에 < TD >로서 공간을 확보하는것이지요
그리고, 각 게시판마다 화면 전체의 메뉴를 Re_Load하게 되는것입니다.
그렇게되면 게시판자체가 Main을 제외하고는 헤더와 풋터를 이용해서 한프레임(하나의 Table)으로 작동하겠지요.
이제 대충 감이오셨나요?^^

노프레임 홈을 만들기 위해서는 우선
▶ 게시판이 생성되어있어야한다.
   또한 그곳에 아웃로긴을 붙이고싶을땐 우선
▶ MnV님의 아웃로긴을 설치해야한다.
   참고로, Out Login은 대표적으로 Mnv님께서 만드신 설명서를보고 설치하시기 바랍니다
   설치방법은 http://www.inetiz.com/mnvlogin/manual1_1.html 입니다
▶ 기본테그의 사용법을 알아야 한다.
   < TABLE >  < TD Align.... > < TR > < IFRAME >...

원하시는 화면구성이 만약
*===============================================*
|ID :               |       상단내용                              |
|PASSWORD : |                                                 |
*===============================================*
|                    |                                                 |
|메뉴들           |       제로보드메인                        |
|                    |                                                 |
|                    |                                                 |
|                    |                                                 |
|                    |                                                 |
*===============================================*
이렇다면, 대략적인 구조는 이렇습니다.

< TABLE >
        *===============================================*
<TR>|<TD>아웃             |<TD>     상단내용                 |
        |       로그인 </TD> |                                </TD>|</TR>
        *===============================================*
<TR>|<TD>                   |<TD>                                  |
        |    메뉴들              |            제로보드메인            |
        |                           |                                          |
        |                           |                                          |
        |                           |                                          |
        |                 </TD> |                                </TD>|</TR>
        *===============================================*
< /TABLE >

쉽죠?ㅡ,.ㅡ;;

아웃로그인을 달아야죠.
(MnV Login 2.3버젼 기준의 설명입니다.
2.4버젼은 out_login.php 대신 mnvlogin.php 가 됩니다)
====================================================================
만약 아웃로긴을 설치한 이후에 이것을 좌측상단에 넣는다면
아웃로그인의 실행URL은, http:// ~~~~~~/out_login.php 이니깐

아웃로긴 삽입을 include 문장으로 하는경우에 대해서 실행이 잘 되지 않으시는 분들이 많더군요

개인서버를 돌리면 제가 설명하지 못하겠지만, 기본 룰은 같으니, 참고하시길..

include를 이용한 삽입테그는 아래와 같습니다.
<td><? include "http://~~~~~~/zboard/mnv/out_login.php"; ?></td> 가 됩니다.

아웃로긴 삽입을 iframe으로 하는경우

<td><iframe src="http://~~~~~~/zboard/mnv/out_login.php"></iframe></td>
물론 이것은 이해를 돕기위한 대략적인 구조입니다.
그리고 당연히 따라붙는 태그사용법은 알고계셔야겠지요
**** FRAMEBORDER= / WIDTH= / HEIGHT= / SCROLLING= ****
=====================================================================
★★★ IFRAME 과 INCLUDE는 본 설명이 끝나는 부분에 별도로 설명하겠습니다★★★

그러면 조금 더 설명을하면

▶ 헤더파일이란, 위의경우에 제일처음부터, "제로보드메인" 라는 글씨(게시판 메인)를 제외한 부분까지를 뜻하며
   header.html 이라는 파일로 저장합니다.물론 업로드도 해야겠지요.(파일명은 맘대로 하세염~ ^____^)
   (그런데 저같은 경우는 헛갈려서 게시판번호를 넣어서, header1.html 이라는 파일명으로 하고,
    업로드 경로는 제로보드와 동일폴더로 하였습니다.)

▶ 푸터파일이란, 위의경우에 "제로보드메인♥♥" 뒤부터 </TABLE>까지를 뜻하며,footer.html 이라는 파일로 저장합니다
   (파일명이요? ㅡㅡ;; )

그럼 예를 들어보겠습니다
==================================================================================
<html>
<head></head>
<title>노프레임 홈피맹글기</title>
<body bgcolor="white" text="black" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" vlink="#333333">
┃
┃
┗기본적인 html의 문서속성에 관한부분을 세팅합니다

<table border="1" cellspacing=0 cellpadding="0">
┃
┃
┗본문전체를 하나의 테이블로 우선 구성한다고 보고, 일단 table로 정의해야 겠지요?

<tr><td><iframe src="~~~~~~~~/zboard/mnv/out_login.php" frameborder=0 width=120 height=130 scrolling=no></iframe></td>
┃
┃
┗아웃로긴을 하나의 <TD>로 넣었습니다 include로 하셔도 되요.
  지금의 경우는, iframe으로 삽입되는경우 프레임두께를 0, 폭을 설정하였습니다, 스크롤바 죽이구요

<td width=800>
상단내용첫째줄<br>
상단내용둘째줄<br></td></tr>
┃
┃
┗상단에 들어갈 문구를 넣습니다

<tr>
┃
┃
┗자...화면전체를 하나의 테이블로 보니깐, 두번째줄의 시작을 알려야겠지요?

<td valign=top> ◀━━ 메뉴를 항상 상단에 맞추어 정렬하도록 합니다.우측세로폭(즉,제로보드의 세로폭)의 영향을 받기때문입니다
메뉴안내<br>
1.게시판<br>
2.사진자료실<br>
3.음악자료실<br>
</td>
┃
┃
┗좌측메뉴를 넣었습니다 <A HREF="http://~~~~~zboard.php?id=~~~">1.게시판</a> 이런식이겠지요?

<td>
┃
┃
┗제로보드도 하나의 <TD>로 보시면 된다고 했죠? 이제 제로보드가 들어갈테니까
   <td>를 쳐서 넣어야겠지요?
================================================================================
┃
┃
┗여기까지가 헤더파일 header.html 입니다

이해를 돕기위해, header.html 의 설명을 추려볼까요?
======================================================
<html>
<head></head>
<title>노프레임 홈피맹글기</title>
<body bgcolor="white" text="black" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" vlink="#333333">

<table border="1" cellspacing=0 cellpadding="0">

<TR>
<td><iframe src="~~~~~~~~/zboard/mnv/out_login.php" frameborder=0 width=120 height=130 scrolling=no></iframe></td>
<td width=800>상단내용첫째줄<br>
              상단내용둘째중<br></td> </TR>

<TR>
<td valign=top>메뉴안내<br>
               1.게시판<br>
               2.사진자료실<br>
               3.음악자료실<br> </td>
<td>
========================================================

※ 이것은 iframe 을 사용한것이고, include문은
<? include "http://~~~~~~/zboard/mnv/out_login.php"; ?> 이런식으로 사용하십니다^^

그럼 푸터파일(footer.html)을 한번 볼까요?
</td>    ━━━━━━제로보드 main 데이타 끝났으니까요^^.방금 헤더파일에서 <TD>부분에서 끝났자나염^^
</tr>    ━━━━━━제로보드 뒤에 더 없으니까요^^.줄의 끝을 선언해야죠.
</table>  ━━━━━━전체를 하나의 테이블로 하니까,이제 테이블 끝을 알려야겠지요?^^
</body>
</html>

이제 대략적인 설명이 끝난것 같습니다.
이렇게 헤더와 푸터가 구성된 제로보드를 불러오게되면, 이 제로보드는 이제
-------------------------------------------
로그인 |  상단내용
-------------------------------------------
메뉴들 |  제로보드
          |
          |
          |
          |
          |
-------------------------------------------

이런 모양을 갖추게 됩니다.

이제부터 해주어야 할 세팅
1. header.html을 원하는 부분에 업로드 합니다
   footer.html역시 업로드합니다.
   (경로를 잘 기억하세요)

2. 지금 생성한 게시판의 admin 페이지를 열어봅니다.
    header file 경로명을 지정하게 되어 있습니다.
    예를들어 1번에서 업로드한 경로가 ~~~~/zboard 라면,
    http://~~~~~~~~~/zboard/header.html
    footer file 경로명은
    http://~~~~~~~~~/zboard/footer.html 이 되겠지요.

한번 보세요.... 어떻게 나오는지^^

☞ 헤더와 푸터를 웹에디터로 코딩하시는분들이 간혹 계시는데,
   웹에디터로 코딩하면 안됩니다.
   왜냐하면 자동으로 </td>등의 태그마감작업을 해버리기때문 이지요.^^

한말씀 더, 좌측메뉴에서 만약 어떤 메뉴를 링크할때, 링크되어질 게시판(또는 다른것들)의
헤더와 푸터는 당연히 위와같은 방법으로 들어있어야 하겠지요.
즉, 나타나는 모든 링크마다 같은프레임으로 구성하시던지...
좌측의 메뉴가 나타나게 해야겠지요.

그리고 어떻게 구상할것이냐에 따른부분은 이제 여러분의
태그 구성요령에 따라 달라지리라고 봅니다.
저요? 드자인감각이 무뎌서요^^

■■■ 아웃로그인 삽입용 IFRAME 과 INCLUDE ■■■

include 를 그냥 위에 설명드린데로 입력하면 다음과 같이
엉뚱한 결과를 초래하는 수가 많이 있습니다.
그런데 왜 엉뚱한 소릴 했느냐하면,
여러분들에게 위에부터 이 소릴 했다가는 더 헛갈릴 수 있기때문입니다.

그리고 include를 사용한 엉뚱한결과의 예로는
1> 로그인은 되면서, include 시킨 부분이 로그인 이전상태 그대로인 경우
2> 로그인은 되지만, 그곳에서 다른 메뉴(물론 그곳에도 아웃로그인+노프레임구조)로 이동하면
     그곳에 1번과 같은 현상이 생기는 경우 등등..

★ 잠깐, 여기서 정리를 좀 해보려고 합니다.
::: include가 좋은가, iframe이 좋은가.....

물론 효과는 include가 좋다고 할 수 있습니다.
지금 현재의 제로보드처럼 어떤 게시판의 Action을 취했는데,
권한이 없다고 나옵니다. 그러면 그상태에서 좌측상단의 로그인만 시키면
게시판 전체가 리프레시 되면서 권한이 생기고 처음부터 메뉴를 다시 들어가야 하는 번거로움이 없지요?
include는 이러한 면에서는 아주 좋습니다. 말 그대로 포함시킨 덩어리 이기때문에
로그인이 액션이 생기면, 전체가 리프레쉬 된다...라고 생각하시면 될 것 같습니다.
그러나, 저같은 초보자가 include를 사용하면서 느끼는 불편함이란, 진짜 엄청납니다. ㅡㅡ;;

반면, iframe의 경우는 사용법이 쉽습니다. 물론 사용법은 비슷하지만
방금 말씀드린, 엉뚱한 결과를 초래할 경우가 거의 0% 에 가깝다는 것입니다.
물론 위에처럼 단점이 있기는 하지요. 홈페이지의 버그라고 느껴질 수 도 있으니까요...
iframe은 include가 아니기때문에, 로그인프레임은 로그인프레임대로 돌아가기 때문에 프레임 전체에
영향을 주지는 못한다는 단점이지요.

::: 그러면 include쓰기는 쉬운가.....
쓰는 방법은
<TD><? include "~~~~~~~out_login.php" ;  ? ></TD>
아주 쉽습니다.

::: 그런데 무엇이 문제인가.
에러가 납니다. ㅡ,.ㅡ;
물론 에러라고까지 표현하기는 좀 뭣하지만. 초보에게는 어쨌든 에러입니다.
초 울트라 허접한 질문을 생산해 내는 요인이 되겠지요.
이러한 현상들이 많더군요.(물론 저도 1주일간 고생하던 끝에 정리가 되는군요)
짜증을 불러일으키는 대표적인 사례(나는 제대로 include 를 했다고 느끼는 나같은 초보기준)
▶ include 제대로 했는데 빈 공백만 나온다
  ==> 업로드 안하고 하드에서 실행해볼때 그런 현상이 나타납니다 ㅡㅡ;;
▶ 로그인 했는데, 아이디 입력란이 그대로이다.
▶ 로그인 하고, 물론 다른 노프레임메뉴를 몇개 만들어서 운용하는 경우,
    아! 로그인 떴다, 로그인 잘 됀다. 메뉴1번 눌러보자! 꾸욱.
    ㅡ,.ㅡ;  아이디하고 비밀번호 넣으라고 나온다.....

::: 에러없는 include사용하기
물론 잘 되시는분들도 많이 계시겠지만, 안되는사람들이 해보다가 해보다가 열받아서
iframe을 사용하시는 경우도 상당히 많아보입니다. (적어도 제눈에는 0-0; )

그럼 제가 몇일동안 뺑이쳐서 무식한 결론을 얻어낸것을 설명 해 드리겠습니다.
질문과 답변 란에, 상대경로와 절대경로의 의견충돌이 있는것을 보았습니다.
우선 설명의 기준은 http://www.test000.com 사이트로 해 보겠습니다.
html작성할때 그림 넣어보셨습니까?
루트폴더 바로 아래에 img 라는 폴더를 만들고 그곳에 이미지 파일이 업로드 되었다면,
<img src="/img/sexy.jpg"> 혹은 <img src="./img/sexy.jpg"> 혹은 <img src="img/sexy.jpg">가 되겠지요
(음란사이트 아님다 ㅡㅡ;; )

/img/sexy.jpg 이런것은 [상대경로] 라고 할 수 있을테이구요

<img src="http://www.test000.com/img/sexy.jpg">

http://www.test000.com/img/sexy.jpg 은 [절대경로] 라고 할 수 있겠습니다.

그러면 이걸 왜 말하는가?  필요합니다.ㅡㅡ;;

절대경로로 include를 시키는것이 에러없이 가장 확실하게 include되는 길이라는 것입니다.

저같이 리눅스서버에서 웹호스팅을 받으시는 분의 경우를 예를 들겠습니다.
개인서버라면 알아서 잘....파악하시기 바랍니다

저의 호스팅의 http://www.test000.com/ 이것이 최상위폴더로 주시면 안됩니다 ㅡㅡ;

자기에게 해당되는 절대경로는 이것을 보시고 파악해보세요...
대부분 리눅스서버호스팅을 받으시는분의 경우에 해당된다고 봅니다.

웹서비스 http://www.test000.com/

루트의절대경로는 /home/test000.com/public_html/  ← 바로 이 위치입니다.
저의경우에는
제로보드설치폴더: http://www.test000.com/zboard/
mnvLogin설치경로 : http://www.test000.com/zboard/mnv/

그래서
include를 쓸때,
<TD><? include "/home/test000.com/public_html/zboard/mnv/out_login.php"; ?></TD> 라고 씁니다.

헤더에 이것만 넣으면 되는가?

그래도 에러가 나더군요. 여러분들의 질문을 검색하던 중 공통점을 발견했는데
대부분의 문제는 절대경로로 직접 지정해주면 대부분 해결이 된다는것을 알았습니다.
초보자 입장에서는 상대경로를 주면 나중에 헛갈리기가 쉽습니다.
그냥 절대경로로 넣으시길 바랍니다.

그러면 어디에 뭘 해야하는가?

위에 설명했던부분중에 headerfile 업로드시에 경로를 잘 기억해두라고 했던부분....이 있습니다.
admin(관리자)화면에 보면 헤더파일의 경로를 넣는부분이 있습니다.

이곳에도 역시 http://www.test000.com/header1.html 이런식으로 하지말고,
"/home/test000.com/public_html/header1.html" 이런식으로 넣으면 되겠지요.

절대경로를 모르겠다..하시면
귀하가 호스팅받는곳에 telnet 으로 접속을 합니다.
시작->실행->telnet test000.com 이런식으로..

그럼 일단 잠깐 볼까요?
==========[telnet test000.com 실행]==========================
Red Hat Linux release 6.2 (Zoot)
Kernel 2.2.16-3 on an i686
login: (아이디)
Password: (패쓰워드)
Last login: Mon Nov 12 16:14:23 from 203.254.97.51
You have new mail.
[~~~~]$ pwd ▶▶▶▶ 현재경로 조회하는 명령
/home/test000.com ▶▶▶▶ 현재경로는 /home/test000.com 이네요? 여기가 웹서비스의 루트가 아닙니다.
[~~~~]$ ls ▶▶▶▶ 뭐뭐 들어있나 보는명령
cgi-bin/  mail/  public_html/  ▶▶▶▶ 아...아래에 public_html 이라는 폴더가 있습니다. 한번 들어가보죠
[~~~~]$ cd public_html
[~~~~]$ pwd
/home/test000.com/public_html ▶▶▶▶ 제대로 들어갔네요. 에러 안떨어지는거보면^^
[~~~~]$ ls ▶▶▶▶뭐뭐 들어있나 한번 볼까요?
18_1.gif          devil.gif      info_kdw.html  php1.gif   wwwboard/
18_2.gif          f.gif          info_pjb.html  php2.gif   wwwboard.bak/
angry.gif         img/           logo2.jpg      sad.gif    wwwbook/
bbsfooter.html    index.html     maerong.gif    smile.gif  zb40pl4.tar.Z
bbsheader_1.html  info_cjh.html  masters/       style.css  zboard/
bbsheader_2.html  info_jsp.html  money.jpg      test.html
bks.html          info_jys.html  notice.html    what.gif

▶▶▶▶ 그렇죠? 이곳에 index.html부터 그런파일들이 있네요...이곳이 웹서비스의 루트군요.

그럼 이곳의 경로는...? 위에서 보았습니다 /home/test000.com/public_html/ 여기거 루트군요^^
====================================================
그럼 도움이 되셨기를 바랍니다....

---------------------------
●● 또, 하나 팁을.... ●●
---------------------------
이건 제가 구상했던 방식에서 생기는 저같은 초보만의 문제일것 같은데요^^
좌측메뉴의 구성이
1.게시판1   ( a href="~~~~~/zboard.php?id=bbs1  )
2.게시판2   ( a href="~~~~~/zboard.php?id=bbs2  )
이렇게 되어있다고 가정합니다.
그런데 아시다시피(혹시모르실수도...)로그인이 안된 사용자는 레벨 10으로 간주합니다
또한 로그인이 된 후의 사용자는 레벨9 이상으로 간주합니다.

그리고,예를들어서 게시판1번의 경우는 글목록보기가 레벨9부터로 제한되어 있습니다.

이때 초기화면구성이
*===============================================*
|ID :                  |       상단내용                           |
|PASSWORD :    |                                              |
*===============================================*
|                       |                                              |
|게시판1             |    죽여주는싸이트임다~ ㅡㅡ;     |
|게시판2             |                                              |
|                        |                                             |
*===============================================*
이렇게 되어있다고 하고,
로그인하지 않은상태에서 메뉴1번을 누르면
*===============================================*
|ID :                  |       상단내용                           |
|PASSWORD :    |                                              |
*===============================================*
|                       |                                              |
|게시판1☜          |이용권한없습니다 / 이전으로      |
|게시판2             |                                              |
|                        |                                             |
*===============================================*
이렇게 나오고, "이전으로" 라는 버튼을 누르게되면
*===============================================*
|ID :                  |       상단내용                           |
|PASSWORD :    |                                              |
*===============================================*
|                       |    MEMBER LOGIN                   |
|게시판1             |   ID:                                       |
|게시판2             |   PASSWORD:                         |
|                        |                                             |
*===============================================*
이렇게 아주 짜증나게 나와버립니다. 어디다가 로그인을 해야할지...
아무데서나 로그인해두 사실 상관은 없습니다. 새로고침해버리면 되니까요.
그런데 그렇게 생각하실분들은 별로 없을거라고 봅니다.
(저는 그때 결국 그렇게생각하기로 굳게 마음먹기도 했었습니다^^)

고쳐야죠.(이것도 역시 질문과 답을 통해서 멋진 고참분이 가르쳐주셨더군요^^)

이부분은 zboard.php 파일을 열어보면,
35번째줄 부근에,

  // 사용권한 체크
  if($setup[grant_list]<$member[level]&&!$is_admin) Error("사용권한이 없습니다","");~~~~~~어려운php구문 ㅡㅡ;;~~~~~

라고 되어있는 부분이 있습니다. 이부분을 고칩니다.

  // 사용권한 체크
  if($setup[grant_list]<$member[level]&&!$is_admin) Error("사용권한이 없습니다","");

이렇게....

그렇게 되면 "이전으로" 를 누르게되면 MEMBER LOGIN으로 이동하는 것이 아니고
히스토리백이 되어 말 그대로 "이전으로" 의 기능을 수행하게 됩니다.

코멘트를 작성하시면 2 포인트가 지급됩니다.


로뿌 2002/01/28 10:20:00		머..먼가 길군요..;;


최인혜 2002/01/30 18:59:04		'ㅂ'아..뭔가 많이 이해하신 입장에서의 설명이군요+ㅁ+;;


시율 2003/02/26 22:31:50		제 머리가 딸리는 건가요..[중얼]


최인호 2003/07/22 17:36:45		고급사용자를 위한글이 아닌 초보자를 위해 글을 써주세요 ㅜ.ㅡ 열심히 30분이나 읽었는데;;;