📍Chunjae Project 03

천재교육 풀스택 JAVA 과정 2기 3차 팀 프로젝트 _ 티스푼 페이지

🖥️ 프로젝트 소개

"teaspoon" 이라는 학부모 교육 커뮤니티 사이트입니다.

🕰️ 개발 기간

• 23.09.04일 - 23.09.22일
  
  

🧑‍🤝‍🧑 멤버구성

팀장 : 김이호

• 화면설계서 작성
• 시퀀스 다이어그램 작성
• 자료실 기능 구현
  • 파일첨부 기능 구현
  • 관리자 페이지 자료실 관리 기능구현
  • 페이징 처리 기능 구현
• 마이페이지
  • 본인확인 기능 구현
  • 나의 정보 수정 기능 구현
• 뉴스 크롤링 기능 구현
• 페이징 처리 기능 구현
• 로그인 화면 제작
• 관리자 페이지 화면 제작

팀원 : 김보경

• 시퀀스 다이어그램 작성
• 요구사항정의서 작성
• 사이드바 기능 구현
• QNA 기능 구현
  • 관리자 페이지 미답변 질문글 관리 기능 구현
• 이벤트 당첨 구현
  • 이벤트 추첨 기능 구현
  • 당첨자 발표 기능 구현
  • 당첨자 익명처리 기능 구현
• 메인페이지 화면 제작

팀원 : 김현경

• usecasediagram 작성
• WBS 작성
• 공지사항 기능 구현
• FAQ 기능 구현
• 이벤트 기능 구현
  • 이벤트 신청 기능 구현
• 관리자 페이지 회원관리 기능 구현
• 로그인 기능 구현

팀원 : 신예은

• 커뮤니티 기능 구현
  • 검색 기능 구현
  • 페이징 처리 기능 구현
  • 욕설 필터 기능 구현
  • 커뮤니티 관리 기능 구현
• 출석체크 기능 구현
• 회원 기능
  • 로그인 아이디 기억하기 기능 구현
  • 회원가입 기능 구현
• 관리자페이지
  • 관리자 페이지 화면 제작
  • 통계페이지 기능 구현
  • 방문자수, 포인트 기능 구현
• 메인페이지 화면 제작

⚙️ 개발 환경

✅FRONTEND :

✅BACKEND :

✅DATABASE :

✅Server :

---

⚒프로젝트 설계

📂개념적 설계 (USECASE DIAGRAM)

📂DATABASE - 테이블 ERD

📂DATABASE - 테이블 구현

MEMBER

NOTICE

QNA

FAQ

COMMUNITY

COMMENT

CATEGORY

FILEBOARD

FILEINFO

FILTERWORD

ATTENDANCE

APPLY

EVENT

WINNER

WINNERLIST

📂CLASS DIAGRAM

📂시퀀스 다이어그램 (Sequence Diagram)

회원

관리자

교육뉴스

공지사항

QnA

FAQ & HOME

커뮤니티

댓글

자료실

이벤트

이벤트 신청

당첨자

📎기능 구현

🗂 메인 페이지

• 사이드바
  

🗂 회원 기능

1. 로그인

• DB값 검증
• 로그인 시 쿠키(Cookie) 및 세션(Session) 생성
• 로그아웃
• 아이디 저장

2. 회원가입

• 주소 API 연동
• ID 중복 체크
• 비밀번호 유효성 검사
  

🗂 마이페이지

1. 본인확인

2. 회원 정보 수정

• 주소 API 연동
• 회원정보 변경
• 탈퇴 기능 구현
• 로그인시 방문 횟수 증가
  

🗂 관리자페이지

1. 대시보드

• 회원 수, 전체 게시글, 이벤트 참여자 수, 미완료 질문글 수 출력
• 현재 진행 중인 이벤트 랜덤으로 6개 출력
• chart.js를 활용하여 비동기 방식으로 차트 출력

2. 회원 관리

• 전체 회원 목록 출력
• 강퇴 버튼을 눌러 회원 강퇴 가능

3. 필터링단어 관리

• 커뮤니티에서 필터링할 단어 추가 및 삭제 구현
• 현재 추가된 필터링 단어 목록 출력

4. 커뮤니티 관리

• 필터링 단어가 포함되어 있는 게시글 목록 출력
• 삭제 버튼을 눌러 커뮤니티 게시글 강제 삭제 가능

5. 자료실 관리

• 자료실에 등록된 글 목록 출력
• 삭제 버튼을 눌러 자료실 글 강제 삭제 가능
  

🗂 자료실

• CRUD
• 관리자: 자료실 등록[다수의 파일 첨부 가능], 자료실 글[파일 포함] 수정, 자료실 글 삭제 가능
• 회원: 자료실 글 상세 보기만 가능
  

🗂 뉴스

• 뉴스 크롤링 기능 구현
• 뉴스 클릭시 해당 뉴스 링크로 이동
  

🗂 이벤트

1. 이벤트 관리

• CRUD
• 관리자: 이벤트 등록[파일 첨부], 이벤트 글 수정, 이벤트 글 삭제
• 회원: 이벤트 글 상세보기만 가능

2. 이벤트 신청

• 한번 신청한 회원 중복 신청 방지 구현
• 한 회원이 여러 이벤트 신청 가능하도록 구현
• 비로그인시 이벤트 신청 버튼 안보이도록 구현
  

🗂 이벤트 당첨

1. 이벤트 신청자 목록

• 관리자 : 이벤트 신청자 목록 확인
• 추첨하기 링크로 이동

2. 이벤트 당첨

• 랜덤으로 원하는 당첨자수 선정하도록 구현
• 추첨 후 당첨자 발표글에 당첨자 익명 처리 구현
• 당첨자 발표글 클릭시 당첨자만 폭죽 효과 나오도록 구현
  

🗂 출석체크

• 비로그인 시 로그인 페이지로 이동
• 출석체크 클릭 시 달력의 오늘 날짜에 스타일 변경 및 포인트 획득 창 출력
• 출석체크 시 10부터 100까지 10단위의 랜덤한 숫자의 포인트 획득 가능
• 출석체크 데이터와 추가된 포인트 데이터를 DB에 INSERT
  

🗂 커뮤니티

1. 커뮤니티

• 커뮤니티 게시글 작성, 읽기, 수정, 삭제 구현
• ckEditor를 활용하여 HTML 태그를 저장함으로써 게시글 내용을 자유롭게 작성 가능
• Page util 생성하여 페이징 기능 구현
• 커뮤니티의 카테고리 동적 구현

2. 댓글

• 댓글 작성, 삭제 구현
• 댓글 페이징 처리
• 비로그인시 댓글 작성 폼 비활성화
• 게시글 작성자와 관리자만 게시글 수정, 삭제 가능
  

🗂 FAQ

• FAQ 글 목록 화면 및 기능 구현
  

🗂 공지사항

• 관리자만 공지사항 글 쓰기, 수정, 삭제 가능하도록 구현
• 회원은 공지사항 글 상세 보기만 가능하도록 구현
  

🗂 Q & A

1. 비로그인 및 회원 로그인 시

• 비로그인 시 Q & A 목록만 확인 가능하도록 구현
• 회원 로그인 시 질문글만 작성 가능
• 질문글을 작성한 사용자만 글 수정, 삭제 가능
  

2. 관리자 로그인 시

• 관리자 로그인 시 전체 게시글 CRUD 가능하도록 구현
• 관리자 페이지에서 미답변 질문 글 목록을 확인 후 바로 답변할 수 있도록 구현