Skip to content

Latest commit

 

History

History
362 lines (235 loc) · 14.8 KB

README.md

File metadata and controls

362 lines (235 loc) · 14.8 KB
Raw

💻 '슬룹 (S-LOOP)' 스프링 웹 프로젝트

작업중입니다.

INDEX

  1. 개발 환경
  2. 개발 기간 및 작업 관리
  3. 요구사항 명세 및 다이어그램
  4. 구현 기능
  5. 개인 회고

프로젝트 소개

👨‍🏫 그룹 스터디를 개설하여 학습하는 공간

  • 학생들이 스터디 모임을 형성하여 과제를 인증하고, 학업 성취도를 향상하는 데에 도움을 줍니다.

    🔍 특징

    • 스터디 인증 기능을 통해 학생의 공부 과정을 기록합니다.
    • LMS 시스템을 통해 학습을 자기 주도적으로 관리할 수 있도록 도움을 줍니다.

    👉 프로젝트 바로가기



팀원 구성과 역할

김지원 이지연 이창규 차소영 최지혜

@kimg1623
@thegreatjy
@kidchang93
@Eumnya415
@jyeeeh
총괄 리더 개발 리더 일정 리마인더 에디터 백업 리마인더
스터디 그룹 ERD
스터디 그룹 기능
Front-end/Tiles		 게시판 ERD 설계
자유 게시판
과제 게시판		 회원 ERD / 기능
공지 게시판
Spring Security		 댓글 기능
메인(헤더, 푸터) 페이지
Front-end		 공부 인증 게시판
Front-end
코드 백업 및 Git 관리

1. 개발 환경

Back-End




Front-End



Tools



Collaboration


2. 개발 기간 및 작업 관리

개발 기간

전체 개발 기간 : 2024-01-02 ~ 2024-01-19

작업 관리

  • GitHub로 코드 형상관리를 하고, 기능별로 branch를 분리하여 협업을 진행했습니다.
  • Slack을 사용하여 프로젝트 진행상황을 공유하고 Notion에 회의 내용을 기록했습니다.

3. 요구사항 명세 및 다이어그램

👉 각 이미지를 클릭하면 확대되어 자세한 내용을 확인하실 수 있습니다.

요구사항 명세서 https://docs.google.com/spreadsheets/d/15XQPc8gPsYTeBJwkgJXVTgJ6lWjR7C81Wu9y1_1Detg/edit?usp=sharing

서비스 Flow Chart

ER 다이어그램

4. 구현 기능

[ 상단 고정 메뉴 ( Header ) ]

  • 누르면 메인 페이지로 이동시켜주는 로고

image


[ 스터디 그룹 리스트 ]

  • 스터디 그룹 리스트를 초등, 중등, 고등 카테고리로 나누어 소개합니다.
  • 썸네일 카드 형태로 되어 있으며 스터디 제목과 모집 시작일과 마감일, 학년, 과목, 지역이 표시되어 있습니다.

image


[ 스터디 그룹 소개 페이지 ]

  • 학년, 과목, 지역, 모집 마감일, 스터디 시작일과 그룹 소개글을 확인할 수 있습니다.
  • 소개 상세 페이지에서 가입신청을 할 수 있습니다.

[ 스터디 그룹 생성 ]

  • 회원 로그인을 한 뒤에 스터디 그룹 생성 버튼이 나타납니다.
  • 스터디 그룹이 생성되면, 생성한 회원은 관리자가 됩니다.
sloop-group-register.mp4

[ 스터디 그룹 가입 신청 ]

  • 스터디 그룹 소개 페이지에서 스터디 정보를 확인하고 가입신청을 할 수 있습니다.
  • 가입신청이 완료되면 마이페이지에서 확인이 가능하며, 해당 스터디의 리더가 승인을 해주면 그룹 LMS에 입장이 가능합니다.
sloop-group-mypage.mp4

[ 마이 페이지 ]

  • 회원 로그인시 헤더에서 닉네임을 클릭하면 마이 페이지가 나타납니다.
  • 마이 페이지에서는 내가 가입한 스터디 그룹을 확인하고, 내 정보를 수정할 수 있습니다.

[ 댓글 기능 ]

  • 게시글에 댓글을 작성할 수 있습니다.
  • 댓글 작성 후에 댓글을 수정하고, 삭제할 수 있습니다.
댓글이 없을 때 댓글이 있을 때
image image

[ 회원 가입 ]

  • 회원 가입을 하면 DB의 member 테이블에 입력 받은 정보를 저장합니다.
  • 회원가입 성공 후 로그인 화면으로 이동합니다.
회원가입 폼
(슬룹)회원가입폼
회원가입필수입력값제외시
(슬룹)회원가입필수입력값제외시
회원가입이메일중복검사
(슬룹)회원가입이메일중복검사
회원가입이메일중복검사
(슬룹)회원가입이메일중복검사2
회원가입이메일중복검사
(슬룹)회원가입이메일중복검사3
회원가입이메일중복검사
(슬룹)회원가입이메일중복검사4
회원가입이메일중복검사
(슬룹)회원가입이메일중복검사5
회원validation
(슬룹)회원validation1
회원가입백엔드코드
(슬룹)회원가입백엔드코드1
회원가입시비밀번호암호화
(슬룹)회원가입시비밀번호암호화
회원가입성공
(슬룹)회원가입성공

[ 로그인 ]

  • 회원가입 시 제출한 이메일과 패스워드를 입력합니다.
로그인 폼
로그인 이메일 유효성 검사
(슬룹)로그인이메일유효성검사
로그인실패
(슬룹)로그인실패
로그인컨트롤러
(슬룹)로그인컨트롤러
로그인성공
(슬룹)로그인성공

[ 하단 고정 로고 ( Footer ) ]

  • 팀 회의록(Notion)과 팀 GitHub로 이동합니다.

image


[ 자유 게시판 ]

  • CKEditor4 위즈윅 에디터를 사용하여 다양한 편집을 제공합니다.
  • 에디터를 통한 파일 업로드 시, jpg, jpeg, gif, png의 파일 확장자이고, 10MB 이하의 이미지만 첨부가 가능합니다.
-.2.5.mp4

[ 과제 게시판 ]

  • Commons FileUpload를 사용하여 파일 업로드를 구현하였습니다.
  • xls,xlsx,txt,png,jpg,jpeg,html,htm,mpg,mp4,mp3,pdf,zip 확장자이고, 25MB 이하의 파일만 첨부가 가능합니다.
default.mp4

[ 공지사항 게시판 ]

  • 공지사항 게시판 입니다.
공지사항
공지사항글쓰기
(슬룹)공지사항글쓰기
공지사항글작성시부모테이블에도삽입
(슬룹)공지사항글작성시부모테이블에도삽입
공지사항상단고정
(슬룹)공지사항상단고정
(슬룹)공지사항상단고정1
(슬룹)공지사항상단고정해제
(슬룹)공지사항상단고정해제후리스트
공지사항글리스트쿼리문
(슬룹)공지사항글리스트쿼리문
공지사항글삭제
(슬룹)공지사항글삭제

[ 공부인증 게시판 ]

  • 3x3 앨범형 게시판으로 png, jpg, jpeg, gif 파일 확장자만 추가 가능합니다.
글쓰기 폼 첨부파일 추가 후 리스트
3 4 5