📼 R=VD vol.2

$$R_{ec}=V_oD$$

📚 Contents

🏆️ 프로젝트 소개
🏵️ 프로젝트 결과물
🗓️ 프로젝트 수행 기간
🛠 기술 스택
🙋🏻‍♂️🙋🏻‍♀️ 팀 소개
🔍 요구사항 정의서
🏛️ 전체 서비스 아키텍처
📺 모델 설명
🦅 ERD 다이어그램
🌱 사용자 요청 흐름도
🗒 API 명세서
👉🏻 화면 및 시연 영상
🌈 상세 기능 설명
🎞 회고

🏆️ 프로젝트 소개

LG Hellovision 의 신규 고객 유입 및 기존 셋탑박스 사용 유저의 고객 이탈 방지를 위한
시청 기록 기반 vod 추천, 평점 및 리뷰 검색 서비스

목적
1. 셋탑박스 개인화
2. 추천 다양화
3. 숏필름 및 신규 유저 추천 제공
4. 사용자 경험 및 고객 만족도 극대화
5. 트렌드에 알맞은 UI구성

🏵️ 프로젝트 결과물

프로젝트 보러 가기

🗓️ 프로젝트 수행 기간

2023.10 ~ 2023.12 (10주)

🙋🏻‍♂️🙋🏻‍♀️ 팀 소개

김도현	김수정	김지민	김한경	박효심	송준호

Data Analysis	Data Analysis	Back-end CI/CD	Front-end	Front-end Back-end	Data Analysis
-	-	-	-	-	-

🔍 요구사항 정의서

구분	요구사항 명	상세 기능	중요도
사용자	회원가입	- 아이디 중복 체크 - 비밀번호 길이 및 아이디와의 유사도 체크 - 이메일 인증을 통한 회원가입	상
사용자	로그인	- 가입되지 않은 이메일 체크 (알림창) - 올바르지 않은 암호 체크 (알림창)	하
사용자	회원 정보 수정	- 프로필 사진 변경 - 셋탑번호 변경 - 비밀번호 변경	하
사용자	로그아웃	- 로그아웃 기능	상
사용자	회원탈퇴	- 알림 팝업으로 한번 더 확인 후 회원 탈퇴	하
사용자	신규유저 콘텐츠 선택	- 셋톱박스 번호가 없는 신규 유저일 시 선택 페이지 노출 - 추천알고리즘을 위한 카테고리 5개 → 콘텐츠 5개 선택	중
메인	예고 영상	- 메인화면 상단에 예고 영상 노출 - 소리 On/Off 및 + 아이콘으로 디테일 페이지로 이동	중
메인	추천 노출	- 셋톱박스 유무에 따라 다른 추천 노출 - 이미지 슬라이더로 넘길 수 있도록 - 시즌 별 추천은 시즌을 시각화할 수 있도록	중
추천	신규 유저 추천	- 처음 선택한 VOD로 신규유저를 위한 추천 노출 - 인기 TOP5 노출	상
추천	기존 유저 추천	- 시청 및 클릭 로그를 기반으로 추천 노출	상
추천	공통 추천	- 평일 및 주말 여부 판단 후 시간대 별 추천 - 시즌 별 추천 - 위시리스트 기반 추천	상
콘텐츠	인기 TOP 5	- 콘텐츠 별 인기 TOP5 노출	중
콘텐츠	카테고리 버튼	- 카테고리 별 인기 TOP1 VOD 이미지로 카테고리 버튼 - 카테고리 버튼 클릭 시 세부 카테고리로 이동	하
콘텐츠	컨텐츠 정렬	- 이름순, 인기순, 랜덤 순으로 정렬 - 포스터 이미지 클릭 시 디테일 페이지로 이동	상
콘텐츠	숏필름	- 숏필름 슬라이더 노출 - 소리 On/Off 및 제목 클릭 시 디테일 페이지로 이동	상
검색	검색창 검색	- 검색아이콘 클릭 시 검색창 페이지로 이동 - 제목, 초성, 인물로 검색 가능	상
검색	인물로 검색	- 디테일 페이지 내 인물 클릭 시 인물 검색 결과로 이동	하
위시리스트	위시 추가	- 디테일 페이지 내 위시추가 버튼으로 위시리스트 추가	상
위시리스트	위시 삭제	- 디테일 페이지 내 위시삭제 버튼으로 위시리스트 삭제	상
위시리스트	위시 확인	- 마이페이지 내 위시리스트 칸에서 총 건수 및 포스터 이미지 확인 - 포스터 이미지 클릭 시 디테일 페이지로 이동	하
리뷰	리뷰 작성	- 디테일 페이지 내에서 리뷰 및 평점 작성 - 리뷰는 한 컨텐츠에 1개만 작성 가능	상
리뷰	리뷰 수정 및 삭제	- 마이페이지 내에서 리뷰 수정 및 삭제 가능 - 포스터 이미지 및 제목 클릭 시 디테일 페이지로 이동	중
리뷰	평점	- 리뷰들의 평점으로 평균 점수를 디테일 페이지에 노출	중

🛠 기술 스택

FrontEnd

BackEnd

DataAnalysis

CI/CD

협업 툴

🏛️ 전체 서비스 아키텍처 (CI/CD)

디렉토리 구조

Front-End Directory

┣ public
 ┃  ┣ favicon-96x96.png
 ┃  ┣ favicon.ico
 ┃  ┣ index.html
 ┃  ┣ kakao.png
 ┃  ┣ logo192.png
 ┃  ┣ logo512.png
 ┃  ┣ manifest.json
 ┃  ┗ robots.txt
 ┣ src
 ┃  ┣ api
 ┃  ┃  ┗ ApiService.js
 ┃  ┣ components
 ┃  ┃  ┣ Modal
 ┃  ┃  ┃  ┣ ModalChangeinfo.js
 ┃  ┃  ┃  ┣ ModalChangeinfo.module.css
 ┃  ┃  ┃  ┣ ModalProfile.js
 ┃  ┃  ┃  ┗ ModalProfile.module.css
 ┃  ┃  ┣ ArrowBtn.js
 ┃  ┃  ┣ Button.js
 ┃  ┃  ┣ CategoryBtn.js
 ┃  ┃  ┣ DarkButton.js
 ┃  ┃  ┣ Dropdown.js
 ┃  ┃  ┣ GoogleButton.js
 ┃  ┃  ┣ Helload.js
 ┃  ┃  ┣ Input.js
 ┃  ┃  ┣ KakaoButton.js
 ┃  ┃  ┣ MiniSlide.js
 ┃  ┃  ┣ Modal.js
 ┃  ┃  ┣ MyReview.js
 ┃  ┃  ┣ MyWish.js
 ┃  ┃  ┣ NaverButton.js
 ┃  ┃  ┣ Rank.js
 ┃  ┃  ┣ RecMiniSlide.js
 ┃  ┃  ┣ Related.js
 ┃  ┃  ┣ Review.js
 ┃  ┃  ┣ ScrollonTop.js
 ┃  ┃  ┣ ShowData.js
 ┃  ┃  ┣ ShowRec.js
 ┃  ┃  ┣ Snow.js
 ┃  ┃  ┣ SortData.js
 ┃  ┃  ┣ Spinner.js
 ┃  ┃  ┣ Star.js
 ┃  ┃  ┣ Streaming.js
 ┃  ┃  ┣ Top5.js
 ┃  ┃  ┗ ViewReview.js
 ┃  ┣ hook
 ┃  ┃  ┣ useCategory.js
 ┃  ┃  ┗ useDebounce.js
 ┃  ┣ layout
 ┃  ┃  ┣ BeforeHeader.js
 ┃  ┃  ┣ Footer.js
 ┃  ┃  ┣ Header.js
 ┃  ┃  ┣ MainLayout.js
 ┃  ┃  ┗ SubLayout.js
 ┃  ┣ page
 ┃  ┃  ┣ tmp
 ┃  ┃  ┃  ┣ Socialgoogle.js
 ┃  ┃  ┃  ┣ Socialkakao.js
 ┃  ┃  ┃  ┗ Socialnaver.js
 ┃  ┃  ┣ __Search.js
 ┃  ┃  ┣ About.js
 ┃  ┃  ┣ Detail.js
 ┃  ┃  ┣ First.js
 ┃  ┃  ┣ Home.js
 ┃  ┃  ┣ Kids.js
 ┃  ┃  ┣ Login.js
 ┃  ┃  ┣ Movie.js
 ┃  ┃  ┣ Mypage.js
 ┃  ┃  ┣ Register.js
 ┃  ┃  ┣ Search.js
 ┃  ┃  ┣ SelectCategory.js
 ┃  ┃  ┣ SelectContents.js
 ┃  ┃  ┣ ShortFilm.css
 ┃  ┃  ┣ ShortFilm.js
 ┃  ┃  ┗ Tv.js
 ┃  ┣ redux
 ┃  ┃  ┣ store
 ┃  ┃  ┃  ┗ store.js
 ┃  ┃  ┣ categorySlice.js
 ┃  ┃  ┣ rankSlice.js
 ┃  ┃  ┗ searchSlice.js
 ┃  ┣ App.css
 ┃  ┣ App.js
 ┃  ┣ index.css
 ┃  ┣ index.js
 ┃  ┣ LoginRouter.js
 ┃  ┗ PrivateRouter.js
 ┣ .gitignore
 ┣ .gitmessage
 ┣ package-lock.json
 ┣ package.json
 ┣ postcss.config.js
 ┣ README.md
 ┗ tailwind.config.js┣ public

Back-End Directory

┣ .github
┃  ┗ PULL_REQUEST_TEMPLATE.md
┣ accounts
┃  ┣ __init__.py
┃  ┣ adapters.py
┃  ┣ admin.py
┃  ┣ apps.py
┃  ┣ models.py
┃  ┣ serializers.py
┃  ┣ tests.py
┃  ┣ urls.py
┃  ┗ views.py
┣ config
┃  ┣ __init__.py
┃  ┣ asgi.py
┃  ┣ settings.py
┃  ┣ urls.py
┃  ┣ views.py
┃  ┗ wsgi.py
┃
┣ contents
┃  ┗ management
┃     ┗ commands
┃        ┣ dbchoseong.py
┃        ┣ dbinsert.py
┃        ┗ insert_text.py
┃
┣ myvenv
┣ recommends
┃  ┗ management
┃    ┗ commands
┃       ┣ genrebaseinsert.py
┃       ┣ recinsert.py
┃       ┣ scoreinsert.py
┃       ┗ timeinsert.py
┣ reviews
┣ static
┃  ┣ admin
┃  ┗ rest_framework
┣ templates
┃   ┗account
┃     ┗ email
┃     		┣ email_confirmation_signup_message.html
┃     		┗ email_confirmation_signup_subject.txt
┣ wishlists
┃
┃
┣ .DS_Store
┣ .gitignore
┣ .gitmessage
┣ docker-compose.yml
┣ Dockerfile
┣ manage.py
┣ README.md
┣ requirements.txt
┣ secrets.json
┣ sync.py
┗ task-definition.json