---
# System prepended metadata

title: 'B - 데이터 통계화, 추천 시스템'

---

# B - 데이터 통계화, 추천 시스템
> J021_김동준 J029_김범주 J040_김영한 J102_설민욱 S021_박정아 S028_오승민 S038_이세은

## 기획

**개인 푼 문제 내역 데이터 크롤링**
    - 데이터 저장은 편한 방법으로 구현
    - 새로고침 해야 갱신되도록 구현해도 무방

**기준에 따라 문제 추천**
    - 일정 난이도 내 / 많이 안 푼 유형 / 다른 사람들이 많이 푼 문제 / etc..
    - or 본인이 설정한 기준에 따라 문제 추천 + 추천 문제 갯수 설정
    - 일정 간격(사용자가 설정한 간격 ex: 90분, 시간을 정해서 ex 5문제 출제)에 따라 문제 추천하고 알림 보내기
    - (개인 푼 문제 내역 데이터를 참고하여) 이미 푼 문제는 추천에서 제외
    
**추천 문제 성공 / 넘기기 / 실패 버튼 및 기능 구현**
    - 성공 -> 축하합니다 ( 폭죽🎉 터지는 애니메이션)..
    - 실패 -> 따스한 위로 + 다른(난이도가 더 낮은) 문제 추천
    - 넘기기(다른문제로 갱신) -> 다음번엔 더 노력해봅시다.
    
|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766230-52ac9e51-45f9-49ea-829f-0d35f87fff58.png">|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766252-936767da-04fc-4818-8af5-f589efa536a8.png">|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766283-f15396e7-e245-45ec-aac5-9d3156ded18c.png">
|---|---|---|
|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766324-555d3518-0a78-4d94-af8e-1ee3b636cc13.png">|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766345-b3cee4ab-18ca-4245-aec3-7c55517a7031.png">|<img width="200" src="https://user-images.githubusercontent.com/48249505/126766365-6df85160-eb36-4067-bb88-8c113ddec0e7.png">

</br>

## 구현
- **문제 성공 / 넘기기 버튼**
    - 문제 상세 페이지에 성공 버튼과 넘기기 버튼 구현
    - 각 버튼 클릭시 문구 출력
- **사용자가 성공한 문제 저장**
    - 성공 버튼 클릭 시 사용자가 푼 문제로 저장
    - JSON 파일에 `isSolved`변수를 추가 후 1 또는 0 으로 표시
- **필터링 조건 추가**
    - `사람들이 많이 푼 문제를 볼래요` : 푼 사람이 20000명 이상인 문제
    - `푼 문제만 볼래요` 

|버튼 추가된 문제 상세 페이지|성공 버튼 클릭 시|패스 버튼 클릭 시|
|:---:|:---:|:---:|
|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490997-8fe53005-aedf-4436-b965-a2f07fe6d03d.png"/>|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490993-994ae5c0-553b-48b2-a9b7-6cdc226e42aa.png"/>|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490996-0e3ebe13-bfb8-410d-ad86-7d9105e000e5.png"/>|

|필터링 조건 추가|많이 푼 문제 필터링|푼 문제 필터링|
|:---:|:---:|:---:|
|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490991-031a5fdb-47f8-45bf-a235-6dd0b51bac43.png"/>|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490967-fc6cca17-8262-4d71-b64d-530cc9b35bed.png"/>|<img height="400" src="https://user-images.githubusercontent.com/53213397/128490986-6bf76df3-fcf4-48b0-ad75-81464280e3e0.png"/>|

</br>

## 구현 못 한 부분
- **오늘의 추천은 따로 구현하지 않음**
- **다른 사용자들이 많이 푼 문제 추천 불가능**
-> 저장이 불가능함 
-> 2주차에서 넣어둔 데이터 중 `solvedCount`사용
- **타이머...**
-> 본인 타이머 쓰는 걸로 😅



