Giter VIP home page Giter VIP logo

disney_pedia's Introduction

디즈니 피디아

Spring FrameWork를 사용한 왓챠피디아 클론 코딩 프로젝트



🎥 왓챠피디아 클론 기능

  • '디즈니 플러스'에서 제공하는 컨텐츠의 정보를 확인할 수 있습니다.
  • 해당 컨텐츠에 평점과 코멘트를 작성할 수 있습니다.
  • 다른 사람들이 작성한 평점과 코멘트를 열람할 수 있습니다.
  • 다른 사람들이 작성한 코멘트에 좋아요를 할 수 있습니다.
  • 보고싶어요와 평점, 코멘트 기능을 통해 내가 아직 시청하지 못한 컨텐츠와 이미 컨텐츠를 구분하여 확인할 수 있습니다.
  • 프로필에서 내 정보 및 타유저 정보를 확인할 수 있습니다.


🆕 새롭게 추가된 기능

  • 캘린더 기능을 통해 언제 해당 컨텐츠를 시청했는지 확인할 수 있습니다.
  • 채팅 기능을 통해 디즈니 플러스를 같이 이용할 사람들을 모집할 수 있습니다.
  • 내가 작성한 코멘트 뿐만 아니라 타유저가 작성한 코멘트 및 타유저가 좋아한 코멘트를 열람할 수 있습니다.


🔥 프로젝트 개요

  • 프로젝트 진행 기간 : 2022/03/15 ~ 2022/04/11
  • 2022/03/15 ~ 2022/03/18 : 주제 선정 및 테이블 설계, Git Hub 연동
  • 2022/03/19 ~ 2022/04/03 : 기능 및 화면 구현
  • 2022/04/04 ~ 2022/04/10 : 오류 수정, UI 정리, 발표 준비
  • 2022/04/11 : 발표


🛠️ 개발 환경

  • OS : Window10 64bit
  • Tool : eGov Spring Framework
  • DBMS : Oracle 11g
  • Server : Apache Tomcat v9.0
  • Language : JAVA / SQL / JSP / jQuery / JavaScript / HTML / CSS


🔍 ERD

🔍 UseCase Diagram

👍 Team

박다인

  • 채팅 페이지 : 채팅 게시판 CRUD 및 UI 구현
  • 채팅 게시판 등록 BE&FE
  • 채팅 게시판 수정 BE&FE
  • 채팅 게시판 글 상세 BE
  • 채팅 목록 리스트 BE&FE

박수진

  • Database Modeling
  • 영화 상세 정보 조회 TMDB API로 구현
  • 메인 · 검색 페이지 : 기능 및 UI 구현
  • 컨텐츠 상세 페이지 : 전체적인 UI 기본적인 컨텐츠 정보 조회 기능 구현, 캘린더 기능, 보고싶어요 기능 BE
  • 채팅 페이지 : 기본적인 채팅 기능 BE
  • 마이 페이지 : 캘린더 조회 기능, 영화 및 TV 보관함 조회 기능, 작성한 코멘트 및 좋아한 코멘트 조회 기능, 타유저페이지 조회 기능 BE

이진주

  • 회원 가입 · 로그인 BE
  • 마이페이지 : 프로필 수정, 비밀번호변경, 회원탈퇴 BE & FE
  • 마이페이지 : 캘린더 조회 FE
  • 마이페이지 : 영화 및 TV보관함 FE
  • 마이페이지 : 작성한 코멘트, 좋아한 코멘트 FE
  • 타유저페이지 FE

장윤이

  • 회원 가입 · 로그인 BE & FE
  • 별점 평가 BE & FE
  • 코멘트 BE & FE

허민정

  • 채팅 게시판 페이지 : 게시판 목록 페이징 처리 BE & FE
  • 채팅 게시판 페이지 : 게시글 CRUD BE & FE
  • 채팅 게시판 페이지 : 채팅 알림 BE
  • 채팅 페이지 : 날짜 및 채팅 FE
  • 채팅 페이지 : 모집 상태 변경 BE & FE

👏 파이널 프로젝트 소감 및 후기

박다인

영화정보 API 불러오기, 채팅방 구현하기, 캘린더 만들기 등 도전해 보자고 계획했던 기능들을 일정대로 완성도 있게 구현해 냈다는 점이 참 훌륭한 프로젝트라고 생각한다. 도전 성공이니까 말이다! 잦은 회의와 코드 리뷰 같은 원활한 소통을 통하여 본인이 맡지 않은 부분의 기능에 대한 코드도 이해를 할 수 있었고 그렇게 함으로써 만들고 있는 사이트의 주제 혹은 목적이 무엇이 었는지 잊지 않을 수 있었던 것 같다. 방향성을 잃지 않고 시간에 쫓기지도 않은 채 사이트를 완성 시킬 수 있었던 이유는 팀원 모두가 팀의 리더인 것처럼 주도적으로 프로젝트를 이 끌어 나갔기에 가능한 일이었다. 팀원들의 열정으로 탄생한 디즈니 플러스라고 생각한다. 앞으로 무궁무진하게 발전할 팀원 모두의 첫 작품이니 만큼 애정이 많이 가는 사이트다. 디즈니 굿즈 판매, 디즈니 플러스 정기 구독 결제창, 고객서비스 카테고리 등등을 추가하고 기능들을 더 보완하여 디즈니의 허락을 받아 실제 서비스로 배포하게 된다면 정말 좋겠다는 소소하고도 원대한 꿈을 가져보며 글을 마치겠다.

박수진

프로젝트 초반에 진행하는 데이터분석과 데이터베이스 모델링의 중요성을 깨달았다. 기존 프로젝트와 다르게 API를 활용해서 프로젝트를 진행하게 됨으로써, DB 설계에서 난항을 겪었다. 초반에 좀 더 분석을 제대로 하고 진행했다면 후반부에 테이블을 계속 수정하는 불편함은 발생하지 않았을 것이다.
또한 제일 크게 깨달았던 것은 팀워크와 소통의 중요성. 구두로 하는 소통과 코드로 하는 소통, 회의를 통한 진행 속도 및 진행률 조절 등.. 원활한 프로젝트의 진행을 위해서 다양하고 빈번한 소통이 필요하다는 것을 깨달았다.
시간적 여유 때문에 구현을 포기한 기능들이 많았어서 아쉬움도 많았지만 덕분에 많은 것들을 배워갈 수 있어서 좋은 경험이었습니다!

이진주

우선 기존에 계획했던 일정에 맞춰서 프로젝트를 진행할 수 있었던 점과 팀원분들이 본인이 맡은 부분만 작업하는것에 그치지 않고 다른 팀원들을 도와주고 협력해주는 부분이 좋았다.
시간 관계상 기획했던 기능들 구현을 포기한 점이 조금 아쉬웠지만 다른 기능들을 완벽하게 끝낼 수 있어 좋았고 기회가 된다면 이 프로젝트에서 못한 기능들을 나중에 다시 구현하고 싶다.
프로젝트 기간 중 건강 문제로 입원을 하였는데 좋은 팀원들 덕분에 무사히 프로젝트를 마무리 한 것 같다.
비록 짧다면 짧았던 프로젝트 기간이었지만 많은 것을 배웠고 현업에서 일하고 싶다는 욕구가 더 생겼다. 앞으로 더욱 더 열심히 해야겠다.
다들 고생하셨어요!

장윤이

첫 클론 코딩 프로젝트였는데 정말 재밌었고 많은 걸 배울 수 있었던 시간이었습니다.
맡은 기능들의 구현 방향을 고민해 보는 과정에서 실력이 많이 향상될 수 있었던 것 같습니다. 개인적으로는 예전부터 해보고 싶었던 별점 기능을 구현해 본 것이 가장 뜻깊고 기억에 남습니다.
프로젝트 시작부터 마무리까지 모든 과정이 계획했던 일정대로 진행되었던 점이 정말 좋았는데 팀원들 간의 활발한 소통이 있었기에 가능했던 일 같습니다. 또한 전체 프로젝트 기간에서 오류 점검을 위한 충분한 시간적 여유를 두고 작업 기간을 정한 덕에 결과적으로 완성도 높은 결과물을 낼 수 있었던 것 같습니다. 다만 작업 도중 테이블을 변경해야 하는 상황이 빈번했어서 초반 테이블 설계 시 더욱 충분한 상의를 거쳐야 한다는 것을 느꼈습니다.
마지막까지도 다 같이 열심히 소통하며 열정 넘치게 마무리한 저희 1조 팀원분들 다들 너무 고생하셨습니다.
여러분들과 마지막 프로젝트를 함께 할 수 있어서 감사했어요!!

허민정

Spring 프레임 워크로 처음 프로젝트를 진행하다 보니, 초반에는 JSP 프로젝트에 비해 간편함과 동시에 생략되는 부분이 있어서 헷갈렸지만,
작업을 진행하면서 적응을 하게 되다 보니 보다 수월하게 진행할 수 있었습니다.
이번 프로젝트에 SpringBoot 활용을 하지 못한 것이 아쉬웠기에 후에 좀 더 공부해 보고 적용해 보도록 하겠습니다.
시간이 좀 더 있었더라면 추가해 봤을법한 기능들을 시도해 볼 것이고, 저희 팀원분들이 코드 리뷰를 잘 해주셨기 때문에 제가 맡지 않은 파트의 기능들을 직접 구현하고 응용해 볼 수도 있을 것 같습니다!
제게는 이번 프로젝트가 힘들고 뿌듯하며 감사했던 시간이었습니다! (੭ ˃̣̣̥᷄⌓˂̣̣̥᷅ )੭⁾⁾❤️‍🔥


disney_pedia's People

Contributors

yuni0810 avatar sujinee0505 avatar minjeongheo avatar daxxin avatar jinjoo2 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.