게시판〃(2) 화면 설계 [소스+jsp파일 포함]

이제 다음으로 게시판을 만드는 단계의 스케치 작업이라고 할 수 있죠. 단순 HTML과 자바스크립트로 게시판 목록과 글쓰기, 수정 등등 조금만 공부한다면 만들 수 있는 단계로 틀만 잡아놨습니다. 

솔직히 양심적으로 웹디자이너가 될 생각이 아니기 때문에 HTML과 CSS는 공부할때 비중을 두지 않아서 인터넷에 검색한 것이 많아요. 이해좀 해주시고 그럼 시작합니다.

먼저 이번 포스팅에서는 파일을 어떻게 구성했는지와 시각적으로 보이는 화면을 보여주고 소스를 파일로 첨부할 생각입니다. 소스에 대한 부가 설명은 다음 글부터 하나씩 설명하려고 합니다.  혹시 jsp파일이 필요하신분은 스크롤을 밑으로 쭉 내리시면 다운받으실수 있습니다.

■ 파일 구성

파일은 아래와 같이 프로젝트 폴더에 구성 해봤습니다.

게시판 목록 = Board_List

게시판 글 열람 = Board_View

글 수정 = Board_Update

게시판 글쓰기 = Board_Write  /  게시판 글쓰기 완료 = Board_Write_action

글 삭제 = Board_Delete  /  글 삭제 완료 = Board_Delete_action

답변 = Board_Reply  /  답변 완료 = Board_action 

■ 출력되는 화면 + 설명한 글 Link

- 게시판 목록 [ Board_List ] -

Board_List (HunIt.tistory.com).txt

자세한 설명보기 Link → 〃(2-1) 게시판 목록 [ 살펴보기]

---

- 게시판 글쓰기 [ Board_Write ] -

Board_Write (HunIt.tistory.com).txt

자세한 설명보기 Link →〃(2-3) 글쓰기 / 글삭제/ 답변 [살펴보기]

---

- 게시판 글 읽기 [ Board_View ] -

Board_View (HunIt.tistory.com).txt

자세한 설명 보기 Link → 〃(2-2) 게시글 읽기 / 게시글 수정

---

- 글 수정 [ Board_Update ] -

Board_Update (HunIt.tistory.com).txt

자세한 설명 보기 Link → 〃(2-2) 게시글 읽기 / 게시글 수정

---

- 답변 [ Board_Reply ] -

Board_Reply (HunIt.tistory.com).txt

자세한 설명보기 Link →〃(2-3) 글쓰기 / 글삭제/ 답변 [살펴보기]

---

- 글 삭제 [ Board_Delete ] -

Board_Delete (HunIt.tistory.com).txt

자세한 설명보기 Link →〃(2-3) 글쓰기 / 글삭제/ 답변 [살펴보기]

■ 전체 파일 첨부 (jsp File)

Board (Hunit.tistory.com).zip

마지막으로 만들어 놓은 jsp파일을 알집으로 압축해 놓았습니다. 다음글 부터 각각 소스를 정리해볼게요.