Insider

1. 프로젝트 기본정보

프로젝트명 Insider
대표 이미지
참여인원 5명(오행서, 이아영, 고건우, 허재영, 박주현)
URL http://sysout.co.kr/insider
https://sysout.co.kr/insider
참조한 사이트 틴더 https://tinder.com/ko
인스타그램 https://www.instagram.com/

2. 프로젝트 상세설명

팀원별 역할 및 담당

오행서 : 관리자 페이지, 차단, 신고, 통합 검색, GPS, 동영상 업로드
이아영 : DM페이지, DM 알림, DM 차단, DM파일 업로드
고건우 : 게시글 알림, 게시글 작성, 파일 업로드  
허재영 : 마이페이지, 비밀번호 찾기, 소셜로그인, 친구 추천, 암호화
박주현 : Main Home, 게시물 수정/삭제, 게시물 상세보기 모달

개발환경

개발 도구 : SpringToolSuit4, Visual Studio Code, Sql Developer, DBeaver
개발 언어 : JDK 17, HTML 5, CSS 3, JavaScript ES5
라이브러리 : jQuery 3.6.4, VueJS 3.2.36, axios 0.27.2, lodash 4.17.21, SockJS 1.6.1, font-awesome 6.2, summernote 0.8

저장소 및 UML

프로젝트 상세 설명

내 주변의 회원, 내 주변에서 생성된 게시물, 팔로우한 게시물로 소통할 수 있는 SNS

프로젝트 계정 정보

회원 아이디 : test1@test.com ~ test4@test.com
회원 비밀번호 : Testuser1!
관리자 아이디 : admin@test.com ~ admin2@test.com
관리자 비밀번호 : Testuser1!

관리자 홈페이지

https://sysout.co.kr/insider/admin/

3. 주요 구현 기능

  1. 회원가입 기능
    • 로그인(카카오 소셜로그인)/로그아웃 기능, 회원가입/회원탈퇴 기능
    • 이메일 인증 기능, 비밀번호 암호화, 비밀번호 찾기 기능
  2. 개인정보 수정 및 환경설정
    • 비밀번호 변경, 닉네임 변경, 기타 개인정보 수정 기능
    • 계정 공개 여부 선택 기능(전체, 내가 팔로우, 나를 팔로우, 비공개)
    • 좋아요 표시 여부, 추천회원 및 게시물 반경 설정(km) 및 미리보기 기능, 동영상 자동재생 여부 선택 기능
    • 알림받을 목록 선택 기능, 댓글 허용 대상 선택 기능, 차단관리 기능
  3. 게시물 등록/수정/삭제 기능
    • 이미지 및 동영상 업로드(최대 5개)
    • 댓글/좋아요 허용 여부 설정 기능, 태그 등록 기능
  4. 홈화면 및 게시물 상세보기 기능
    • 게시물 조회/수정/삭제, 댓글/대댓글, 게시물/댓글 신고 및 회원 차단
    • 회원 팔로우 기능, 게시물/댓글 좋아요 기능, 북마크 설정 기능
    • 설정 반경 내 로그인 기록이 있는 회원 추천 기능, 회원 미리보기 기능
  5. 찾기 기능
    • 설정 반경 내 게시물 미리보기(반경 내 게시물이 없는 경우 전체 범위)
    • 태그, 닉네임, 이름으로 검색 기능, 검색 기록 저장/삭제 기능
    • 게시물 상세보기 기능, 더블클릭으로 좋아요 기능
  6. 마이페이지 및 태그페이지 기능
    • 팔로우/팔로워 확인/관리, 신고/차단, 게시물/북마크 미리보기/상세보기
    • 회원 추천 기능
  7. DM
    • 개인/단체 채팅 기능, 메시지 삭제 기능, 이미지 전송 기능
    • 방제목 설정 기능, 최근 메세지 미리보기 기능, 채팅방 알림 기능
    • 안읽은 회원 수 카운트, 좋아요 기능
  8. 알림 기능
    • 타 유저가 팔로우/좋아요/댓글/댓글에 좋아요 시 알림 기능
  9. 관리자 기능
    • 회원 조건검색 기능, 회원 정지 기능
    • 게시물/태그 조건검색 기능, 게시물/태그 관리 기능, 금지어 설정 기능
    • 신고 현황 실시간 모니터링 기능, 신고 항목 관리 기능, 신고 게시물/댓글/회원 처리 기능
    • 로그인/신규가입/게시물/태그/검색기록의 조건별 통계 기능