읏챠(으라차차)

🙎🏻‍♂️🙍🏻‍♀️팀소개

읏챠 === 으라차차

힘겨운 상대나 상황, 대상을 마주하여 이를 이기고 극복하고자 할 때, 힘을 모아 내지르는 소리
집콕 생활이 지겨운 당신, 영화를 좋아하지만 막상 무슨 영화를 볼까 항상 고민만 하다 결국 아무것도 못보고 시간만 낭비 하는 당신, 영화정보를 함께 공유하고 싶지만 마땅한 커뮤니티가 없어서 심심하다를 외치던 당신,,, 이 모든 힘겨운 상황을 읏챠플레이 를 통해 극복하자는 취지로 서비스를 개발하였습니다. (기획의도&목표)

💻업무분담

김연수

DB모델링, Django Rest API설계(Review), Vue 설계, AdminPage CSS, 추천영화 알고리즘

김민재

DB모델링, Django Rest API설계(Movie), Vue 설계, UserPage CSS, UCC 제작

기술 스택

DRF를 활용하여 RESTful API 백엔드 서버를 구축하고 Vue.js를 이용해 개발하였습니다

1) Python Web Framework

Django 2.1.15
Python 3.7.3

2) Vue

Node 12.16.3
Vue/cli 4.4.1

2) 개발 아키텍처

Django REST API 서버 & Vue.js

개발 일정 등 진행과정

개발 기간 : 2020.06.12 - 2020.06.17
진행 과정

목 금 토 일 월

DB 모델링, TMdb API RESTful API 백엔드 서버 구축 Vue.js로직 설계 Vue.js로직 구현 DRF -Vue.js 기능 점검

기능 및 구현 내용 소개

1) 회원가입 / 로그인

회원가입/로그인 에서 발생하는 오류( ex)사용자 이름 중복, 비밀번호 8자리 미만 ... ) alert창에 띄워 사용자가 오류를 인지할 수 있도록 하였음

2) 영화 추천

사용자가 좋아요한 영화를 기반으로 비슷한 장르의 영화를 추천

3) 장르별 영화 소개

영화를 장르별로 선택하여 같은 장르의 영화를 한눈에 볼 수 있도록 설계(사용자 편의성 증대)
영화 포스터에 마우스 커서를 올리면 상세보기를 안내하는 효과를 주었으며 포스터를 클릭하면 해당 영화와 관련된 정보를 볼 수 있는 모달창 생성
영화별 모달창에서는 영화에 대한 간단한 댓글을 남길 수 있으며 로그인한 유저만 작성 가능
사용자 본인이 작성한 댓글만 삭제 가능
댓글은 최근 작성된 순서별로 정렬
댓글이 일정 길이 이상 쌓이게 되면 scroll 기능이 동작하여 스크롤 하여 확인할 수 있음

4) 영화별 리뷰 커뮤니티

로그인한 유저만 리뷰 조회/생성이 가능
리뷰 상세보기 버튼을 누르면 해당 리뷰에 대한 상세내용( ex) 평점, 제목, 내용, 작성시간 ...)을 확인할 수 있음
리뷰 작성자는 본인의 글만 수정/삭제가 가능(리뷰 상세페이지에서 가능)
상세보기페이지에서 댓글을 작성할 수 있음
사용자 본인이 작성한 댓글만 삭제 가능
댓글이 일정 길이 이상 쌓이게 되면 scroll 기능이 동작하여 스크롤 하여 확인할 수 있음

결과물 시연 영상(시스템 구성도, UI, 동작성)

URL : https://youtu.be/bK8tjWIyL2o