읏챠(으라차차)

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

읏챠 === 으라차차

• 힘겨운 상대나 상황, 대상을 마주하여 이를 이기고 극복하고자 할 때, 힘을 모아 내지르는 소리

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

💻업무분담

김연수

• 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