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. 한지민 2019.05.13 15:00  댓글주소  수정/삭제  댓글쓰기

    날씨가 좋아요

  10. 맥도날드 2019.11.13 10:47  댓글주소  수정/삭제  댓글쓰기

    맥도날드는 "양측은 앞으로 양측 입장을 대변하거나 이용하고자 하는 제3의 개인 또는 단체에 대해 더 이상 일절 관여하지 않고 어린이의 치료에만 전념하기로 합의했다"며 "해당 사안에 대해 더 이상의 논쟁을 종결키로 했다"고 전했다.

  11. 은행권 2019.11.14 06:58  댓글주소  수정/삭제  댓글쓰기

    은행권 10월 가계대출 증가를 세부적으로 보면 주택담보대출이 4조6천억원 증가해 증가 폭이 컸던 8월(4조5천800억원) 수준을 웃돌았다. 10월 기준으로는 2016년 10월(5조4천억원) 이후 가장 큰 증가 규모다.

    서울 지역을 중심으로 아파트 가격 상승세가 이어지면서 매매 및 전세 관련 자금 수요가 지속한 게 영향을 미쳤다.

  12. 렌더 2019.11.14 07:39  댓글주소  수정/삭제  댓글쓰기

    렌더링을 보면 아이폰12는 예전 아이폰4·5와 비슷한 느낌을 준다. 당시 아이폰4 디자인은 국내 판매 중인 '깻잎통조림'과 모습이 비슷해 일부 사용자에게 조롱받기도 했지만, 크게 인기를 끌었던 디자인이다.

    폰아레나는 "애플이 이미 아이패드 프로 3세대와 새로운 맥북에서 이런 디자인을 적용한 만큼 아이폰이 이렇게 나온다고 해도 이상하지 않다"며 "애플의 디자인은 항상 일관성 있는 모습이었다"고 설명했다.

  13. M1B2N 2019.11.14 08:38  댓글주소  수정/삭제  댓글쓰기

    MBN이 종합편성채널 설립 과정에서 자본금을 편법으로 충당했다는 논란에 대해 '회장 사퇴'를 골자로 한 첫 공식입장을 밝혔다.

    MBN은 12일 회사 법인이 검찰에 기소되자 입장문을 내고 “오늘 발표된 검찰의 수사 결과를 무겁게 받아들인다”며 “먼저 장 회장이 그동안의 의혹에 대한 책임을 지는 차원에서 MBN 회장직에서 사임하고 경영에서 손을 뗄 것”이라고 했다.

  14. 그릴 2019.11.14 08:59  댓글주소  수정/삭제  댓글쓰기

    그릴 패턴은 상어껍질처럼 거칠고 날카로운 외관을 갖췄지만 부드러운 촉감을 갖춘 직물인 '샤크스킨(Shark Skin)'을 모티브로 삼아 역동적이면서도 고급스럽게 디자인됐다.

    주간주행등은 '바이탈 사인(Vital Sign)'을 연상시키는 역동적인 그래픽으로 디자인돼 차량의 심장이 뛰는 것 같은 느낌으로 K5에 생명력을 부여한다.

    프런트 범퍼는 쾌속선(Hydro Foil )이 파도를 일으키며 물 위를 빠르게 달려 나가는 모습을 형상화했다. 유려하면서도 다이내믹한 모습을 갖췄다.

    에어 인테이크 그릴과 에어 커튼은 라디에이터 그릴의 조형과 조화를 이루며 차량의 고급스럽고 날렵한 이미지를 강조한다.

  15. 카메라 2019.11.14 09:28  댓글주소  수정/삭제  댓글쓰기

    카메라는 아이폰11 시리즈에 적용된 후면 사각형 모듈에서 카메라가 하나 더 추가된 모습이다. 카메라는 1200만 화소의 초광각·광각·망원 트리플 카메라에 깊이와 거리를 측정할 수 있는 ToF(비행거리측정) 카메라가 추가될 것으로 내다봤다.

    매체는 "애플은 최근 몇 년간 AR(증강현실)에 많은 투자를 하고 있다"며 "모바일 AR를 위한 플랫폼이 이미 자리를 잡았고, 애플 글래스에 대한 작업도 진행 중인 것으로 알려진 만큼, 아이폰12에 ToF 카메라가 장착되는 것은 전혀 놀랄 일이 아니다"라고 전했다.

  16. 신형 K5는 2019.11.14 14:41  댓글주소  수정/삭제  댓글쓰기

    신형 K5는 '역동성의 진화'를 디자인 콘셉트로 과감한 디자인 요소를 적극 적용한 게 특징이다.

    기아차 디자인 상징이었던 '타이거 노즈(Tiger Nose)' 라디에이터 그릴은 헤드램프와의 경계를 과감히 허물고 모든 조형요소들이 유기적으로 연결된 형태로 진화했다. 기아차의 디자인 정체성을 그릴에서 전면부 전체로 확장시켰다.

    기존보다 가로 너비가 크게 확장된 라디에이터 그릴은 훨씬 더 당당하고 존재감 있는 이미지를 갖췄다. 향후 출시되는 기아차의 신차에도 적용된다.

  17. 인터뷰 2019.11.14 15:37  댓글주소  수정/삭제  댓글쓰기

    국내 언론과 가진 인터뷰에서 한국 작가 가운데 김애란의 소설을 치켜세운 적이 있다. 간담회에서 그는 이와 관련된 질문이 나오자 “김애란의 단편은 뛰어나다. 중국의 비슷한 또래의 작가, 그 누구보다 힘 있는 소설을 쓴다”고 격찬했다. “섬세한 감성과 삶을 향한 사랑도 느낄 수 있다”고도 했다. 이어 “한강이나 황석영의 작품도 인상 깊게 읽었다”고 덧붙였다. 어디서 영감을 얻는지 묻자 “내 작품 가운데 ‘연월일’을 빼면 특별한 영감을 받아 쓴 작품은 없다”고 답했다. 그러면서 “작가로서 ‘현재의 중국’에서 태어났다는 걸 행운으로 여긴다. 중국에선 많은 사건과 사고가 벌어진다. 스토리가 넘쳐나는 곳이다. 이런 나라에서 살다 보면 작가로서 특별한 영감이 필요하지 않다”고 설명했다.

  18. 3세대 2019.11.14 15:55  댓글주소  수정/삭제  댓글쓰기

    3세대 K5의 후면부 디자인은 전면부와의 연결성을 강조했으며 독창적인 디자인 요소를 통해 고급스럽고 안정감 있는 모습을 갖췄다.

    리어 콤비램프는 좌우가 리어 윙 형상으로 연결돼 넓고 안정적인 느낌과 함께 스포티한 이미지를 제공한다. 램프가 켜질 경우 K5만의 독창적이고 고급스러운 느낌을 더욱 강조한다.

    리어 콤비램프의 그래픽은 전면부 DRL과 동일하게 심장 박동 형상이 적용돼 차량에 활력을 부여한다.

  19. 금융위원회 2019.11.14 16:26  댓글주소  수정/삭제  댓글쓰기

    금융위원회 산하 증권선물위원회는 지난달 30일 MBN 회사법인과 장 회장 등 3명을 검찰에 고발했다. 방송통신위원회도 같은달 31일 MBN이 자본금을 편법으로 충당하고 허위자료를 제출했다며 방송법 위반과 위계공무집행방해 등 혐의로 검찰에 수사를 의뢰했다. 검찰은 이와 별개로 지난 8월 말 금융당국으로부터 자료를 넘겨받아 수사를 진행해왔다.

  20. 서류대장 2019.11.18 14:38  댓글주소  수정/삭제  댓글쓰기

    help7979ⓒhotmail.com

    업계 최고의 전문가 강팀장이 하는업체입니다.

    ○ help7979ⓒhotmail.com ○

    아실만한분은 다 아실꺼라고 생각합니다. 리오더100%를 자랑합니다.

    이번에 저희 강팀장님이 팀을 확장했습니다. as ,증명서, 온라인, 등 좀더 차별화된 시스템으로
    더더욱 안전한 서비스를 해드리고있습니다.


    ○메일상담- help7979ⓒhotmail.com○(선제작,후결제)

    단순히 위조,변조가 아닌 정상적인 서류발급이라 해도 무방할정도의 실력으로 고객만족과 보안을 최우선시 하는 퍼펙트 강팀과

    함께 여러분들의 고민을 풀어보시길 바랍니다.
    help7979ⓒhotmail.com§(선제작,후결제)

    발빠른 업데이트와 as는 물론이고 사용할때의 요령과 주의사항,

    돌발상황에 대한 대처법을 숙지시켜 드리며 한번 거래로 끝이아닌

    답답한일이 생길때마다 의지할수 있는 사후관리에 더 신경쓰는

    전문 상담,제작업체가 되겠습니다.(선제작,후결제)

    § 메일상담help7979ⓒhotmail.com§

    의뢰인의 대부분이 의뢰전 고민하시는 부분이 비용보다도 안전과 보안

    그리고 법적 불이익을 받게될지도 모른다는 불안등을 가지고 계신걸 잘 알고 있습니다.
    help7979ⓒhotmail.com§

    저희 퍼펙트강팀은 그런부분들까지도 세세한 배려와 적절한 대처방한까지

    메뉴얼화 해서 제공하고 있으니 걱정마시고 상담하시길 바랍니다.

    상담하는데 돈드는거 아니고 불이익 받는거 아닙니다.
    help7979ⓒhotmail.com ▣

    움직이지않고 행동하지않는자,잃는것도 크지않겠지만 얻는것도 없습니다.

    지금 직면한 상황에 좌절하거나 낙담하지말고 적극적으로 움직여서

    위기를 기회로 만드시길 바랍니다.모두 건승하시길~

    ps.문의메일에 연락받으실 번호와 통화가능 시간을 적어주시면 더 신속한
    상담이 이루어 집니다.

    24시간 교대업무로 놓치는 시간없이 진행하오니 시간의 구애받지않고

    상담문의해주세요.새벽4시에도 답 메일 드립니다.
    help7979ⓒhotmail.com ▣



    ■ #졸업장위조#jpt위조#각종신분증위조#주민등록증위조
    ▣ 통장내역위조#잔액증명서위조#국제운전면허증위조#각종고지서위조#각종영수증위조
    ■ 초본위조#토플위조#텝스위조#혼인관계증명서위조#학위증명서위조#생활기록부위조#학생증위조
    ▣ 자격증위조#외국인등록증위조#인감위조#등본위조#가족관계증명서위조
    ■ 운전면허증위조#주민등록증위조#여권위조#토익위조#졸업증명서위조#성적증명서위조
    ▣ 졸업증명서제작#비자서류제작#가족관계증명서제작#
    ■ 대출서류제작 / 외국대학교졸업증명서제작 / 학력증명서제작 /
    ▣ 제적증명서제작 / 재직증명서제작 / 등기부등본제작 /
    ■ 통장거래내역제작 / 졸업증명서 제작 / 비자서류 제작 /
    ▣ 수능성적표 제작 / 고등학교졸업증명서 제작 / 운전면허증 제작 /
    ■ 주민등록증 제작 / 토익성적표 제작 / 운전면허제작 /
    ▣ 졸업장제작 / 수능성적제작 / 주민증제작 / 민증제작
    ▣ 건설사잔액증명위조help7979ⓒhotmail.com


    졸업증명서위조 = 성적증명서위조 = 생활기록부위조 = 최종학력증명서위조

    재학증명서위조 = 검정고시합격증위조 = 수능성적표위조 = 학생증위조

    주민등록증위조 = 운전면허증위조 = 국가기술자격증위조 = 학위증위조

    자동차등록증위조 = 외국인등록증위조 = 통장거래내역위조 = 토익성적위조

    토플위조 = 제적증명서위조 = 인감등본위조 = 인감도장제작 = 여권위조

    대출서류위조 = 납세증명서위조 = JPT.JLPT = 가족관계증명서위조

    혼인관계증명서위조 = 통화내역서위조 = 비자서류위조 = 근로소득원천징수

    재직증명서위조 = 번호판위조 = 병원진단서위조 = 경력증명서위조 = 처방전

    텝스위조=IELTS위조 ◐메일상담help7979ⓒhotmail.com◑

    졸업장위조등 사문서,공문서 원본과 구별