StudyUs (스터디어스)
KH정보교육원
2021.06.15 17:37
삼팔광땡 (디지털컨버전스) 디지털 콘텐츠와 웹 융합 응용SW개발자 양성과정 [종로지원] | |
|---|---|
| 팀장/팀원 | 박**(팀장) : * 설계 : 유스케이스, 클래스, 시퀀스, DB 모델링 * 스터디 카페 * 스터디 카페 목록(카카오맵 API) * 스터디 카페 조회 * 스터디 카페 등록/ 수정/ 삭제 (도로명 주소) * 별점을 포함한 후기 작성 * 메인페이지 * 관리자 페이지 (DataTables) * 회원 관리 * 스터디 관리 * 스터디 카페 관리 * 결제 관리 |
| 김** : * 설계 : ERD, 클래스, 시퀀스, DB 모델링 * 스터디 * 스터디 생성/ 수정 * 스터디 가입 신청 및 수락 * 스터디 해시태그 연동 * 스터디 검색 (해시태그 검색) * 스터디 가입신청 관리 : 스터디 가입신청자 목록 조회, 스터디 가입 승인/거부 * 출석 * 스터디 출석 체크 Insert 로직 * 출석률 산출 : 최근 30일 출석률 조회, 출석률 TOP5 그래프(chart.js) * 채팅 * 웹소켓 실시간 채팅 * 채팅 참여자 확인 * 프로젝트 배포 : EC2 원격 Ubuntu 서버 프로젝트 배포 * 도메인 : Route53 도메인 및 네임서버 연결 | |
| 최** : * 설계 : 유스케이스, 클래스, 시퀀스, DB 모델링 * 스터디 메인 * 최신 공지사항 * 출석 인원 조회, 출석 요일 조회 * 스터디 프리미엄 적용 유무 * 공지사항 * 공지사항 조회, 공지사항 작성/수정/삭제 (SummerNote) * 메인 공지사항 등록/수정 * 최신 공지글 알림 * 스터디 회원 목록 * 스터디 회원 목록 조회(닉네임, 이메일, 과제율, 출석률) * 스터디 회원 추방 * 스터디 출석 확인 * 전체 출석률 조회 * 회원 출석 기록 관리(DataTables) * 프리미엄 결제 (INIpay) | |
| 김** : * 설계 : 와이어프레임, 클래스, 시퀀스, DB 모델링 * 스터디 카페 * 룸설정 * 스터디 카페 예약 * 일정(캘린더) * 전체 스터디 일정 조회 (FullCalendar) * 일정 정보 모달창 * 일정 카테고리별 조회 * 게시판 * 게시글 작성/수정/삭제 (Quill) * 댓글 등록/수정/삭제 (Quill) * 게시글 검색(카테고리별 검색 가능) * 다중 파일 업로드/다운로드 * 무한 스크롤로 게시글 목록 조회 * 과제 * 과제 그룹 조회, 추가/수정/삭제 * 과제, 과제제출 조회, 추가/수정/삭제 * 과제 진행상황 조회(chart.js) * 파일함 * 이미지 파일 조회 * 기타 파일 조회 * 파일 다운로드 * 스터디 게시물 / 댓글 관리 (DataTables) * 관리자 페이지 카페 예약 관리 : 예약 차트, 예약 확인(FullCalendar) | |
| 이** : * 설계 : 플로우차트, 클래스, 시퀀스, DB 모델링 * 로그인 : 소셜 로그인(네이버) * 회원가입(이메일 인증) * 아이디 / 비밀번호 찾기(이메일 인증) * 마이페이지 * 가입한 스터디 목록 * 내 일정 (FullCalendar) * 작성한 스터디 카페 후기 목록 * 내 정보 조회/수정 * 내 결제 정보 조회 | |
| 개요 | 코로나 사태가 계속 이어지면서 함께 만나서 할 수 있는 스터디는 어려운 일이 되었습니다. 하지만 이렇게 사람을 만날 수 없는 시기일수록 함께 공부하거나 자신의 창작에 대한 피드백을 받고 싶어하는 사람들의 욕구도 커져가고 있습니다. 이렇게 함부로 만날 수 없는 사람들의 함께 만나서 공부하고자 하는 스터디 니즈를 충족하고자 ‘스터디어스’를 기획하게 되었습니다. |
| 구현기능 | * 로그인, 소셜 로그인(네이버), 회원가입(이메일 인증), 아이디 찾기(이메일 인증), 비밀번호 찾기(이메일 인증) * 마이페이지 : 가입한 스터디 목록, 내 일정(캘린더), 작성한 스터디 카페 후기 목록, 내 정보 조회/수정, 내 결제 정보 조회 * 스터디 검색 : 해시태그, 해시태그 검색 * 스터디 생성, 스터디 가입 신청 * 스터디 * 메인 : 최신 공지사항, 프리미엄, 출석 인원 조회, 출석 요일 조회, 최근 30일 출석률 조회, 출석 확인, 출석률 TOP5 그래프, 프로젝트 현황 그래프 * 일정(캘린더) : 전체 스터디 일정 조회, 일정 정보 모달창, 일정 카테고리별 조회 * 공지사항 : 공지사항 조회, 공지사항 작성/수정/삭제, 메인 공지사항 등록/수정 * 게시판 : 게시글 작성/수정/삭제, 댓글 등록/수정/삭제, 게시글 검색(카테고리별 검색 가능), 파일 업로드/다운로드 * 과제 : 과제/과제 그룹 조회, 과제 작성/수정/삭제, 과제 그룹 추가/수정/삭제 * 과제 파일함 : 이미지 파일 조회, 기타 파일 조회 * 채팅 : 실시간 채팅, 채팅 참여자 확인 * 출석 확인 : 전체 출석률 조회, 회원 출석 기록 조회(날짜순, 닉네임순 정렬), 회원 출석 기록 검색(날짜별, 닉네임별) * 회원 목록 : 스터디 회원 목록 조회(닉네임, 이메일, 과제율, 출석률), 스터디 회원 추방 * 게시물 관리/ 댓글 관리 : 게시판과 과제 제출 게시물과 댓글 조회, 검색 * 가입신청 관리 : 스터디 가입신청자 목록 조회, 스터디 가입 승인/거부 * 스터디 샵 : 결제 * 스터디 카페 : 스터디 카페 목록, 스터디 카페 조회, 스터디 카페 예약, 후기 작성 * 관리자 페이지 * 회원 관리 : 회원 목록 조회, 회원 삭제, 회원 검색(카테고리별) * 스터디 관리 : 스터디 목록 조회, 스터디 삭제, 스터디 검색(카테고리별) * 스터디 카페 관리 : 스터디 카페 목록 조회, 스터디 카페 등록/삭제, 스터디 카페 정보 수정, 스터디 카페 룸 설정 * 예약 관리 : 스터디 카페 예약 현황, 예약 관리(캘린더), 예약 정보 모달창, 예약 취소 * 결제 관리 : 결제 정보 목록 조회, 결제 정보 검색(카테고리별) |
| 설계의 주안점 | * 회원가입과 비밀번호 재설정에서 mailsender를 통해 인증번호, 임시 비밀번호 발송함 * Apache Commons FileUpload를 통한 파일업로드와 이미지파일은 imgscalr을 이용해 썸네일 생성 * WebSocket을 이용하여 채팅방 및 실시간 채팅 구현 * Lombok을 이용하여 어노테이션 설정으로 간단하게 Domain의 메소드를 생성함으로써 작성 코드를 줄여줌 * Chart.js를 사용해 실시간으로 변경되는 그래프를 구현 * Fullcalendar 라이브러리를 이용한 휴가 현황 및 프로젝트 전체 일정, 모임 일정 캘린더 구현 * 카카오 장소 검색 api를 이용해 관리자 스터디카페 등록시 장소를 지정해 인서트 할 수 있도록 구현 * AJAX를 통해 프로젝트 상세 페이지를 한 페이지에 구현 * INIAPI를 이용해 카카오페이, 네이버 페이, 신용카드 결제 등의 결제 구현 * pdf.js를 통해 pdf 파일 미리보기와 뷰어 구현 * 게시글 페이지와 과제 페이지에서 quill을 사용한 글 작성 페이지 구현 * 공지사항 페이지에서 SummerNote를 사용한 글 작성 페이지 구현 * 도로명주소 API를 사용하여 스터디카페 등록 시 주소 검색 등록 구현 |
| 사용기술 및 개발환경 | Category Detail FrontEnd HTML5, JS, CSS3, JQuery BackEnd Java(JDK 1.8), Servlet, Spring(4.2.4), Mybatis OS Windows OS API, Library MailSender, Apache Commons FileUpload, WebSocket, Lombok, Chart.js, Fullcalendar, Kakaomap, FontAwesome, Gson, Quill, SummerNote IDE Eclipse, VisualStudio Server Amazon EC2 Ubuntu 20.04 LTS, Amazon Route53, Tomcat 8.5 협업도구 Github Database Oracle(11g) |
  | |
목록으로 
댓글쓰기 
0 
