게시판〃(13) 완성!! 출력 화면과 영상

드디어 기다리고 기다리던 게시판이 완성되었습니다. 게시판을 만들면서 모르는 부분은 검색을 하면서 노력했던게 엊그제 같은데 어느새 완성이 되다니 정말 뿌듯합니다. 비록 게시판 하나만 만들어봤지만 여기서 안주하지 않고 더욱 공부해서 권한 설정을 추가해 관리자 모드를 만들어 보고 싶습니다. 

그래서 지금까지 완성된 게시판은 절대 최종 완성은 아니며 더 개념적인 이론부분을 공부해서 기능을 추가하거나 회원가입을 먼저 만들고 홈페이지에 게시판을 넣는 방식으로 꾸려나갈 생각입니다. 

이번 포스팅에서는 출력된 화면과 영상을 첨부하도록 할게요. 

■ 게시판 만들기 프로젝트에 사용된 기능

■ 화면폼 (글쓰기 / 글읽기 / 글수정 / 답변 )

화면폼은 애니매이션 파일로 올려서 3초간격으로 바뀝니다. 차례대로 글쓰기 / 글읽기 / 글수정 / 답변의 모습입니다. 기초적인 CSS만 알기 때문에 디자인에 문제가 많습니다^^

■ 기술이 구현된 화면

① 메인화면입니다. 

전체 게시물수 〃    (1 / 10 페이지)    〃 1234 [다음4개] 

위 3개의 페이징 처리기능이 들어가 있습니다. 

② AJAX를 이용한 미리보기 구현화면입니다.

제목에 마우스를 올리면 본문 내용이 우측하단에 표시되며

마우스가 제목에서 벗어나면 사라집니다.

③ 검색기능입니다.

이름 / 제목 / 내용 3가지의 콤보상자 중 하나를 골라

텍스트 상자에 단어를 넣어 검색할 수 있습니다.

또한, 게시물을 보고 목록으로 돌아가면 검색된 페이지가 유지 됩니다.

④ 답변기능입니다.

답변을 할 경우 답변 알고리즘에 의해 글 바로 아래쪽에 배열이 됩니다.

추가로 답변의 글들은 Depth값을 이용하여 자동으로 들여쓰기가 적용됩니다.

⑤ 삭제기능입니다.

글을 삭제할때는 글쓰기에 작성했던 비밀번호와 일치해야 하고,

공백을 입력하거나 비밀번호가 다를시 오류메시가 뜹니다.

또한, 비밀번호가 일치해도 내부 프로그래밍의 충돌이나 DataBase의 오류가 나면

JAVA단에서 오류메시지가 출력됩니다.

■ 실행 영상

마지막으로 영상을 찍은 모습입니다. 초기에 완성하자마자 찍은거라 이번 포스팅의 사진과는 날짜가 다르고 게시물 제목이 다르지만 이렇게 구현이 가능하다라는것을 보여드리기 위해 올렸습니다. 아직 초보 개발자라 2달이라는 시간이 걸려 이렇게 완성했지만 나중에는 속도가 빨라질거라 믿고 스프링 업그레이드 게시판은 여기서 마치겠습니다. 다음은 언제가 될지 모르겠지만 공부를 하고 권한설정과 회원가입등을 완성하고 정리해볼게요.