🌟 영화페이지 빌드업
☘️ 상세페이지 빌드업 ~ing
팀원들 함께 노력해 만든 영화커뮤니티 페이지 moview프로젝트가 끝이 났다.
이번에 팀장으로서 최종발표까지 맡게 되었으며 git세팅 작업, dev 브랜치에서 main브랜치로 옮겨 배포하고 시연하며 오류를 수정해나가는 일을 맡았다.
git 배포주소 : https://shyunis.github.io/Moview/index.html
git 프로젝트 레포지토리 : https://github.com/sHyunis/Moview
최종 메인페이지1
최종 메인(카드)페이지2
최종 상세페이지
최종 마이페이지
최종 로그인 & 회원가입 페이지
🌼 느낀 점
처음에 브랜치를 사용하고 충돌을 해결하며 세팅하는 모든 github사용법이 쉽지 않았던 것 같다.
하지만 팀원 모두가 잘 모르는 부분을 함께 찾고 해결한 방법을 공유하며 몰랐던 부분들을 서로 알려주고 해결해나가며 얻은 것들이 굉장히 많았다.
또한 잘 만든 프로젝트를 상대방에게 소개할 때 어떻게 해야 잘 소개할 수 있을 지에 대한 고민도 많이 했다.
제출 전날 새벽 제출 직전까지도 팀원들이 너무 많이 노력했고 고생한 걸 알기때문에 최종 발표자인 내가 이 노력들을 잘 설명하고 만든 기능들을 연관성있게 보는 이들의 관심을 끌 수 있도록 설명하는 게 중요하다고 생각했다. 팀원들과 함께 노력한 결과물을 다른 사람들에게 설명하고 시연하며 질의 응답을 하는 시간을 가지면서 더 보완했으면 좋았을 점 다른 관점의 시각들도 알게되었던 것 같다.
또한 발표가 끝난 이후에는 팀원들과 함께 KPT회고록을 작성하며 서로가 작업하며 느꼈던 부분 공통적으로 느낀 부분들을 알게되었고 다음번 작업에는 이런 부분들을 좀 더 고려하여 진행하면 좋겠다는 생각을 하였다.
🥵 최종 발표 전 생겼던 문제점
각자 팀원들 마다 상대경로 / 절대경로 설정이 다르게 되어있었고 이 점이 실제로 github에서 사이트 배포를 했을 때 문제가 되었다. 경로가 잘못 지정되어있어 404 에러가 뜨고 창이 원하는대로 뜨지 않는 등 많은 오류가 생겨 이 오류를 잡는데만 3시간정도의 시간이 소요되었다.
다시 한번 경로지정에 대해 생각해볼 수 있었던 부분이었고 유의해야겠다고 생각한 부분이었다.
✨ 발표준비했던 방법
우리가 만든 프로젝트 moview페이지는 영화 검색 사이트의 기본 기능을 넘어, 사용자가 영화를 오래 기억하고 개인화된 경험을 제공할 수 있도록 다양한 기능을 추가한 커뮤니티 기반 영화 정보 사이트였다. 이러한 사이트의 기능들을 인지하고 있는 사용자가 어떤 것들을 기대하고 페이지를 이용하게 될지 먼저 사용자의 관점에서 생각해보려고 했던 것 같다.
영화 사이트에 대해서 보다 효과적으로 효율적으로 설명하기 위해 사이트의 주요 기능 및 특징을 정리하고 각자 맡은 역할을 세부적으로 나누었다.
영화 사이트의 기능 들을 소개한 후에는 실제로 시연하며 설명을 했는데
로그인을 했을 때와 로그인을 하지 않았을 때로 상황을 나누어 시연하게 되었고 각 기능마다의 관련성을 부여해 페이지를 많이 이동하는 것이 아닌 연쇄적으로 설명할 수 있도록 짜임새 있게 발표를 준비했다.
페이지 시연 이후에는 팀원들이 작업하면서 실제로 겪었던 문제점과 어려웠던 점 해결했던 방법을 1분정도 발표하고 다시 내가 팀원이 공통적으로 겪었던 문제점 같이 해결했던 방법을 이야기하며 발표를 마무리지었다.
☘️ 사이트의 주요 기능 및 특징
- 주요 기능 및 특징
회원가입 및 사용자 관리
사용자는 회원가입을 통해 개인 계정을 생성할 수 있으며, 이를 통해 영화 검색뿐만 아니라 다양한 개인화된 서비스를 이용할 수 있다.- 마이페이지
사용자별 마이페이지를 제공하여 사용자가 본 영화, 좋아요 표시한 영화 등을 한눈에 확인할 수 있다.- 별점 및 리뷰 기능
TMDB의 별점 시스템뿐만 아니라, 사이트 내에서 사용자들이 직접 영화에 별점을 줄 수 있는 기능을 구현했다.
이를 통해 사용자들 간의 영화 평가와 리뷰를 공유할 수 있는 커뮤니티를 조성했다.- 데이터 재사용성 극대화한 상세페이지
영화 정보를 한 눈에 확인할 수 있는 카드 형식으로 제공하여, 한 카드에서 비슷한 장르, OTT 서비스 제공한다.
👀 기능구현순서
로그인 하지 않았을 때/ 로그인 했을 때 구분하여 설명
메인 1페이지 => 메인2페이지 이동
메인2페이지의 국가별 정렬, 페이지 스크롤 기능 소개
상세페이지 카드 들어간 이후 감독/리뷰/ott정보/비슷한 장르 이동 비슷한 장르 카드 누른 후
별점 기능 소개
로그인 하기 전 회원가입 소개 중복된 아이디 확인 후 로그인
메인페이지에서 카드 좋아요 클릭
별점 기능 TMDB, Moview자체 별점 , 리뷰 작성, 수정, 삭제 구현
마이페이지로 넘어가서 좋아요 클릭한 카드 보기(최신누른순이 위로 나옴, 최근 본 영화 목록 확인)
발표 후 🔥
KPT 회고를 팀원들과 함께 좋았던 점, 아쉬웠던 점, 보완가능한 점 아쉬웠던 점을 해결할 수 있는 방법에 대해 함께 이야기를 나누었다.
Keep - 현재 만족하고 있는 부분
- 팀원끼리의 적극적인 협력과 소통이 프로젝트 진행에 긍정적인 영향을 끼쳤습니다.
- 단위 기능 코드가 적절하게 구현되었습니다.
- 프로젝트 진행 중 각 개인이 목표를 향해 성장하려는 모습이 좋았습니다.
- 각자의 기능 구현에서 보완이 필요한 부분을 팀원끼리 도와주며 해결할 수 있었습니다.
Problem - 불편하게 느끼는 부분
- 코드 리뷰를 진행하지 못해 프로젝트 완료 시 발생할 문제를 예측하고 수정하는 데 어려움이 있었습니다.
- 코드 구조 설계에 대한 문제가 있어 아쉬움이 남았습니다.
- 개인 작업이 많아져 불필요한 분리 파일들이 생기게 되었습니다.
- 같은 코드를 반복해서 만들게 되면서 코드 정리가 되지 않아 유지보수가 어려웠습니다.
- 깃으로 협업하면서 많은 브랜치가 생겨 작은 기능별로 나뉘어진 브랜치를 정리할 필요가 있었습니다.
- 어떤 브랜치에서 작업했는지 기억하는 게 쉽지 않았습니다.
- 프로젝트 진행 전 기능 폴더 구조, 깃 설정, DB 구조 설계 시간이 부족했습니다.
- Pull Request를 리뷰하고 Merge하는 과정에서 시간이 부족해 개개인이 확인 없이 Merge하는 경우가 발생했습니다.
Try - Problem에 대한 해결책, 당장 실행 가능한 것
- 비슷한 기능을 하는 코드를 합쳐 나중에 유지보수가 필요할 때 개선하기 쉽도록 변경하겠습니다.
- 프로젝트 완료 기간이 부족하더라도 진행하기 전에 충분히 생각하고 상의하는 시간을 가져 결정하고 진행하는 것이 중요하다고 생각합니다.
- 초기 단계에서 더 철저한 계획과 검토를 통해 문제 발생 가능성을 최소화하겠습니다.
- 지속적인 협업 문화를 강화하여 문제 해결 속도와 효율성을 높이겠습니다.
- 각 팀원이 목표를 명확히 공유하고 함께 성장할 수 있는 환경을 조성하겠습니다.
- 깃 브랜치를 효율적으로 관리하고 불필요한 브랜치를 정리하여 협업을 원활하게 진행하겠습니다.
- Pull Request 리뷰 과정에 충분한 시간을 할애하여 코드 품질을 높이고 Merge 후의 문제를 최소화하겠습니다.
