실습 - 게시판 플로우

목록 → 글쓰기 → 디테일 → 목록

목록 → 디테일 → 수정 → 디테일 → 목록

대부분의 게시판에서 이루어지는 게시판 플로우 입니다.

<코드>

list.html : 글 목록 페이지

<html>
    <head>
        <title>list</title>
    </head>
    <body>
        <table width="100%" border="1">
            <tr>
                <td>순서</td>
                <td>제목</td>
                <td>글쓴이</td>
                <td>작성일</td>
            </tr>
            <tr>
                <td>1</td>
                <td><a href="detail.html">HTML 이란</a></td>
                <td>김재승</td>
                <td>2021.01.01</td>
            </tr>
            <tr>
                <td>2</td>
                <td><a href="detail.html">CSS는 뭐지?</a></td>
                <td>김재승</td>
                <td>2021.01.01</td>
            </tr>
            <tr>
                <td>3</td>
                <td><a href="detail.html">테이블 사용하기</a></td>
                <td>김재승</td>
                <td>2021.01.01</td>
            </tr>
            <tr>
                <td>4</td>
                <td><a href="detail.html">폼태그 사용하기</a></td>
                <td>김재승</td>
                <td>2021.01.01</td>
            </tr>
            <tr>
                <td>5</td>
                <td><a href="detail.html">게시판 플로우</a></td>
                <td>김재승</td>
                <td>2021.01.01</td>
            </tr>
        </table>
        <a href="insert.html"><input type="button" value="글쓰기"></a>
    </body>
</html>

detail.html : 글 상세 페이지

<html>
    <head>
        <title>detail</title>
    </head>
    <body>
        <h2>제목 : HTML이란</h2>
        내용 : HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서
        시작되었다.[4][5] 그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한
        HTML 태그들은 CERN 자체의 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았다. 이 요소 중 13개는 HTML 4
        버전에서도 여전히 존재한다.[6] HTML은 동적인 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 1988년
        ISO 기술 보고서 9537 SGML을 이용한 기법에서 찾을 수 있다. 하지만 SGML 개념의 일반적인 마크업은 단지 개별 효과 보다는 요소
        기반이고 또한 구조와 처리의 분리(?)(HTML은 CSS와 함께 이 방향으로 점진적으로 이동해 왔다.) 버너스리는 SGML 응용 프로그램이 되는
        HTML을 고안해야 했고 그것은 공식적으로 IETF(국제 인터넷 표준화 기구)에 의하여 1993년 중반, HTML 규격에 대한 최초의 제안을
        간행물로 정의했다. (버너스리와 덴 콘놀리에 의한 문법을 규정하는 SGML 문서 형식 정의(SGML DTD)가 포함된 "하이퍼텍스트 마크업
        언어(HTML)" 인터넷 초안[7]) 이 초안은 6개월 후 만료된다. 하지만 NCSA 모자이크 브라우저의 인라인 이미지를 내장하는 사용자 정의
        태그의 사례는 주목할 만 했고, 성공적인 프로토타입에 대한 표준을 기반한 IETF의 철학을. [8] 마찬가지로 데이브 라그렛의 경쟁 인터넷
        초안인 "HTML+ (하이퍼텍스트 마크업 포맷)"은 1993년 말에 테이블과 기입양식 같은 요소들을 이미 구현하여 표준화 제안을 했다.[9]
        이후 1994년 초 HTML과 HTML+ 초안은 만료되었고, IETF는 HTML 작업 그룹을 설립해 1995년에 HTML 2.0을 완성한다.
        최초의 HTML의 규격은 미래에 수행될 HTML 표준을 기반으로 간주되는 경향이 있었다.[8]RFC 1996년에 HTML 2.0은 HTML과
        HTML+ 초안의 아이디어가 포함됐다고 발표했다.[10] HTML 2.0 지정은 이전의 초안들로부터 새로운 버전을 구별하기 위해서였다.[11]
        게다가 IETF의 후원하에 개발은 상충하는 이해 관계 때문에 지연되었다. 1996년부터 HTML 규격은 상용 소프트웨어 제작사의 투입으로 월드
        와이드 웹 컨소시엄(W3C)에서 유지해 왔다.[12] 하지만 2000년부터 HTML 또한 국제 표준(ISO/IEC 15445:2000)이
        되었다. 현재 W3C에 의해 발표된 최신 규격은 1999년 말에 발표된 HTML 4.01 권고안이며 2001년에 문제와 오류들이 수정되어 발표된
        안이 최종 승인되었다.
        
        <a href="edit.html"><input type="button" value="수정하기"></a>
        <a href="list.html"><input type="button" value="목록으로"></a>
    </body>
</html>

edit.html : 글 수정 페이지

<html>
    <head>
        <title>edit</title>
    </head>
    <body>
        <form action="detail.html" method="post">
            제목 :
            <input type="text" name="title" placeholder="제목을 입력해주세요" value="HTML이란">
            <br/>
            내용 :
            <textarea name="content" cols="30" rows="5">HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다......</textarea>
            <br/>
            <input type="submit" value="수정하기">
        </form>
    </body>
</html>