<aside> 💡 전체 기능 ( == 담당 기능 )

1. 게임 페이지
2. 로그인
3. 게시판 a. 게시판 목록 검색 b. 게시판 상세 조회 i. 좋아요 ii. 신고 iii. 댓글 삭제
4. 신고 게시판 a. 신고 처리 b. 신고 게시판 검색 c. 더 보기
5. 랭킹 a. 조회 b. 더 보기
6. 회원 목록 a. 조회 b. 관리자 기능
7. 내 정보 관리 a. 내 정보 조회 b. 이름 수정 c. 비밀번호 수정 d. 프로필 업로드 e. 회원 탈퇴
8. 회원 가입 a. 중복 확인 b. 이메일 인증
9. 약관 동의
10. 게임 목록

</aside>

게시판 목록 기능 구현

1. 게시글 제목, 작성자, 게시글 내용+제목으로 조건을 설정하여 검색 기능 구현
   • List<Board> 객체를 생성 후 조건에 따른 SQL문 실행한다.
   • SQL문은 2가지로 나누어서 연결 시켜 가운데 condition에 원하는 검색 조건 구문을 작성하여 처리한다.
2. 각 항목 클릭 시 해당 게시글 카테고리로 이동
   • 게시글이 있으면 해당 카테고리에 맞는 게시글 모든 목록 노출(최대 10개)된다.
   • 게시글이 없으면 “작성된 게시글이 없습니다” 문구 화면 노출된다.
   • categoryNo로 분류하여 새로운 URL주소를 할당한다.
3. 게시글 클릭 시 해당 게시글 상세 페이지 이동
   • boardNo로 분류하여 새로운 URL주소를 할당한다.
4. 게시글 작성 “boardWrite”를 주소 뒤에 더하여 페이지 이동
   • 로그인 시에만 사용 가능, 클릭할 경우 “로그인 후 이용해주세요.” 문구 Alert 노출된다.
5. 게시글 다음/이전, 처음/마지막 페이지 이동
   • 현재 주소 뒤 “cp=?” “?”에 번호를 붙여 해당 페이지마다 동기 처리로 요청한다.

게시판 상세 기능 구현

1. 게시글 목록, 수정 및 삭제
   • 본인이 작성한 게시글 한에서 문구 노출되며 새로운 URL주소를 가져와 페이지 이동한다.
   • JS를 이용하여 해당 주소에서 boardNo와 cp값을 가져와 새로운 주소를 만들어 게시글 목록으로 페이지 이동한다.
   • 본인이 작성한 게시글 한에서 문구 노출되며 새로운 URL주소를 가져와 페이지 이동한다.
   • 게시글 수정에 XSS핸들링을 만들어 띄어쓰기, 개행문자, html문법 등이 제목과 내용에 들어가면 안되어 처리한다.
   • 이미지를 넣는 영역을 클릭하면 이미지를 넣을 수 있는 팝업창이 노출이 되며, 데이터베이스에는 이미지 주소 경로를 저장해야 하기 때문에 int값(update, insert)으로 자료형을 선언하여 return으로 전달하여 처리한다.
2. 좋아요 기능으로 해당 회원의 좋아요 판단 여부
   • 본인이 작성한 게시글 한에서 문구 노출한다.
   • 로그인한 회원의 좋아요 판단 : DB에 int로 결과를 가져올 수 있는 select count로 조회하여 값을 판단한다.
   • 클릭했을 경우 각 insert와 delete하여 즉시 처리되며 좋아요를 눌렀을 경우 이미지가 채워지고, 변동 실행한다.

게시글 댓글 기능 구현 ( 1 )

1. 댓글 작성/수정
   • 본인 작성한 댓글만 노출됨
   • 비동기 AJAX 요청하여 해당 부분만 데이터 정보를 가져올 수 있게 처리하고 작성버튼은 JS로 주소 처리함
   • webServlet으로 /reply/라는 주소를 앞에 고정 처리하고 create, update 처리함