목차

1. 게시판CRUD

   1. List
   2. Create
   3. Read
   4. Update / Delete
   5. Pagination
   6. 검색
   7. 조회수

2. 게시글 댓글

   1. 댓글등록
   2. 댓글삭제

3. 파일 업로드

   1. 파일,사진 등록
   2. 파일,사진 삭제
   3. 사진 확대

개발목적

Spring의 기본을 닦기위해서

1.게시판CRUD

2.댓글

3.파일

업로드에 관한 웹서비스를 만들었다.

기술 및 Version

Tool	Version
Java	1.8.0_261
Spring	5.0.7.RELEASE
Oracle DB	11g
Apache Tomcat	9.0

ERD

---

How To Use

게시판CRUD

1. List

1. 번호, 제목, 작성자, 등록일, 수정일, 조회수를 보여줌 / 제목 클릭시 board/get?bno='value'로 이동
2. board/register -> 게시물 작성으로 이동
3. pagination으로 페이징 처리
4. Title, content, writer을 이용해서 게시물 검색

2. Create

1. 제목/내용/작성자를 입력하면 게시글 작성
2. 목록으로 이동시 pageNum과 amount값을 get으로 이동 -> 전에 보던 페이지 그대로 이동
3. 게시글 작성중 초기화 버튼으로 초기화

3. Read

1. 목록으로 이동시 pageNum과 amount값을 get으로 이동 -> 전에 보던 페이지 그대로 이동
2. /board/modify && delete ? bno = 'value'로 이동

4. Update / Delete

1. 수정버튼 클릭시 post방식으로 제목과 내용 전달되어 수정됨
2. 목록으로 이동시 pageNum과 amount값을 get으로 이동 -> 전에 보던 페이지 그대로 이동
3. 삭제버튼 클릭시 get방식으로 delete로 전달되어 게시물 삭제

5. Pagination

1. << 버튼 클릭 시 /board/list로 이동(첫페이지)
2. Previous는 이전으로 돌아곳이 없으면 없어지고 있으면 보여지게된다.
3. Next는 다음으로 넘어갈 곳이 있으면 생기고 없으면 없어진다.

6. 검색

1. 검색 조건을 줄 수 있다.
2. 검색 키워드를 입력 후 검색하면 조건과 조합되어 검색된다.

7. 조회수

게시글의 Title 클릭시 조회수 + 1

게시글 댓글

1-1. 댓글등록1

1-2. 댓글등록2

1-3. 댓글등록3

1-4. 댓글등록4

1-5. 댓글등록5

게시글로 들어간 후 댓글쓰기를 클릭한다(1-1)

댓글쓰기를 누르면 Modal창이 뜬다(1-2)

Modal창에 Reply와 Replyer를 입력한다.(1-3)

후 등록버튼을 클릭하면 alert창이 뜨면서 댓글입력성공을 알려준다.(1-4)

게시글 하단 댓글창에 댓글입력된 것을 확인할 수 있다.(1-5)

2-1. 댓글수정/삭제

2-2. 댓글수정/삭제

2-3. 댓글수정/삭제

게시글에 등록된 댓글을 클릭한다(2-1)

Reply-Modal창에서 수정/삭제을 확인할 수 있다.(2-2)

Reply자체는 수정이 되고 Replyer은 Read-only상태여서 수정불가 / 삭제를 누르면 댓글이 삭제된다(2-3)

파일 업로드

1. 파일업로드

게시글에 등록 시 파일선택을 클릭하여 파일/사진을 등록할 수 있다.

사진은 썸네일로 표시되고 파일은 미리 지정해 놓은 사진으로 표시된다.

2. 업로드파일삭제

파일이 등록되면 파일 옆에 'X' 표시가 생긴다.

'X' 표시 클릭시 파일은 삭제된다.

3-1. 업로드파일(사진)확대

3-2. 업로드파일(사진)확대

파일/사진이 등록된 게시글에서 사진을 클릭하면

사진이 확대되어서 보여진다.

확대된 사진을 다시한번 클릭하면 점진적으로 축소된 후 사라진다.