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에서 보실 수 있습니다!