객체 생성하기

(괄리자) — Tue, 18 Nov 2008 16:59:36 +0900

위와 같이 했을 경우
click

1
2
3

위에 Click라는 걸 클릭해 보면 알 수가 있다.
객체가 생성된다.
다만 위치가 무조건 제일 마지막에 붙는다는 거~

document.getElementById("test").appendChild(obj);
이 부분을
test.insertBefore(obj, test02.nextSibling);
이걸로 바꿔 주게 되면 test02 뒤로 가서 생성이 된다.

안타깝게도 여기서는 테스트가 불가능하다.

역시나

(괄리자) — Mon, 17 Nov 2008 23:26:29 +0900

예상했던 대로 감기가 왔다.
목감기에 코감기
거기다가 허리에 통증까지 -_-
아 이 무슨 빌어먹을 일이란 말인가.
밥도 제대로 못 먹고. 니미

이건 또 며칠이나 갈지 원
지난 주까지는 입 안이 헐어서 사람 화나게 만들더니.
아 미친 몸뚱아리
아 시발

이건 100% 감기다.

(괄리자) — Sun, 16 Nov 2008 21:29:06 +0900

새벽에 목이 계속 칼칼(?)하더니 지금도 그렇다.
그리고 콧물이 계속 나온다.
월요일 아침 출근할 때 분명히 감기에 걸려서 기침 시작할 거 같다.
너무 건조해서 일부러 방에다가 빨래까지 널었는데.
감기 정말 싫은데.
대화하다가도 기침하고 가만히 있다가도 기침하고.
에휴...
정말 기침 싫은데.

aion(아이온) 에러, 1155: C:\instmsi30.exe 파일을 찾을 수 없습니다.

(괄리자) — Sun, 16 Nov 2008 16:38:26 +0900

아이온 설치하려고 보면 이런 오류 메시지를 접할 수가 있다.
이럴 땐 setup.exe 파일을 선택하고 마우스 오른쪽 버튼, 속성(R), 호환성 탭 클릭, 호환성 모드 부분을 체크하면 된다.

나도 게시판 따위를 만들어 보자스라! - 09. 삭제 페이지(delete.php)

(괄리자) — Fri, 14 Nov 2008 14:04:09 +0900

우여곡절(?) 끝에 삭제까지 왔습니다.
앞서 말했듯이 삭제는 아주 아주 쉽습니다.
목록, 쓰기, 수정 페이지처럼 이것 저것 많이 넘기질 않아도 되기 때문입니다.

우선은 여기서도 미리 언급해야 할 게 있네요.
리스트 상에서 체크박스로 체크해서 여러 개를 삭제하는 건 하지 않습니다.
이미 예상했다구요?
예에~~~ 제 실력이 아주 미천해서 그렇습니다. ㅋ

그럼 닥치고 갈까요?

삭제도 수정과 마찬가지로 view.php 파일에서 합니다.
이미 앞에서 몇 번을 했기 때문에 바로 들어가 볼까요?

select에서도 update에서도 유니크한 값을 넘겼죠?
idx였습니다.
delete에서도 마찬가지로 idx를 넘겨서 삭제를 하겠습니다.

view.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "select * from free where idx = $_GET[idx]";
$res = mysql_query($que);
$row = mysql_fetch_array($res);
?>
<table border="1" cellpadding="0" cellspacing="0">
   <tr>
<td>제목 : <?=$row['postTitle']?></td>
   </tr>
   <tr>
<td>글쓴이 : <?=$row['userName']?></td>
   </tr>
   <tr>
<td>날짜 : <?=$row['wDate']?></td>
   </tr>
   <tr>
<td>내용 : <?=$row['memo']?></td>
   </tr>
</table>
<a href="list.php">list</a> |
<a href="edit.php?idx=<?=$_GET['idx']?>">edit</a> |
<a href="delete.php?idx=<?=$_GET['idx']?>">delete</a>

보이시죠?
제일 밑에 추가한 거~
브라우저로 확인해 보겠습니다.

delete에 마우스를 갖다 댔더니 정확히 idx=2라고 나오네요.
이제 delete를 눌렀을 때 보여질 delete.php 파일을 만들어서 똑같이 쿼리문까지 찍어 보겠습니다.

delete.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "delete from free where idx = $_GET[idx]";
echo $que;
//$res = mysql_query($que);
?>

이제 이 정도는 착착이죠?
브라우저로 확인해 보겠습니다.

역시나 제대로 찍혔네요.
이제 이 쿼리문을 edit.php 파일에서 했던 것처럼 SQLyog에서 확인해 보겠습니다.

별 오류 없이 실행이 되었네요.
이제 옆에 Table Data 탭을 눌러서 확인을 해 볼까요?
분명히 idx가 2인 레코드가 있어야겠죠?

오호라~
2가 없네요.
삭제가 되었으니 없겠죠.
이제 목록(list.php) 페이지로 가서 실제로 확인을 해 볼까요?

역시나~ 사라졌네요.
이름에 ㅋㅋㅋ라고 된 게 없네요.
삭제가 된 거라는 거죠.

이제 주석으로 막은 코드도 정상적으로 돌리고 edit.php 파일처럼 스크립트도 추가하겠습니다.

delete.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "delete from free where idx = $_GET[idx]";
$res = mysql_query($que);

if($res) {
?>
<script>
alert("OK");
location.href="list.php";
</script>
<?
}
?>

스크립트까지 넣었더니 멋있는 거 같아요.
는 훼이크고~

고생하셨습니다.

라고 하지만 제가 가장 고생한 듯합니다.
다음에 Lecture 카테고리에 포스팅할 건 아직 생각을 못하고 있습니다.
후에 다른 걸로 또 찾아 뵙겠습니다.
다른 게 나올 게 있나 모르겠습니다. ㅋㅋ

* 오타, 틀린 부분은 코멘트로 지적해 주시면 감사하겠습니다.

까막눈과 부자

(괄리자) — Fri, 14 Nov 2008 10:27:23 +0900

제목 참 얄딱꾸리하다.
우리 회사가 입주해 있는 빌딩에 있는 사람들 중 상당수가 부자이거나 까막눈임에 분명하다.

먼저 화장실을 가 보면 화장실 입구에도 화장실 내에선 금연이라고 되어 있고 흡연을 할 경우 사전 경고 없이 바로 물을 뿌리거나 벌금을 문다고 되어 있다.
하지만 이를 무시하고 화장실에 가면 일단 담배부터 꺼내 무는 족속들이 있다.
족속들이라 하니 언짢은가?
걱정 마라.
나는 모든 흡연자들을 욕한 게 아니라 지극히 일부 그것도 아주 몰지각하면서 이기적인 흡연자들을 말한 것이다.
그러면 피지 말라고 하는 장소에선 피지 마라.
하지 말라고 하는데도 불구하고 하는 그 빳빳한 행동력은 뭔데?

그리고 빌딩 내에 4군데의 휴게실 비슷한 게 있는데 흡연이 가능한 곳은 2군데가 있고 문을 열고 나가면 된다.
담배 연기 때문에 빌딩 내에서 유일하게 바깥 공기와 바로 연결이 되어 있다.
나머지 2군데는 바깥 공기를 느끼려면 좀(-_-)만한 창문 하나 달랑 달린 거 열어야 한다.
물론 담배 연기가 없고 깨끗하다.
하지만 여기도 일부 몰지각한 흡연자들의 마수의 손길을 피할 수가 없다.
휴게실 천장에는 카메라까지 설치되어 있는데도 말이다.
여기 역시 경고문이 붙어져 있다.
하지만 창틀엔 담배 부스러기(재, 꽁초)가 널부러져 있다.

정말 그네들은 그 경고문을 읽지 못하는 까막눈이거나 벌금을 내야 한다는 경고문에도 버젓이 담배를 피는 아주 부자이거나 그렇다는 것이다.

정말 이기적이다.
난 흡연하는 거에는 반대를 않는다.
다만 정해진 규칙을 깨고 남에게 피해를 주면서까지 담배를 피는 흡연자들은 정말 싫다.

그리고 이건 사족인데 이 빌딩에도 꽤 많은 여성 흡연자가 있다.
아직도 우리 사회는 여성 흡연자들에 대한 시선이 그리 곱지 않다.
남자는 펴도 되고 여자는 피면 안 된다는 억지 논리는 이제 그만 좀 버리자.
재밌는 건 그 여성 흡연자들을 욕하는 사람들을 보면 거의가 남성 흡연자들이다.
내가 이 건물에서 본 여성 흡연자들은 그래도 정해진 곳에서만 피더라.
물론 여자 화장실은 갈 수가 없기에 확인할 길이 없다만...

나도 게시판 따위를 만들어 보자스라! - 08. 수정 페이지(edit_do.php)

(괄리자) — Thu, 13 Nov 2008 22:38:28 +0900

드디어 수정한 걸 저장하는 페이지까지 왔네요.
write.php 파일과 크게 다를 건 없습니다만 약간 다른 부분이 있으니 눈여겨 보세요.

이번엔 에러 페이지는 패스하고 바로 edit_do.php 파일을 만들어서 설명하겠습니다.
아, 그리고 edit.php 파일에서는 아래 이미지처럼 내용을 수정했습니다.

edit_do.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "update free set
   postTitle = '$_POST[postTitle]',
   userName = '$_POST[userName]',
   memo = '$_POST[memo]'
   where idx = $_POST[idx]
";
echo $que;
//$res = mysql_query($que);
?>

update라는 게 나왔죠?
수정의 경우는 insert가 아닌 기존 데이터를 update하는 것이기 때문에 update를 씁니다.
중간에 echo가 왜 껴 있냐구요?
항상 저장하기 전에 테스트를 해야 합니다.
$que를 echo로 찍었으니 당연히 쿼리문이 나오겠죠?
정상적으로 쿼리문이 찍히나 확인을 해 봐야 합니다.
이렇게 하는 버릇을 들이면 나중에 디버깅 할 때도 편합니다.

이제 주석으로 가린 것도 풀고 echo 부분도 삭제를 하고 정상적으로 실행을 해 보겠습니다.

쿼리문이 딱 찍혀서 나왔네요.
왜 저걸 echo로 찍어서 브라우져에 띄웠냐구요?
디비에 직접 입력을 해서 되나 안 되나 직접 테스트를 해 보려구요.
쉘로 해도 되지만 우리는 처음에 SQLyog라는 걸 설치했으니 거기서 실행을 하겠습니다.
위에 나온 쿼리문을 그대로 복사를 해서 SQLyog에다가 붙여넣어서 실행을 합니다.

복사해 온 쿼리문을 붙여넣었습니다.
밑에는 idx가 2인 녀석이 1111 test 1111이라는 데이터를 갖고 버젓이 버티고 있네요.
이제 F9를 눌러서 해당 쿼리문을 실행하도록 하겠습니다.

으하하!
아무 오류가 없이 정상적으로 실행이 되었습니다.
자 그러면 이건 아무 문제 없는 거라고 보면 되겠죠.

돌아가서 주석으로 막아놓은 것도 풀고 이래 저래 수정을 가하도록 하겠습니다.

스크립트 부분은 이미 write.php 파일에서 했기 때문에 따로 설명은 안 하겠습니다.

고친 후에 실행을 하고 아까 봤던 idx가 2인 녀석을 보도록 하겠습니다.

우왓!
수정이 되었습니다.
어때요, 쉽죠? -_,-

이제 마지막 남은 삭제를 향해서 달립시다!
다음 번엔 삭제 페이지를 살펴 보도록 하겠습니다.
삭제는 의외로 간단하고 쉬우니 긴장 안 하셔도 될 것 같네요.

* 오타, 틀린 부분은 코멘트로 지적해 주시면 감사하겠습니다.

나도 게시판 따위를 만들어 보자스라! - 07. 수정 페이지(edit.php)

(괄리자) — Thu, 13 Nov 2008 14:19:26 +0900

요즘 거의 하루에 한 개씩은 올리는 것 같네요.
이거 너무 급하게 마무리 지으면 이후에 블로그에 글 올릴 거 없어서 난감한데.
아, 그리고 제가 이거 올린 시간을 보면 오후 2시 막 그렇죠?
회사에서 일이 없어서 쳐 노는 건 아니구요, ㅋㅋㅋ
일단 제목 입력하고 포스팅 제일 밑에 있는 * 오타 뭐시기 입력하고 바로 저장을 해 버립니다.
그렇게 하고는 비공개로 만들어 놓죠.
노파심에 이러는 겁니다.
실질적인 작업은 점심 시간, 퇴근 전에 일 마무리 짓고 슬쩍, 퇴근 후에 집에서~
절대 회사에서 쳐 놀고 웹서핑이나 쳐 하고 그러는 직장인 아닙니다.
닥치고 오늘도 갑니다.

view.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

보기 화면에서 edit라는 항목을 추가했습니다.
좀 있어 보이나요?

edit에 마우스를 갖다 댔습니다.
edit.php로 링크가 걸렸죠?
클릭을 하면?

오류가 날 거란 거, 예상하셨죠?
왜냐하면 아직 edit.php 파일은 만들지도 않았거든요. 호호호~
다시 view.php 파일로 돌아가서 view.php 파일에서 한 군데를 수정하겠습니다.

view.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "select * from free where idx = $_GET[idx]";
$res = mysql_query($que);
$row = mysql_fetch_array($res);
?>
<table border="1" cellpadding="0" cellspacing="0">
   <tr>
<td>제목 : <?=$row['postTitle']?></td>
   </tr>
   <tr>
<td>글쓴이 : <?=$row['userName']?></td>
   </tr>
   <tr>
<td>날짜 : <?=$row['wDate']?></td>
   </tr>
   <tr>
<td>내용 : <?=$row['memo']?></td>
   </tr>
</table>
<a href="list.php">list</a> |
<a href="edit.php?idx=<?=$_GET['idx']?>">edit</a>

위 코드와 지금 코드가 약간 다르죠?
그렇습니다.
list.php(목록) 파일에서 view.php(보기) 파일로 클릭하나 값을 넘기기 위해서 get 방식으로 해서 ?idx=<?=$row['idx']?> 이런 식으로 넘긴 거 기억나죠?
마찬가집니다.
다만 다른 점은 여기서는 주소창에 있는 idx=2라는 값을 갖고 합니다.
그래서 edit.php?idx=<?=$_GET['idx']?>라고 했습니다.
이제 이렇게 고쳤으니 다시 실행을 해 볼까요?

이젠 edit에 마우스를 갖다 댔더니 저렇게 idx값까지 나오네요.
view.php 파일처럼 edit.php 파일도 같은 방식으로 해서 만들겠습니다.
짚고 넘어갈 게 있네요.

수정하는 화면은 글쓰기 화면과 같겠죠?
당연히 같을 수밖에 없겠네요.
그래서 제가 원하는 건 뭐?
재활용~ 쿨럭 -_-
일단 재활용을 한 걸 잠시 보겠습니다.

edit.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "select * from free where idx = $_GET[idx]";
$res = mysql_query($que);
$row = mysql_fetch_array($res);
?>
<html>
   <head>
<title>write</title>
</head>
<body>
<form action="write.php" method="post">
   name : <input type="text" name="postTitle" /><br />
title : <input type="text" name="userName" /><br />
   <textarea name="memo"></textarea><br />
<input type="submit" value="write" />
   </form>
   </body>
</html>

우하하!
<? 여기 ?>는 view.php 파일에서 갖고 왔구요, <html>여기</html>은 write.html 파일에서 갖고 왔습니다.
어떤가요? 이 놀라운 재활용~
절대 제가 귀찮아서 그런 게 아니고 자원을 재활용을 해서 환경오염을 막자는 미친 소립니다~
신경 안 쓰셔도 되겠네요.

일단 저렇게 해서 실행을 해 볼까요?

어라?
주소창은 edit.php?idx=2라고 되어 있고 화면은 write.html 파일과 같네요.
재활용의 결괍니다~ +_+
이제 수정 페이지틱하게 고치겠습니다.

들어가기 전에 먼저 한 가지 짚고 넘어가겠습니다.
<input type="text" name="test" value="이거이거이거" />
여기에서 value에 값을 저렇게 넣어서 실행해 보면

이렇게 나오죠? ㅋㅋㅋ
감이 딱 오신 분?
예~ 맞습니다.

view.php 파일에서는 idx=2에 해당하는 값들을 그냥 <?=$row['userName']?> 이렇게 뿌렸습니다만 여기서는 input 안에 넣습니다.

edit.php<?
mysql_connect("localhost", "root", "apmsetup");
mysql_select_db("board");

$que = "select * from free where idx = $_GET[idx]";
$res = mysql_query($que);
$row = mysql_fetch_array($res);
?>
<html>
   <head>
<title>write</title>
</head>
<body>
<form action="edit_do.php" method="post">
   name : <input type="text" name="postTitle" value="<?=$row['userName']?>" /><br />
title : <input type="text" name="userName" value="<?=$row['postTitle']?>" /><br />
   <textarea name="memo"><?=$row['memo']?></textarea><br />
<input type="submit" value="edit" />
<input type="hidden" name="idx" value="<?_GET['idx']?>" />
   </form>
   </body>
</html>

위에 시커멓고 굵직한 부분 보이시죠?
수정한 부분입니다.

<form action="edit_do.php" method="post">
이건 왜 고쳤냐구요?
당연히 지금은 쓰는 파일이 아닌 수정할 파일이니까 실행될 파일이 달라야죠.
실제로 여기서 수정된 데이터를 받아서 처리하는 파일은 edit_do.php 파일입니다.

name : <input type="text" name="postTitle" value="<?=$row['userName']?>" />
title : <input type="text" name="userName" value="<?=$row['postTitle']?>" />
보이시죠? value에 값을 그대로 넣은 거~
여기서 한 가지 value="" 이렇게 밖을 큰따옴표로 묶었으면 그 안은 당연히 '' 작은따옴표를 써야 합니다.
그렇지 않을 경우엔 또 다시 error를 만나겠죠.
반대로 '' 작은따옴표로 했을 경우엔 "" 큰따옴표로 해야겠죠.

<textarea name="memo"><?=$row['memo']?></textarea>
홈페이지 같은 데 보면 이용약관 같은 거 만들 때 저렇게 textarea로 많이 만들죠?
그리고 약관 넣는 부분은 <textarea>여기</textarea>에 넣구요.

<input type="hidden" name="idx" value="<?_GET['idx']?>" />
얘가 아마 여기서 제일 중요한 부분이 아닐까 싶네요.
반드시 기억해 두세요.
update를 시킬 때도 where가 들어갑니다.
그런데 여기서는 edit라는 버튼을 클릭은 하지만 막상 저장할 때 이 데이터가 어떤 데이턴지는 전혀 알 수가 없습니다.
저장할 때는 주소가 지금처럼 edit_do.php?idx=2 이런 식으로 안 넘기거든요.
그래서 hidden 필드를 하나 만들어서 거기에다가 현재 페이지의 idx값을 담아서 보냅니다.
당연히 사용자 페이지에서는 안 보입니다만 소스 보기를 할 경우엔 나타납니다.
아주 일반적인 방법이니 꼭 기억하시기 바랍니다.

<input type="submit" value="edit" />
얘는 왜 또 데리고 나왔냐구요?
write라고 된 걸 그냥 이름만 edit로 바꿨습니다.

자 이제 다시 실행을 해 보겠습니다.

오옷!
잘 나오는데요?

다음엔 수정한 값을 디비에 때려넣는(edit_do.php) 걸 살펴보도록 하겠습니다.

* 오타, 틀린 부분은 코멘트로 지적해 주시면 감사하겠습니다.

내가 쓰는 애드온

(괄리자) — Wed, 12 Nov 2008 20:39:06 +0900

와이드 모니터도 아니고. -_-;
그렇다고 레이드를 하는 것도 아니고.
그냥 화면만 저렇게 바꿔서 쓴다.

기공 부작용 떴을 때

(괄리자) — Wed, 12 Nov 2008 19:28:58 +0900

드레나이 여캐
같은 얼라지만 아무리 봐도 별론데 사람들은 이쁘단다. -_-;
난 드레나이 안 이뻐함

블러드엘프 여캐
하앜하앜 블덕후 블덕후

오크 여캐
오크 졸라 안 좋아함 -_-
교란의 보주라는 아이템이 있는데 난 휴먼이라서 이걸로 변신하면 오크로 변신;;
승질나서 교란의 보주 뽀개 버렸음
그 당시에 갖다 팔았으면 적어도 100골은 벌었는데.
참고로 알방에서 시체 긁었더니 나오더라. ㅋㅋ

사슴은 트롤이 시킨다. 어?
/하하 하면 쓰러짐