무슨 영화를 볼 지 결정하지 못하고 스트리밍 사이트에 들어갔다가, 영화 고르다가 지쳐서 안 본 경험 있으신가요?
내가 어떤 타입의 영화를 좋아하는지 잘 모르겠는, 결정을 잘 못하는 사람들이여! 🏳🌈
MaMoTa와 함께 영화를 찾으러 우주로 떠나보아요!😋
 |
 |
 |
|---|---|---|
| 김선욱 | 오기선 | 최성호 |
| 영화 추천 알고리즘 FE 구현 , movies FE 구현, movie 검색 구현, 리뷰 상세 페이지 FE, BE 구현 |
영화 리뷰 커뮤니티 FE&BE 구현 | profile FE&BE 구현, movies FE&BE 구현, 데이터 수집 |
오늘 날씨를 통한 영화를 추천 알고리즘 구현
명대사 관련 커뮤니티 구현 및 명대사 검색 기능
특정 영화에 대한 리뷰를 작성 했을 때 그 영화 정보를 바로 볼 수 있게 구현
리뷰 스포일러 관련 토클을 통해 내용 보이기 유무를 구현
ost 재생을 통하여 사용자에게 영화 간접적으로 추천
리뷰 게시글에서 평가한 별 점을 이모지를 통해 직관적인 표현을 구현
오늘 날씨를 통한 영화를 추천 알고리즘 구현 ✔
명대사 관련 커뮤니티 구현은 우선순위 중 후순위에 밀려 구현 하지 못함 ❌
특정 영화에 대한 리뷰를 작성 했을 때 그 영화 정보를 바로 볼 수 있게 구현 ✔
스포일러 토글 관련 기능은 시간 부족으로 인해 구현 하지 못함 ❌
Ost Player 구현하여 사용자에게 영화를 간접적으로 추천 ✔
리뷰 게시글에서 평가한 별 점을 이모지를 통해 직관적인 표현을 구현 ✔
- 상영 중인 영화, 개봉 예정작, 인기순, 평점순, 장르별 영화를 우선적으로 소개하여 영화를 추천
- 현재 TOP 20 인기 영화 정보 제공 (매일 새로 정보 갱신)
- 영화 카드를 누르면 해당 영화 상세 정보 다이얼로그 실행
- 영화 모달에 있는 하트 아이콘을 통해 영화 좋아요 기능 제공
- OST Player로 추천 페이지에 대한 흥미를 유발
- 영화 ID를 통해 상세 페이지의 Router를 설정,
- 모달을 통한 상세 페이지 구현
- 예고편, 감독, 배우 정보 소개
- 좋아요, 리뷰 작성 가능
- 검색창에 영화 이름 검색하면 검색어를 포함한 영화 정보를 카드로 출력
- 영화 카드를 클릭하여 영화 Detail 페이지로 이동할 수 있도록 구현
- 영화를 찾을 때 확실히 기억나지 않으면 영화에 대해 알려주기 위해 외부 검색 기능 도입
- 현재 날씨 정보를 API로 받아와 아이콘을 통해 알려주고, 날씨에 맞는 영화 추천
- 필수 입력 값이 누락되면 사용자에게 표시
- 비밀 번호를 텍스트로도 확인 가능
- 로그인 성공 시 3초간 알림창 생성 후 메인 페이지 이동
- 로그인 실패 시 alert 생성
- 회원 가입 유효성 검사 구현
- 아이디 : 이메일
- 비밀번호 : 8자 이상
-
회원 프로필, 좋아요 한 영화, 작성한 게시글, 팔로우/팔로잉
-
타인의 프로필 페이지일 경우, 팔로우 가능
- 이미 팔로우 되어있다면 언팔로우, 아니라면 팔로우 버튼이 보임
- 숫자를 클릭하면 팔로우/팔로잉 리스트 출력
- 리스트에서 유저 닉네임을 클릭하면 해당 유저의 프로필 페이지로 이동
- 유저들이 작성한 다양한 리뷰에 대해 카드 형태로 표현
- 리뷰에 관련한 영화를 검색하여 정보 제공
- 작성 유저의 프로필 구경 가능
- 평점 별 다양한 표정 직관적으로 제공
- 평점을 별로 표현
- 유저만의 특정 영화에 대한 정보 등을 제공하기 위한 리뷰 게시글 작성 가능
- 리뷰에 관한 상세 정보 출력
- 별점에 따른 이모지 출력으로 별점 시각화
- 게시글 수정 및 삭제 구현
- 댓글 작성, 수정, 삭제 구현
첫 프로젝트를 진행하면서 계획 수립부터 모든 웹페이지 서비스를 구현하는 데까지 팀원들과 협업하여 완성해나가는 과정 속에서 Vue와 Django 다양한 프레임워크를 활용하는 방법들에 대해 응용해 나가며 익숙해질 수 있었고 팀원들과의 소통, GIT을 활용한 협업들에 대해 함께 배워나갈 수 있어서 좋은 경험이었습니다. 앞으로 프로젝트 및 현업에서도 지금 이 경험이 중요한 밑거름이 될 것 같습니다.
팀원들과 한 목표를 가지고 나아가는 경험을 해서 좋았고 ,프로젝트를 조금씩 하나 하나 만들어가면 될줄 알았는데 생각보다 비동기, 백과 프론트의 연동이 후반부로 갈수록 복잡하게 연결되어 있어 초기 목표 설정, 구상 및 설계에 중요성을 배웠습니다. 다음 기회에는 이부분에 신경을 더욱 써서 작성해야겠고, 첫 협업 경험이었는데 협업에 필요한 소통기술, git 사용을 어떤 흐름으로 진행되는지 배웠습니다.
백엔드 부분을 맡아서 작업을 진행했는데, Django를 배운 지 얼마 되지 않은 Vue와 백엔드와 프론트 엔드 프레임워크의 연결 관계에 대해 복습하는 기회가 되어 의미 있었고, 팀원들과 체계적인 역할 분담 후 진행해서 GIT 협업에서 문제 없이 진행해서 만족스럽습니다. 앞으로 프로젝트 진행 및 협업 시 더욱 발전하도록 하겠습니다.