Bingle Movie 프로젝트 회고

프로젝트 소개

Bingle Movie

Bingle Movie 프로젝트란?

영화api를 활용하여

간단하게 영화의 리뷰를 작성하여 의견을 작성하고시각적인 즐거움을 경험할수 있도록 구현 하였습니다.

 

사용자에게 인상깊은 ux를 주기 위하여 화려한 효과들을 주어 기억에 남는 페이지를 구현 하고자 만든 프로젝트입니다.

 

버튼 및 조건에 맞는 이동

 

목록 페이지 및 검색

 

카드 애니메이션 및 상세페이지 이동

 

리뷰 작성

 

리뷰 수정 / 삭제

---

진행 과정

 

바닐라 자바스크립트를 사용하여 전부 구현하였습니다.

 

또한 three.js를 사용하여 3D이미지를 입체적으로 볼수 있도록하여 보는 즐거움이 있도록 하였으며

TMDB API를 사용하여 영화 목록을 가져와서 정렬하고 보여지도록 하였습니다.

 

localStorage를 사용하여 리뷰를 저장하고 새로고침해도 사라지지 않도록 하였습니다.

 

---

 

 

 

 

KPT

KEEP - 좋았던점 

 

PROBLEM - 아쉬웠던 점

 

TRY - 개선할점

 

---

마치며

협업을 하면서 git merge를 하고 충돌이 많이 일어났는데

그 과정에서 merge를 하는 방법등에 대해서 공부를 많이 할수 있었습니다.

 

또한 웹페이지에서는 정상작동을 한다고 해도 발표나 공개적인곳에서 공유를 하는 상황이 있다고 하면 가져오는 용량이 많으면 프레임 단위로 끊겨서 프로젝트가 완벽해도 퍼포먼스에서 보여주지 못한다면 잘한것을 알릴수 없다는걸 알았습니다.

 

프로젝트의 데이터가 많다고 하면 미리 체크하고 발표의 차질이 일어나지 않도록 해야한다는 걸 또 한번 깨우쳤습니다.

이렇게 다음엔 더 잘하고 마무리까지 완벽도록 한단계 더 성장해야 겠다고 생각을 했습니다 .