Skip to content

Spring framework를 활용한 유행어 사전 최종 Repository입니다. (2022)

Notifications You must be signed in to change notification settings

mingulee-devel/Spring_MEME-Dictionary-final

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

MEME DICTIONARY

팀 소개

오히려 좋아
팀원 : 이민선(팀장), 김서윤, 방진기, 신시원, 장승훈

프로젝트 기간

2022년 01월 10일 ~ 2022년 02월 14일

목차

  1. 개요
  2. 설계의 주안점
  3. 사용기술 및 개발환경
  4. 프로젝트 기능 구현
  5. 주요기능
  6. Document



1. 개요

MEME DICTIONARY는 빠르게 변화하는 유행어들을 쉽게 찾아볼 수 있도록 한 유행어 사전으로, 최근 핫했던 '어쩔티비' 를 모르는 사람이 많아 화제가 된 것과 같이 실제로 '무야호'를 몰라 '문찐'이 되어본 경험에서 나온 아이디어이다.

MEME DICTIONARY는 직접 유행어를 만들거나, 이미 유행하고 있는 말을 등록할 수 있고, 빠르게 생겨나고 사라지는 유행어의 흐름도 확인해볼 수 있다.

단순히 유행어 검색 뿐 아니라 유행어 랭킹 및 퀴즈 게임도 함께 즐길 수 있는 다기능 유행어 사전으로 만들고자 하였다.



2. 설계의 주안점

  1. 유행어의 뜻을 쉽게 찾아볼 수 있는 검색창 구현
  2. 자유롭게 이야기를 나누고, 유행어도 직접 추진해볼 수 있는 자유게시판 형태의 커뮤니티 구현
  3. 유행어를 재미있게 접근할 수 있는 유행어 30초 퀴즈 페이지 구성
  4. 타임라인 페이지를 통해 유행어의 역사 확인 가능 (시대별 인기 유행어 리스트)



3. 사용기술 및 개발환경

개발환경

사용기술 및 개발환경
개발 언어 FRONT html5, js, css3
BACK java, Spring/jsp
IDE eclipse, sqldeveloper
SERVER Apache Tomcat 8.5
DB oracle 11g
협업 GitHub



4. 프로젝트 기능 구현

  • 김서윤

    • 유행어 사전

      • 유행어 사전 검색
      • 유행어 사전 등재 요청 (첨부파일)
      • 유행어 사전 수정/삭제 요청
    • 유행어 타임라인

      • 시대에 따른 유행어 조회
  • 방진기

    • 회원 관리
      • 로그인
        • 화면 구현
        • 로그인 기능
        • 아이디 찾기
        • 비밀번호 재설정
      • 마이페이지
        • 내가 쓴 글, 댓글, 퀴즈 관리
        • 회원 정보 수정
        • 회원 탈퇴
        • 로그아웃
      • 관리자페이지
        • 회원 관리
        • 유행어 사전 관리
        • 게시판 관리
        • 퀴즈 관리
  • 신시원

    • 회원 관리
      • 로그인
        • 화면 구현
      • 마이페이지
        • 화면 구현
      • 관리자페이지
        • 화면 구현
    • 유행어 추진/자유게시판
      • 화면 구현
  • 이민선

    • 메인 페이지

      • 화면 구현
    • 유행어 추진/자유게시판

      • 게시글
        • 게시글 목록 및 상세페이지 조회, 등록(첨부파일), 수정, 삭제
        • 게시글 신고 / 추천
        • 관리자 : 게시글 숨기기 / 보이기
        • 비회원은 조회만 허용하며 관리자는 수정 비허용
      • 댓글
        • 댓글 목록 조회, 등록, 수정, 삭제
        • 로그인 시에만 작성 가능
    • 유행어 랭킹

      • 유행어 사전 : 조회 수에 따른 랭킹
      • 유행어 추진 / 자유 게시판 : 추천 수에 따른 랭킹
      • 유행어 퀴즈 : 회원별 맞춘 갯수에 따른 랭킹
      • 페이지 별로 메인 랭킹을 달리 함
  • 장승훈

    • 유행어 퀴즈
      • 30초 랜덤 퀴즈 : 랜덤으로 퀴즈 가져오기(이미지, 객관식 문항)
      • 퀴즈 등록 : 퀴즈 유형에 따라 객관식 문항 등록, 다중 이미지 등록
      • 퀴즈 수정 : 퀴즈 유형에 따라 객관식 문항 수정, 다중 이미지 수정
      • 퀴즈 삭제 : 퀴즈 유형에 따라 객관식 문항 삭제, 다중 이미지 삭제
      • 퀴즈 결과 : 퀴즈와 사용자의 입력값을 가져와 출력 해주고 회원의 최고 기록을 저장
      • 퀴즈 신고 : 잘못된 문제를 신고할 수 있다.

5. 주요기능

1. 메인 페이지

좌측 카테고리 버튼을 통해 다른 페이지로 이동 가능

메인페이지 1

메인페이지 2 토글 목록



2. 유행어 사전

메인페이지에서 유행어 이름을 검색하면 상세 페이지 출력
  • 비회원

유행어 사전 상세

  • 회원 (로그인 상태)

유행어 사전 (검색 시 나오는 상세페이지)_ 로그인상태

'의견 내기'를 통해 수정/삭제 요청

유행어 사전 의견 내기

원하는 유행어가 등록되어 있지 않다면 '직접 등록하기' 버튼을 통해 등재 요청

유행어 사전 새로 등록하기



3. 유행어 추진/자유게시판

게시글 목록페이지에서 제목을 누르면 상세페이지로 이동, 글쓰기 버튼을 누르면 게시글 작성 가능

게시글 목록

게시글 등록

게시글 등록

게시글 상세 페이지, 게시글 수정/삭제 가능, 댓글 등록/수정/삭제 가능

게시글 상세

게시글 수정

게시글 수정 성공

다른 사용자의 마음의 드는 게시글 추천 및 문제 게시글 신고

게시글 추천 가능



4. 유행어 퀴즈

카테고리의 '퀴즈 풀기' 탭을 통해 30초 랜덤 퀴즈 풀이
풀이 중 정답과 오답이 표시되며 우측 상단에 30초 카운트다운

퀴즈 풀기

30초가 지나면 결과창에서 내 풀이와 정답을 확인해볼 수 있으며, 오류가 있는 퀴즈는 신고 가능

퀴즈 결과

퀴즈 신고

'퀴즈 만들기' 탭을 통해 직접 퀴즈 등록 가능

유행어 퀴즈 등록



5. 유행어 랭킹

각 페이지에 맞는 랭킹을 메인으로 출력, 다른 랭킹 탭 클릭 시 해당 랭킹 확인 가능

유행어 사전 (검색 시 나오는 상세페이지)_ 로그인상태

게시글 목록

퀴즈 풀기



6. 유행어 타임라인

시기별로 가장 유행했던 유행어를 한 눈에 보고 해당 유행어 상세 페이지로 이동 가능

타임라인



7. 로그인 기능

로그인 성공 시 메인 페이지로 이동하며, 회원가입, 아이디/비밀번호 찾기 성공 시 로그인 페이지로 이동할 수 있도록 안내
  • 회원가입

회원가입

  • 로그인

로그인

아이디 찾기 결과 해당 정보에 맞는 아이디를 출력

아이디 찾기

아이디 찾기 결과

비밀번호 찾기 결과 해당 아이디의 비밀번호를 재설정 할 수 있음

비밀번호 찾기

비밀번호 재설정



8. 마이페이지

내가 작성한 글의 제목을 누르면 해당 게시글 상세 페이지로 이동하고, 수정 및 삭제 가능

마이페이지 나의 게시글

내가 작성한 퀴즈의 수정 및 삭제 가능

마이페이지 나의 퀴즈

내가 작성한 댓글의 내용을 누르면 해당 게시글로 이동한다.

마이페이지 나의 댓글

회원 정보 수정에서 비밀번호와 이메일 수정 가능

회원 정보 수정

  • 회원 탈퇴

회원 탈퇴



9. 관리자페이지

  • 메인

메인

  • 회원관리

회원관리

  • 유행어 사전

유행어 사전 관리 - 전체

유행어 사전 관리 - 사전 등재 요청

유행어 사전 관리 - 사전 수정 삭제 요청

  • 유행어 추진/자유게시판
    신고된 게시글을 숨길 수 있고, 숨긴 글 목록에서 다시 보이게 설정 가능. 게시글 제목을 누르면 해당 게시글로 이동하도록 구현

게시판 - 전체

게시판 - 신고 글

게시판 - 숨긴 글

  • 유행어 퀴즈
    등록된 퀴즈의 수정 및 삭제 가능

퀴즈 - 전체

퀴즈 -신고된 퀴즈 목록




6. Document

Use Case Diagram

회원관리유행어사전 게시판퀴즈 타임라인랭킹



Wireframe

MEME DICTIONARY - 와이어프레임

회원

이미지이미지 이미지이미지 이미지

이미지이미지 이미지이미지 이미지

이미지이미지 이미지이미지 이미지이미지 이미지

사전 & 타임라인

이미지이미지 이미지이미지

게시판

이미지이미지 이미지이미지 이미지이미지 이미지

퀴즈

이미지이미지 이미지이미지 이미지이미지



Flowchart

사용자

사용자

관리자

관리자



ERD

회원 (논리, 물리)

회원 논리 회원 물리

유행어 사전 (논리, 물리)

사전 논리 사전 물리

유행어 추진 / 자유게시판 (논리, 물리)

게시판 논리 게시판 물리

유행어 퀴즈 (논리, 물리)

퀴즈 논리 퀴즈 물리



테이블 기술서

member_tbl

meme_tblmeme_file, meme_request

board_tblboard_file,recommend_tbl comment_tbl

quiz_tblquiz_file, quiz_ch quiz_best, report_tbl



Class Diagram

회원관리유행어사전 유행어 추진/자유게시판유행어퀴즈 타임라인랭킹



Sequence Diagram

회원 관리

회원관리 : 회원가입회원관리 : 로그인 회원관리 : 아이디 비번 찾기

마이페이지 : 내가 쓴 글마이페이지 : 내가 쓴 댓글 마이페이지 : 내가 만든 퀴즈마이페이지 : 회원 정보 수정 마이페이지 : 회원 탈퇴

관리자 : 회원관리관리자 : 사전관리 관리자 : 게시글관리관리자 : 퀴즈 관리



유행어 사전

이미지이미지이미지



유행어 추진/자유 게시판

게시글리스트상세페이지 게시글 등록게시글 수정 게시글 삭제

 게시글 추천게시글 신고 게시글 숨기기게시글 보이기

댓글 리스트댓글 등록 댓글 수정댓글 삭제



유행어 퀴즈

퀴즈 등록퀴즈 수정 퀴즈 삭제랜덤 퀴즈 퀴즈결과퀴즈신고



유행어 타임라인

타임라인



랭킹

랭킹

About

Spring framework를 활용한 유행어 사전 최종 Repository입니다. (2022)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 46.0%
  • JavaScript 44.7%
  • CSS 9.3%