웹마스터 팁
파일하나로 만드는 한줄 메모장(테마기능 포함)
2002.08.22 11:53
식사들 하셨습니까??
오늘 웹서핑 하다가.. 진짜 노래잘부르는 여자를 보고는 뻑갔습니다.
자유게시판에 퍼와가지고 올려뒀는데.. 정말 잘 부르네요..
지금도 듣고 있답니다..^^
참고로 전 노래 잘하는 여자, 남자들은 다 좋아함..
자.. 노래는 노래고 우리는 공부를 또 해야죠..
오늘 만들어볼것은.. 1줄 메모장입니다.
어제.. 자다 일어나서.. 할일도 없고.. 심심해서.. 한번 만들어봤습니다.
근데 단순 메모장이 아닙니다.
자.. 아래 이미지를 보십시오..
이렇습니다. 근데 이미지로만은 다 말을 못합니다.
왜냐하면 이 메모장에는 바로 테마기능이 숨겨져 있습니다..^______^
우측 상단에 셀렉트박스 보이시죠??
그기서 테마를 선택하면 전체적인 색상이 변경되는 그러한 메모장이랍니다.
근데 이렇게 엄청난 메모장을 파일 하나로 만들어보겠습니다. (무슨 약장사같네.. --;;)
먼저 준비돈 캡쳐화면을 통해서.. 소스를 보여드리겠습니다.
한번에 캡쳐를 못해서.. 여러번 나눠서 캡쳐했습니다.
첫번째 상단 부분입니다.
여기서는 바로 테마를 설정하는 부분입니다.
각각의 테마에 따른 BGCOLOR을 미리 설정을 해둡니다.
그리고 바로 글쓰기 폼이 시작이 되죠??
뭐 글쓰기 폼에서는 크게 어려운게 없을거라 믿습니다.
바로 밑에 이어지는 소스입니다.
여기서는 무엇이냐 하면.. 위의 폼에서 입력한 글을 디비에 입력시켜주는 부분입니다.
여기서.. trim()라는 함수를 볼수가 있는데..
이 함수는 문자의 시작과 끝부분의 공백을 없애주는 역할을 합니다.
그리고 del_html()이라는 함수는 func.php 파일속에서 정의된
HTML태그를 제거하는 함수죠..
메모장인데.. HTML태그가 뭔 필요가 있겠습니까??
글구 참
// 옳바른 접근인지 체크함
if(!eregi("http://mrjh.com/mrjh_memo/main.php",$HTTP_REFERER)){
echo "[script] window.alert('옳바른 접근이 아닙니다.'); history.go(-1) [/script]"; exit;
}
이부분은.. 여러분들에게는 필요가 없는 부분입니다.
제 홈페이지에만 적용이 되는 부분이죠.. 꼭 이렇게 체크를 해야겠다면 여러분들은
// 옳바른 접근인지 체크함
if(!eregi($HTTP_HOST,$HTTP_REFERER)){
echo "[script] window.alert('옳바른 접근이 아닙니다.'); history.go(-1) [/script]"; exit;
}
이렇게 사용을 하시면 되겠습니다.
전체글수를 알아내는 부분이 있는데.. 이건 페이지 나누기 위해서 가져와야 한다고 제가
게시판강좌에서 설명을 한적이 있습니다.
페이지 나누는것에 대해서는 "게시판 강좌의 리스트부분"을 참고하시기 바랍니다.
자.. 테마 적용을 위한.. 셀렉트박스 부분입니다.
[select name=theme]라고 되어있죠?? 네.. 바로.. option이 선택되었을때.. 그 option의 value값이
theme가 되는거죠.. 그리고 이 theme의 값은.. 젤 첨으로 가서..
theme에 해당하는 배경색깔을 전체 페이지에 뿌려주게 되는것입니다.
근데 테마를 적용할때 주의 하셔야 할점은..
만약에.. 첨에.. 빨간색으로 테마를 적용했습니다.
그리고 글을 하나 작성하고 화면이 리프레쉬가 되었을때도.. 빨간색테마를 유지해야겠죠??
안그러면.. 테마가 무슨 소용이 있겠습니까..
그렇게 유지를 하기 위해서는.. 홈페이지 전체 테마를 사용할때는.. 쿠키를 이용해서 할수도 있지만..
이렇게 한페이지 정도에서 따로 테마를 사용할때는
테마의 변수값만 넘겨주기만 하면 됩니다.
무슨 말이냐 하면.. 이 전체 소스들을 쭉 보세요..
그중에서 링크가 걸려있는 부분이나.. 아니면 화면이 리프레쉬되는 부분을 잘 보세요..
항상 그 링크에는 ?db=$db&theme=$theme라고 되어있을겁니다.
예.. 그렇습니다. 페이지가 바뀔때.. 항상 그 사람이 선택한 테마값을 넘겨줘야 한다는 것이죠..^^
자.. 그리고.. 이건 뭐냐면.. 리스트 부분인데..
알록달록한 배경을 만들기 위한 리스트부분입니다.
알록달록한 배경을 만드는건 그리 어려운 일이 아닙니다.
숫자를 이용한거죠..
글앞에 있는 숫자는
1, 2, 3, 4, 5, 6, 이렇게 증가합니다.
여기서.. 반복되는게 있습니다. 바로 홀짝이죠..
1(홀), 2(짝) 3(홀) 4(짝).. 이런식이죠??
이건 나중에 글이 수천개가 되더라도.. 항상 이렇게 되죠??
바로 이걸 이용한겁니다.
그럼 홀수 짝수는 어떻게 구할까요?? 바로 나머지 값입니다.
PHP의 연산자 중에서 %라는게 있습니다. 바로 나머지 값을 구해내는거죠..
숫자를 2로 나눠서 나머지가 0이면 그건 짝수겠죠??
그리고 1이면 홀수겠죠??
바로 이것을 이용한거랍니다.
간단하죠??
그래서.. 홀수일때는 리스트부분의 배경색을 eeeeee로 하고 짝수일때는 그냥 흰색으로 하게 되면
나중에 보일때는 알록달록한 배경이 보이게 되겠죠??
뭐.. 이부분은 설명을 안하더라도 크게 문제될것은 없을거라 생각합니다..^^
한번에 캡쳐를 못해서.. 이렇게 꼽사리가 꼈네요.. --;;
그리고 페이지 나누는 부분입니다.
페이지 나누는 부분은.. 게시판 만들기 강좌의 리스트 강좌에서 이미 다 했기때문에
더이상 설명하지는 않겠습니다. (저도 힘드러요.. ㅠㅠ)
글구.. 이제.. 이 한줄 메모장에 사용될 데이터베이스의 구조를 잠시보면.. 아주 간단합니다.
include "dbconn.php";
mysql_query ("
create table mrjh_memo_$db (
no int(10) auto_increment not null,
title char(80) not null,
name char(20) not null,
primary key(no)
)",$connect)
or die("테이블 설치에 오류가 발생했습니다.".mysql_error());
?>
이겁니다.
무지 간단하죠??
번호, 제목, 이름 이렇게 밖에 없습니다..
이렇게 테이블 작성후.. 테이블 만들고.. 위 소스들로 한번 만들어 보세요..
멋진 메모장이 될겁니다..^_______^
그럼.. 전 이만~ <ㅑㅇ
오늘 웹서핑 하다가.. 진짜 노래잘부르는 여자를 보고는 뻑갔습니다.
자유게시판에 퍼와가지고 올려뒀는데.. 정말 잘 부르네요..
지금도 듣고 있답니다..^^
참고로 전 노래 잘하는 여자, 남자들은 다 좋아함..
자.. 노래는 노래고 우리는 공부를 또 해야죠..
오늘 만들어볼것은.. 1줄 메모장입니다.
어제.. 자다 일어나서.. 할일도 없고.. 심심해서.. 한번 만들어봤습니다.
근데 단순 메모장이 아닙니다.
자.. 아래 이미지를 보십시오..
이렇습니다. 근데 이미지로만은 다 말을 못합니다.
왜냐하면 이 메모장에는 바로 테마기능이 숨겨져 있습니다..^______^
우측 상단에 셀렉트박스 보이시죠??
그기서 테마를 선택하면 전체적인 색상이 변경되는 그러한 메모장이랍니다.
근데 이렇게 엄청난 메모장을 파일 하나로 만들어보겠습니다. (무슨 약장사같네.. --;;)
먼저 준비돈 캡쳐화면을 통해서.. 소스를 보여드리겠습니다.
한번에 캡쳐를 못해서.. 여러번 나눠서 캡쳐했습니다.
첫번째 상단 부분입니다.
여기서는 바로 테마를 설정하는 부분입니다.
각각의 테마에 따른 BGCOLOR을 미리 설정을 해둡니다.
그리고 바로 글쓰기 폼이 시작이 되죠??
뭐 글쓰기 폼에서는 크게 어려운게 없을거라 믿습니다.
바로 밑에 이어지는 소스입니다.
여기서는 무엇이냐 하면.. 위의 폼에서 입력한 글을 디비에 입력시켜주는 부분입니다.
여기서.. trim()라는 함수를 볼수가 있는데..
이 함수는 문자의 시작과 끝부분의 공백을 없애주는 역할을 합니다.
그리고 del_html()이라는 함수는 func.php 파일속에서 정의된
HTML태그를 제거하는 함수죠..
메모장인데.. HTML태그가 뭔 필요가 있겠습니까??
글구 참
// 옳바른 접근인지 체크함
if(!eregi("http://mrjh.com/mrjh_memo/main.php",$HTTP_REFERER)){
echo "[script] window.alert('옳바른 접근이 아닙니다.'); history.go(-1) [/script]"; exit;
}
이부분은.. 여러분들에게는 필요가 없는 부분입니다.
제 홈페이지에만 적용이 되는 부분이죠.. 꼭 이렇게 체크를 해야겠다면 여러분들은
// 옳바른 접근인지 체크함
if(!eregi($HTTP_HOST,$HTTP_REFERER)){
echo "[script] window.alert('옳바른 접근이 아닙니다.'); history.go(-1) [/script]"; exit;
}
이렇게 사용을 하시면 되겠습니다.
전체글수를 알아내는 부분이 있는데.. 이건 페이지 나누기 위해서 가져와야 한다고 제가
게시판강좌에서 설명을 한적이 있습니다.
페이지 나누는것에 대해서는 "게시판 강좌의 리스트부분"을 참고하시기 바랍니다.
자.. 테마 적용을 위한.. 셀렉트박스 부분입니다.
[select name=theme]라고 되어있죠?? 네.. 바로.. option이 선택되었을때.. 그 option의 value값이
theme가 되는거죠.. 그리고 이 theme의 값은.. 젤 첨으로 가서..
theme에 해당하는 배경색깔을 전체 페이지에 뿌려주게 되는것입니다.
근데 테마를 적용할때 주의 하셔야 할점은..
만약에.. 첨에.. 빨간색으로 테마를 적용했습니다.
그리고 글을 하나 작성하고 화면이 리프레쉬가 되었을때도.. 빨간색테마를 유지해야겠죠??
안그러면.. 테마가 무슨 소용이 있겠습니까..
그렇게 유지를 하기 위해서는.. 홈페이지 전체 테마를 사용할때는.. 쿠키를 이용해서 할수도 있지만..
이렇게 한페이지 정도에서 따로 테마를 사용할때는
테마의 변수값만 넘겨주기만 하면 됩니다.
무슨 말이냐 하면.. 이 전체 소스들을 쭉 보세요..
그중에서 링크가 걸려있는 부분이나.. 아니면 화면이 리프레쉬되는 부분을 잘 보세요..
항상 그 링크에는 ?db=$db&theme=$theme라고 되어있을겁니다.
예.. 그렇습니다. 페이지가 바뀔때.. 항상 그 사람이 선택한 테마값을 넘겨줘야 한다는 것이죠..^^
자.. 그리고.. 이건 뭐냐면.. 리스트 부분인데..
알록달록한 배경을 만들기 위한 리스트부분입니다.
알록달록한 배경을 만드는건 그리 어려운 일이 아닙니다.
숫자를 이용한거죠..
글앞에 있는 숫자는
1, 2, 3, 4, 5, 6, 이렇게 증가합니다.
여기서.. 반복되는게 있습니다. 바로 홀짝이죠..
1(홀), 2(짝) 3(홀) 4(짝).. 이런식이죠??
이건 나중에 글이 수천개가 되더라도.. 항상 이렇게 되죠??
바로 이걸 이용한겁니다.
그럼 홀수 짝수는 어떻게 구할까요?? 바로 나머지 값입니다.
PHP의 연산자 중에서 %라는게 있습니다. 바로 나머지 값을 구해내는거죠..
숫자를 2로 나눠서 나머지가 0이면 그건 짝수겠죠??
그리고 1이면 홀수겠죠??
바로 이것을 이용한거랍니다.
간단하죠??
그래서.. 홀수일때는 리스트부분의 배경색을 eeeeee로 하고 짝수일때는 그냥 흰색으로 하게 되면
나중에 보일때는 알록달록한 배경이 보이게 되겠죠??
뭐.. 이부분은 설명을 안하더라도 크게 문제될것은 없을거라 생각합니다..^^
한번에 캡쳐를 못해서.. 이렇게 꼽사리가 꼈네요.. --;;
그리고 페이지 나누는 부분입니다.
페이지 나누는 부분은.. 게시판 만들기 강좌의 리스트 강좌에서 이미 다 했기때문에
더이상 설명하지는 않겠습니다. (저도 힘드러요.. ㅠㅠ)
글구.. 이제.. 이 한줄 메모장에 사용될 데이터베이스의 구조를 잠시보면.. 아주 간단합니다.
include "dbconn.php";
mysql_query ("
create table mrjh_memo_$db (
no int(10) auto_increment not null,
title char(80) not null,
name char(20) not null,
primary key(no)
)",$connect)
or die("테이블 설치에 오류가 발생했습니다.".mysql_error());
?>
이겁니다.
무지 간단하죠??
번호, 제목, 이름 이렇게 밖에 없습니다..
이렇게 테이블 작성후.. 테이블 만들고.. 위 소스들로 한번 만들어 보세요..
멋진 메모장이 될겁니다..^_______^
그럼.. 전 이만~ <ㅑㅇ
댓글 8
-
레드
2002.08.31 17:50
-
난말야..
2002.09.08 19:45
적으면서 배우는거죠 뭐 -
Mr. JH
2002.08.22 11:54
이 강좌에 사용된 메모장은 http://mrjh.com/mrjh_lecture/list.php?db=lecture에 가시면 우측에
소감 한말씀 남기시지요^^ 라는 메뉴가 있습니다.
그 메뉴를 클릭하시면 이 메모장을 보실수 있습니다. -
IT
2002.08.22 12:04
바로 밑에 코멘트 끄적이는 동안 올라왔네여...따끈따끈하당~~^^ -
김태의
2002.08.25 10:47
헉시 이제혁? 나 태어다 -
K.샘
2003.02.04 18:25
후... 하.. 흐... 흑..
(쟤 왜저래 -_-; 어머니가 위독하시대.. 거때매 홈피제작 쉬고있었나? 하기실어서일걸 -_-;)
후우우욱..(헉 독기가 -_-;)하아아....... 크으으으으(분노인가?) 흐으으으..
(쟨또 왜저래? -_-; 홈피파일 다 날렸대 ㅠㅠ 그게아니라 골치아파서 없애버렸을껄..-_-;) -
김종석
2004.08.09 13:34
<?
//테마를 위해서 미리 배경배색을 설정함
if(!$theme) $theme="default";
if($theme=="default") $bgcolor="336699";
if($theme=="slategray") $bgcolor="slategray";
if($theme=="black") $bgcolor="111111";
if($theme=="red") $bgcolor="red";
if($theme=="blue") $bgcolor="blue";
if($theme=="sky") $bgcolor="6699cc";
if($theme=="pink") $bgcolor="cc66cc";
if($theme=="shit") $bgcolor="996666";
?>
<HTML>
<head>
<title>2030love 한줄 talking</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<center>
<!--글쓰기 폼 부분-->
<table width=500 border=1 cellpadding=3 cellspacing=1 style="border-collapse:collapse;" bordercolor=<?=$bgcolor?>>
<form method=post onfocus=blur()>
<input type=hidden name=go value=ok>
<input type=hidden name=db value=<?=$db?>>
<tr>
<td bgcolor=<?=$bgcolor?> widh=15%><font color=white>Name..</font></td>
<td><input type=text name=nick_name size=30 maxlength=7 class=search></td>
<td bgcolor=eeeeee width=30% align=center><input type=submit value=" Save " class=search2></td>
</tr>
<tr>
<td bgcolor=<?=$bgcolor?> width=15%><font color=white>Command..</font></td>
<td colspan=2><input type=text name=memo size=60 maxlength=80 class=search></td>
<tr>
</form>
</table>
<?
include "dbconn.php";
include "func.php";
//메모입력부분
if($go=="ok"){
//올바른 접근인지 체크함
if(!eregi($http_host,$host_referer)){
echo "[script] window.alert('올바른 접근이 아닙니다.'); history.go(-1) [/script]"; exit;
}
//이름 및 내용 입력 되었는지 체크
if(!$nick_name){ echo "<script> window.alert('이름을 입력하세요'); history.go(-1) </script>"; exit; }
if(!memo){ echo "<script> window.alert('내용을 입력하세요'); history(-1) </script>"; exit; }
//공백없애고, 슬러쉬 부치고, 태그제거
$nick_name = trim($nick_name);
$nick_name = addslashes($nick_name);
$memo = addslashes($memo);
$memo = addslashes($memo);
$memo = del_html($memo);
//전체글수를 알아냄
$temp=mysql_fetch_array(mysql_query("select count(no) from mrjh_memo_$db"));
$last_no=$temp[0]+1;
//입력
mysql_query("insert into mrjh_memo_$db (no,name, title) values ('$last_no','$nick_name'+ ','$memo')");
echo "<meta http-equiv='refresh' content='0;URL=$PHP_SELF?db=$db&theme=$theme&c_topic=$c_topic'>";
}
//리스트 페이지 계산부분
if(!$page) $page="1";
$total=mysql_num_rows(mysql_query("select no from mrjh_memo_$db"));
$total_page=ceil($page-1)+10;
?>
<script>
function theme_change(obj) {
document.select_theme.theme.value=obj.options.values;
document.select_theme.theme.submit();
return true;
}
//-->
</script>
<!-- 리스트부분 -->
<table width=500 border=0 cellpadding=2 cellpacing=0>
<form method=get name=select_theme>
<input type=hidden name=db value=<?=$db?>>
<input type=hidden name=c_topic value=<?=$c_topic?>>
<tr>
<td>total comments : <?=$total?></td>
<td align=right>
<!--테마 선택 셀렉트 박스 -->
<select name=theme class=input onchange=theme_change(this)>
<option>choose theme</option>
<option value=default>default</option>
<option value=slategray>slategray</option>
<option value=black>black</option>
<option value=red>red</option>
<option value=blue>blue</option>
<option value=sky>sky</option>
<option value=pink>pink</option>
<option value=shit>shit</option>
</select>
</td>
</tr>
</form>
</table>
<table width=500 border=1 cellpadding=0 cellspacing=1 style="border=collapse;" bordercolor=<?=$bgcolor?>>
<tr>
<td>
<table width=500 border=0 cellpadding=3 cellspacing=0>
<tr>
<td bgcolor=<?=$bgcolor?> width=15% align=center><font color=white>Name</font></td>
<td bgcolor=<?=$bgcolor?> width=85% align=center><font color=white>Comments..$nbsp;</td>
</tr>
<?
$temp=mysql_query("select + from mrjh_memo_$db order by no desc limit $start_num,10 ");
while($data=mysql_fetch_array($temp)){
$no=$data[no];
$nick_name=stripslashes($data[name]);
$memo=stripslashes($data[title]);
$memo=cut_str($memo,45);
//숫자가 짝수인지 홀수인지 구분해서 알록달록한 배경 만들기
if(($no%2)==0){
echo"
<tr>
<td bgcolor=eeeeee align=center>$nick_name</td>
<td bgcolor=eeeeee>$memo</td>
</tr>
";
}else {
echo"
<tr>
<td align=center>$nick_name</td>
<td>$memo</td>
</tr>
";
}
}
?>
</table>
</td>
</tr>
</table>
<br>
<?if($total_page>1){?>
<!-- 하단 출력부 -->
<table width350 border=1 cellpadding=2 cellspacing=0 style="border-collapse;"bordercolor=<?=$bgcolor?>>
<tr>
<td align=center>
<?}?>
</table>
</td>
</tr>
</table>
<br>
<?if($total_page>1{?>
<!-- 하단출력부 -->
<table width=350 border=1 cellpadding=2 cellspacing=0 style="border-collapse:collapse;" bordercolor=<?=$bgcolor?>>
<tr>
<td align=center>
<?}?>
<?
//페이지 출력 부분
if ($total_page > 1)
{
$total_count = ceil($total_page/10);
$page_count = ceil($page/10);
$start_page = ($page_count - 1) + 10 +1;
$end_page = $start_page + 9;
if ($end_page > $total_page)
{$end_page = $total_page; }
//이전 10개 페이지로 가기
if($page > 10){
$temp = $start_page - 1;
echo" <a onfocus=blur() href=$php_self?db=$db&page=$temp&theme=$theme&c_topic=$c_topic>
<img src=http://ddowayo.co.kr/bbs/images/1line.gif border=0 align=absmiddle></a> ";
}
//페이지 링크를 뿌려준다.
for ($j=$start_page;$j<=$end_page;$j++)
{
if ($j==$page)
{
echo" <b>$j</b>";
}
else
{
echo"$nbsp;<a onfocus=blur() href='PHP_SELF?=$db&page=$j&theme=$theme&c_topic'>$j</a>";
}
}
//다음 10개 페이지로 가기
if($total_page > 10){
$end_page = $end_page+1;
echo"<a onfocus=blur() href=$PHP_SELF?db&page=$end_page&theme=$theme&c_topic>
<img src=http://ddowayo.co.kr/bbs/images/1line_next.gif border=0 align=absmiddle></a>";
}
}
?>
<?if($total_page>1){?>
</td>
</tr>
</table>
<?}?>
</center>
</html> -
김종석
2004.08.09 13:36
본문 이미지파일로 올리신거 문자로 찍엇습니다.
한줄 게시판이 꼭 필요해서 노가다 한번 했는데....뭐때문에 안되는지..나 이거참..
누가 좀 가르쳐주세요...
(이렇게 많은걸 어떻게 다 적을지...;;;)