4. PHP 게시판 만들기, write 제작 1

2015.03.31 23:43
저자 : Kurien

주의: 본 게시판은 보안을 생각하지 않고 만들어졌으므로 실제로 사용되어서는 안되는 코드입니다.

공부할 때 게시판이 이처럼 동작한다는 정도로만 이해해주세요.


오늘도 게시판 제작을 해보겠습니다.

오늘은 글을 쓰는 부분인 write를 제작해보겠습니다.


글을 "쓰기만" 하는 write 부분은 프로그램이 거의 없으니 단순 구조만 제작했습니다.

물론 같은 폼을 이용해서 글을 수정하게 된다면 조금 더 복잡해지지만, 그 부분은 게시글 등록, 삭제가 끝난 다음 하도록 하겠습니다.


그럼 오늘도 먼저 이 파일을 받아주세요!


20150331_project.zip


전 포스팅에서 만들었던 index.php와는 조금 다른 점이 눈에 보이실텐데요.

글 쓰기 버튼을 제외하면 단순히 CSS 부분을 위한 것이므로 크게 신경은 쓰지 않으셔도 됩니다.


그럼 바로 write.php 폼을 보죠.


<?php

require_once("../dbconfig.php");

?>

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>자유게시판 글쓰기 | Kurien's Library</title>

<link rel="stylesheet" href="./css/normalize.css" />

<link rel="stylesheet" href="./css/board.css" />

</head>

<body>

<article class="boardArticle">

<h3>자유게시판 글쓰기</h3>

<div id="boardWrite">

<form action="./write_update.php" method="post">

<table id="boardWrite">

<caption class="readHide">자유게시판 글쓰기</caption>

<tbody>

<tr>

<th scope="row"><label for="bID">아이디</label></th>

<td class="id"><input type="text" name="bID" id="bID"></td>

</tr>

<tr>

<th scope="row"><label for="bPassword">비밀번호</label></th>

<td class="password"><input type="text" name="bPassword" id="bPassword"></td>

</tr>

<tr>

<th scope="row"><label for="bTitle">제목</label></th>

<td class="title"><input type="text" name="bTitle" id="bTitle"></td>

</tr>

<tr>

<th scope="row"><label for="bContent">내용</label></th>

<td class="content"><textarea name="bContent" id="bContent"></textarea></td>

</tr>

</tbody>

</table>

<div class="btnSet">

<button type="submit" class="btnSubmit btn">작성</button>

<a href="./board/index.php" class="btnList btn">목록</a>

</div>

</form>

</div>

</article>

</body>

</html>


말씀 드린대로 form을 이용한 단순 html 폼입니다.

.boardArticle 까지는 index.php 파일과 거의 같고 그 아래의 #boardWrite부터가 작성된 부분입니다.



<form> 태그를 통해 데이터를 처리하는 파일로 내용을 전송하는 부분입니다.


각각의 <tr> 태그에는 <th>와 <td> 태그가 하나씩 들어있는데요.

<th>는 위의 이미지에서 아이디, 비밀번호, 제목, 내용을 뜻하고,

<label> 태그의 for 속성으로 input 태그의 id 값을 지정하면 label을 눌렀을 때 해당 input 태그에 포커스를 줍니다.


<input> 태그나 <textarea>와 같은 입력 양식 태그는 대부분 아실테니 넘어가고,,,

마지막으로 btnSet이라는 div를 만들고 그 안에 작성과 목록 버튼을 만들었습니다.


아직은 CSS를 적용하지 않아서 기본적인 상태로만 나오구요.

다음 포스팅에서는 글을 올리는 부분인 write_update.php를 만들어보겠습니다.


어려운 부분(은 없겠지만...)이 있다면 댓글 남겨주시구요,

현재 진행 상태는 http://kurien.dothome.co.kr에서 보실 수 있습니다!

  1. jaenna 2015.04.02 10:49 신고  댓글주소  수정/삭제  댓글쓰기

    잘 이해되요!!좋은 컨텐츠 감사합니다 ㅎ.ㅎ
    다음강의는 언제올라오나요 ??

  2. jaenna 2015.04.02 14:03 신고  댓글주소  수정/삭제  댓글쓰기

    저 질문이 있는데요, 게시판 목록에서 삭제나 수정을 하고싶을땐 다른방법으로 목록을 불러내야하는데
    어떻게 해야할까요 ㅠㅠ 여기서 계속 막혀서요..

    • Kurien 2015.04.02 14:05 신고  댓글주소  수정/삭제

      게시판 리스트에서 삭제를 말하시는거라면, checkbox태그의 value를 글의 id값으로 해서 선택 삭제, 제거 하는 방법이 있습니다.

  3. jaenna 2015.04.02 17:00 신고  댓글주소  수정/삭제  댓글쓰기

    귀찮게 해드려서 죄송해요 ㅠ
    <input type="checkbox" value=<?php $row['id'] ?> > 이런식으로 넣어도 되나요?

  4. 튼튼 2015.10.18 12:20 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다!

  5. 이승희 2016.07.16 04:45 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요 반가워요

  6. 성은범 2016.10.06 12:25 신고  댓글주소  수정/삭제  댓글쓰기

    너무 잘올려주셔서 소름 제대로 돋았습니다. 덕분에 php 이해가 너무 잘됩니다

  7. whee 2016.10.11 16:01 신고  댓글주소  수정/삭제  댓글쓰기

    너무 쉽게 이해되도록 올려주셔서 감사합니다~ 정말 잘보고 있습니다~!!

  8. 호랑이 2018.04.28 16:52 신고  댓글주소  수정/삭제  댓글쓰기

    모두 반갑습니다

    날씨가 좋아요

  9. 김수경 2018.10.14 00:40 신고  댓글주소  수정/삭제  댓글쓰기

    http://bitly.kr/CCFy - 인터넷가입
    http://bitly.kr/CCFy - 인터넷가입사은품많이주는곳
    http://bitly.kr/CCFy - 인터넷비교사이트
    http://bitly.kr/CCFy - 인터넷가입현금지원
    http://bitly.kr/CCFy - 인터넷설치
    http://bitly.kr/CCFy - 초고속인터넷
    http://bitly.kr/CCFy - 인터넷신청
    http://bitly.kr/CCFy - KT인터넷
    http://bitly.kr/CCFy - LG인터넷
    http://bitly.kr/CCFy - SK인터넷
    http://bitly.kr/CCFy - 결합상품
    http://bitly.kr/CCFy - KT기가인터넷
    http://bitly.kr/CCFy - 인터넷
    http://bitly.kr/CCFy - 인터넷TV
    http://bitly.kr/CCFy - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷가입
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷설치
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 초고속인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷신청
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - KT인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - LG인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - SK인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 결합상품
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - KT기가인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷TV
    http://www.randomurl.ze.am/?id=jqkSOkEwFrW - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷가입
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷설치
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 초고속인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷신청
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - KT인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - LG인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - SK인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 결합상품
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - KT기가인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷TV
    http://www.randomurl.ze.am/?id=xYvFA5r8KZn - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷가입
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷설치
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 초고속인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷신청
    http://www.randomurl.ze.am/?id=xmmx260FPLb - KT인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - LG인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - SK인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 결합상품
    http://www.randomurl.ze.am/?id=xmmx260FPLb - KT기가인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷TV
    http://www.randomurl.ze.am/?id=xmmx260FPLb - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷가입
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷설치
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 초고속인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷신청
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - KT인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - LG인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - SK인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 결합상품
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - KT기가인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷TV
    http://www.randomurl.ze.am/?id=XCqdCZLGQcC - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷가입
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷설치
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 초고속인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷신청
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - KT인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - LG인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - SK인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 결합상품
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - KT기가인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷TV
    http://www.randomurl.ze.am/?id=SsAxFxo6bno - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷가입
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷설치
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 초고속인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷신청
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - KT인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - LG인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - SK인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 결합상품
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - KT기가인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷TV
    http://www.randomurl.ze.am/?id=D4nTwHlf7uT - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷가입
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷설치
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 초고속인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷신청
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - KT인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - LG인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - SK인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 결합상품
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - KT기가인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷TV
    http://www.randomurl.ze.am/?id=d1XUhmCMtNh - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷가입
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷설치
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 초고속인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷신청
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - KT인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - LG인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - SK인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 결합상품
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - KT기가인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷TV
    http://www.randomurl.ze.am/?id=PRUmA8uhLbx - 인터넷티비현금많이주는곳
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷가입
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷가입사은품많이주는곳
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷비교사이트
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷가입현금지원
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷설치
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 초고속인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷신청
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - KT인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - LG인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - SK인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 결합상품
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - KT기가인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷TV
    http://www.randomurl.ze.am/?id=dpJ61ws6AHL - 인터넷티비현금많이주는곳