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

작업중입니다.

INDEX

• 프로젝트 소개
• 팀원 구성과 역할

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

프로젝트 소개

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

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

  🔍 특징

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

  👉 프로젝트 바로가기

  GitHub	Notion 팀회의록	최종발표자료

팀원 구성과 역할

김지원	이지연	이창규	차소영	최지혜
@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 ) ]

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

[ 스터디 그룹 리스트 ]

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

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

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

[ 스터디 그룹 생성 ]

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

sloop-group-register.mp4

[ 스터디 그룹 가입 신청 ]

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

sloop-group-mypage.mp4

[ 마이 페이지 ]

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

[ 댓글 기능 ]

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

댓글이 없을 때	댓글이 있을 때

[ 회원 가입 ]

• 회원 가입을 하면 DB의 member 테이블에 입력 받은 정보를 저장합니다.
• 회원가입 성공 후 로그인 화면으로 이동합니다.

회원가입 폼
회원가입필수입력값제외시
회원가입이메일중복검사
회원가입이메일중복검사
회원가입이메일중복검사
회원가입이메일중복검사
회원가입이메일중복검사
회원validation
회원가입백엔드코드
회원가입시비밀번호암호화
회원가입성공

[ 로그인 ]

• 회원가입 시 제출한 이메일과 패스워드를 입력합니다.

로그인 폼
로그인 이메일 유효성 검사
로그인실패
로그인컨트롤러
로그인성공

[ 하단 고정 로고 ( Footer ) ]

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

[ 자유 게시판 ]

• 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

[ 공지사항 게시판 ]

• 공지사항 게시판 입니다.

공지사항
공지사항글쓰기
공지사항글작성시부모테이블에도삽입
공지사항상단고정
공지사항글리스트쿼리문
공지사항글삭제

[ 공부인증 게시판 ]

• 3x3 앨범형 게시판으로 png, jpg, jpeg, gif 파일 확장자만 추가 가능합니다.

글쓰기 폼	첨부파일 추가 후	리스트