무비메이트 🍿

서비스 설명:

무비메이트는 수많은 영화 콘텐츠 중 자신의 취향을 반영한 콘텐츠를 찾고싶어하는 유저들을 위한 웹페이지로, 2시간짜리 콘텐츠를 관람하기 위해 검색에 상당한 노력과 시간을 소비하는 사람들의 불편함을 해소하기 위해 제작되었습니다.

제작 목적:

무비메이트는 영화를 즐기는 데 필요한 다양한 정보들을 한눈에 제공하여 사용자들이 효율적으로 원하는 영화를 찾을 수 있도록 돕습니다. 제작 기간은 4월 10일부터 5월 15일까지로 진행되었으며, 다양한 기능을 구현하여 사용자들에게 최적의 서비스를 제공하고자 했습니다.

맡은 역할:

1. 메인 화면의 박스오피스 기준 영화 데이터 가져오기 🎥

   • 데이터를 수집하고 처리하는 역할을 맡아 API를 활용하여 실시간으로 업데이트되는 박스오피스 데이터를 효율적으로 가져오고 적절히 표현하는 부분을 책임지게 되었습니다. 이를 통해 데이터 핸들링 및 시각화 능력을 향상시킬 수 있었습니다.

2. 메인 화면의 명작 영화 데이터 가져오기 (특정 시점 기준) 🌟

   • 특정 기준에 따라 명작 영화를 필터링하고 가져오는 부분을 맡아, 데이터 정제와 검색 알고리즘에 대한 이해를 높일 수 있었습니다.

3. 메인 화면의 임의의 기준으로 배우를 뽑아 배우가 출연한 영화 데이터 가져오기 🌟

   • 다양한 기준으로 배우를 선정하고 그에 따른 영화 데이터를 가져오는 작업에서, 데이터의 다양한 관점에서의 활용과 그에 따른 결과물을 생성하는 데 기여했습니다.

4. 마이 페이지 기능 구현 🔄

   • 사용자의 개인 영화 기록을 저장하고 관리할 수 있는 마이 페이지 기능을 구현하여 사용자 경험을 향상시키는 데에 참여했습니다.

5. 로그인 네이버 Open API 구현 🔐

   • 네이버 Open API를 활용하여 로그인 기능을 구현하고 사용자의 정보를 안전하게 관리하는 부분에서 보안 및 인증 기술에 대한 이해를 높일 수 있었습니다.

6. 더 보기 영화의 모든 정보 출력 📜

   • 영화의 모든 정보를 효과적으로 화면에 출력하는 부분에서 데이터 시각화 및 사용자 인터페이스(UI)에 대한 개발 역량을 향상시켰습니다.

7. 로그인 화면의 자체 회원 기능 구현 🔐

   • 자체 회원 기능을 구현하여 사용자 관리 시스템을 구축하고 보안적인 측면에서의 역량을 향상시켰습니다.

8. 풋터(footer)에 개발자 정보 담은 링크 배열 출력 📎

   • 프로젝트에 참여한 개발자들의 정보를 풋터에 표시하여 팀원 간의 소통을 촉진하고 프로젝트에 대한 공동 소유감을 높일 수 있었습니다.

단체활동에서의 기여와 성장한 점: 프로젝트를 통해 팀원들과의 소통 및 협업 능력을 향상시키면서, 다양한 역할을 맡아 프로젝트를 성공적으로 마칠 수 있었습니다. 특히, 다양한 기능들을 구현하면서 기술적인 역량과 문제 해결 능력이 향상되었습니다. 또한, 팀원들과의 원활한 소통과 협업은 프로젝트의 품질을 높이는 데 중요하다는 것을 깨달았습니다. 이 경험은 나의 개인 역량 뿐만 아니라 팀 프로젝트에서의 협력과 조화를 이루는 데 큰 역할을 하였습니다.

시스템 구성도:

메인 화면:

메뉴 트리:

DB 설계:

주요 기능

1. 메인메뉴 - 영화목록

   • 박스오피스 순위: 특정 시점 기준 최신작 목록 출력
   • 왓챠 Top10 영화: 평균 별점이 높은 최신작 목록 출력
   • 무비메이트 명작 영화: 특정 시점 이전의 평균 별점이 높은 작품 목록 출력
   • 무비메이트 화제의 감독: 해당 감독의 작품 목록 출력
   • 무비메이트 이주의 배우: 해당 배우의 작품 목록 출력
   • 평균 별점이 높은 영화: 평균 별점이 높은 작품 목록 출력
   • 무비메이트 이주의 추천 장르: 해당 장르의 작품 목록 출력
   • 이주의 인플루언서 추천 영화: 평균 별점이 높은 추천 작품 목록 출력

2. 선택한 영화 화면

   • 코멘트 미리보기, 좋아요, 댓글수, 삭제하기: 해당 영화 정보 표시
   • 댓글 작성: 내가 작성한 댓글이 해당 영화에 표시
   • 별점, 보고싶어요: 부여한 별점과 보고싶어요 표시
   • 제작진 정보: 해당 영화에 부합하는 제작진 정보 표시
   • 기본 정보 더보기: 원제, 개봉년도, 국가, 장르, 상영시간, 연령 등급, 내용 표시
   • 비슷한 작품: 해당 영화와 비슷한 장르의 작품 목록 출력
   • 왓챠 광고 링크: 왓챠 이벤트 광고를 링크에 연결

3. 코멘트 목록 화면

   • 코멘트 내용, 좋아요, 댓글수: 내가 작성한 코멘트 정보 표시

4. 코멘트 자세히 보기

   • 댓글 삭제: 내가 작성한 댓글을 작성자만 삭제 가능
   • 대댓글 작성: 댓글에 대한 댓글 작성 기능
   • 대댓글 수정, 삭제: 대댓글 수정, 삭제 기능
   • 대댓글 좋아요: 대댓글에 대한 좋아요 버튼 활성화
   • 댓글을 작성한 유저 정보: 댓글 작성자의 이름 표시
   • 댓글을 작성한 영화 정보: 댓글에 해당하는 영화 정보 표시
   • 댓글 작성자의 별점: 댓글 작성자의 별점 표시
   • 악성 댓글 감지 클린봇: 댓글에 비속어가 포함되어 있을 시 클린봇이 작동하여 필터링

5. 로그인

   • 카카오 로그인: 카카오 로그인 API를 이용하여 계정 연동
   • 네이버 로그인: 네이버 로그인 API를 이용하여 계정 연동

6. 회원가입

   • 이름 중복 체크: 중복된 이름이 가입되지 않도록 중복성 체크
   • 유효성 체크: 이름, 이메일, 비밀번호 유효성 체크 조건에 맞도록 검사
   • 네이버 및 카카오 회원가입: 네이버 & 카카오의 프로필 이미지, 이름, 이메일 가져오기

7. 마이페이지

   • 정보 수정: 이미지 변경, 이름 변경, 비밀번호 변경, 뒤로가기, 변경된 이름 & 비밀번호 저장
   • 취향 분석: 평가한 영화들의 평균 별점과 통계 시각적으로 표현
   • 평가한 영화: 평가한 영화 및 보고싶어요를 누른 영화들 표시

8. 검색

   • 유저 검색: 입력한 검색어에 부합하는 유저 검색
   • 배우, 영화 검색: 입력한 검색어에 부합하는 배우 및 영화 검색

9. 다크모드

   • 어두운 스킨 적용: CSS를 변경하여 어두운 스킨 적용

10. 풋터

    • 각종 링크 (팝업): 풋터에 링크 연결하여 정보 창 띄우기
    • 평가한 영화수: DB에 연동하여 평가 및 코멘트 개수 표시