1. 서비스 개요
2. 주요 기능
3. 기술 스택
4. 서비스 아키텍처
5. 팀 소개
6. ERD
7. 피그마
8. 디렉토리 구조
9. API 명세서
10. 서비스 설명
만화를 통해 일본어 어휘를 자연스럽게 익히도록 돕는 만화 기반의 일본어 학습 플랫폼입니다.
- 다양한 일본어 만화 제공
- 다양한 장르와 난이도의 일본어 만화를 제공합니다.
- 클릭 번역 기능 제공
- 만화를 보면서 모르는 단어를 클릭하면 단어에 대한 설명을 제공하며, 해당 단어를 단어장에 추가할 수 있습니다.
- 학습 기능
- 만화에 등장한 단어 난이도와 사용자의 학습 수준을 고려하여 자동 생성된 문제를 제공합니다.
- 마이페이지
- 만화 뷰어 페이지에서 추가한 단어를 모아 복습할 수 있습니다.
- 해당 단어가 등장한 다른 만화 말풍선의 여러 예문을 통해 학습할 수 있습니다.
| 이름 | 역할 | 개발 내용 |
|---|---|---|
| 정승환 (팀장) | Infra | - CICD 구축 - Jenkins 연결, 파이프라인 작성 - gitlab 연결 - MultiBranch Pipeline을 이용하여 front, back CI/CD 분리 - 도커 구축 - SpringBoot, React, MySQL - Nginx 구축 - HTTPS 적용 - 리버스 프록시 설정 |
| 김재찬 | FrontEnd | - 로그인 및 인증 라우터 구현 - 페이지 UI/UX 디자인 - HOME 페이지 디자인 - CHAPTER 페이지 UI/UX - VIEWER 페이지 UI/UX |
| 김도형 | FrontEnd | UI/UX 디자인 - 메인페이지, 만화 업로드 페이지 구현 - 사용자 학습 데이터 시각화 - d3.js를 통한 망각곡선 그래프 제작 - 파비콘 디자인 - 스크롤 애니메이션 구현 |
| 정연미 | FrontEnd | - UI/UX 디자인 - 퀴즈 페이지 (로딩, 풀이, 결과) - 마이페이지, 단어장 - 메인 페이지 - 초기 프로젝트 생성 및 설계 |
| 양진우 | BackEnd | - SpringBoot 서버 RestAPI 작성 - 데이터베이스 설계 - 사용자 맞춤형 퀴즈 생성 로직 설계 및 구현 - 사용자 실력 측정 로직 설계 및 구현 - 단어 빈도수 기반 난이도 측정 - UI/UX 메인페이지 구현 |
| 최재용 | BackEnd | - 데이터 처리 - 만화 분석 로직 설계 및 구현 - Spring boot API 작성 (회원 관리 및 단어장) - Spring Security를 이용한 사용자 인증/인가 - 만화 분석 페이지 UI/UX |
Frontend
├── apis
├── assets
│ ├── badge
│ ├── images
│ ├── main
│ ├── mainpageimage
│ │ └── mangas
│ └── samples
├── components
│ ├── admin
│ ├── analyze
│ ├── cartoon
│ ├── chart
│ ├── common
│ ├── login
│ ├── main
│ │ └── sampleData
│ └── mypage
├── constants
├── hooks
├── layout
│ └── GlobalLayout
├── pages
│ ├── admin
│ ├── analyze
│ ├── cartoon
│ │ └── manga
│ ├── error
│ ├── login
│ ├── logout
│ ├── main
│ ├── mypage
│ │ └── word
│ └── newmain
├── parts
├── routes
├── stores
├── styles
├── types
│ └── common
└── utils
Backend
├── chapter
├── common
├── cut
├── dictionary
├── ebbinghaus
├── jako
├── manga
├── member
├── parser
├── position
├── quiz
├── security
├── speech
├── utils
├── viewhistory
├── wordbook
├── worddata
├── wordhistory
└── wordlist
- 만화에 대한 내용 제공
- 만화에 나온 단어들을 그래프로 시각화
- 해당 만화에 대한 챕터 목록과 챕터의 난이도 제공
- 만화 제공
- 말풍선 문장에 대한 단어의 뜻 제공
- 단어장에 단어 추가 기능 제공
- 단어와 문장을 읽어주는 스피치 기능 제공
- 만화 챕터를 기반한 실시간 랜덤 문제 생성
- 문제에 대한 힌트 제공
- 문제풀이에 대한 결과 제공
- 자신의 레벨 별 단어장 제공
- 최근 본 만화 목록 제공
- 단어장 난이도 별 단어 개수 시각화
- 내가 푼 퀴즈의 난이도 시각화
- 자신의 학습 단어 망각곡선 시각화
- 학습 단어 망각곡선 설명 제공
