🎥 프로젝트 소개
프로젝트 명: Cinema Princess
프로젝트 기간: 23.06.29~23.07.26
Github: https://github.com/codestates-seb/seb44_main_033
프로젝트 개요: 영화 API를 사용하여 영화 정보를 가져오고 서비스에서 자체적으로 평점과 리뷰 데이터를 관리합니다.
사용자는 영화에 평점과 리뷰를 등록할 수 있고, 보고 싶은 영화를 저장할 수 있는 와치리스트 기능과 영화 검색 기능이 있습니다. 연도별 개봉 영화 장르 통계 기능이 있습니다.
GitHub - codestates-seb/seb44_main_033
Contribute to codestates-seb/seb44_main_033 development by creating an account on GitHub.
github.com
배포 링크 : http://cinema-princess-s3-bucket.s3-website.ap-northeast-2.amazonaws.com/
Cinema Princess
cinema-princess-s3-bucket.s3-website.ap-northeast-2.amazonaws.com
📚 사용한 기술 스택
TypeScript
타입스크립트를 제대로 학습을 많이 해보지는 않았지만 현업에서도 많이 사용하기도 하고, 처음에는 당연히 어려운 부분이지만 타입스크립트를 경험해보기 위해 팀원들과 상의 끝에 선택하게 되었습니다.
프로젝트 기간동안 타입스크립트를 직접 겪어보며 사용해보니까 장점과 단점을 모두 느낄 수 있었습니다.
처음에 매번 타입을 설정을 하는 것이 생소하여 오류가 발생하고 이를 해결하기 위해 많은 시간이 걸렸습니다.
하지만 이게 점차 익숙해지다보니 다른 팀원분들이 작성해주신 코드를 볼 때도 설정해주신 타입 기반으로 어떻게 사용할지 대충 짐작이라도 갈 수 있었기에 유용하다는 것을 느꼈습니다.
추후에는 더 공부를 해서 유용하게 사용할 수 있었으면 좋겠다는 생각이 들었습니다.
Redux Toolkit
Redux Toolkit 은 프리프로젝트에서 한번 사용해본 경험이 있었으며 팀원들과 상의했을때 팀원들과 사용해본 경험이 있어 선택하게 되었습니다.
Redux Toolkit 을 사용하는 이유는 실수를 줄여주고, 더 간단한 코드를 작성하게 해주기 때문에 사용자의 코드를 더 좋고 유지보수 하기 쉽게 만들어주기 때문에 많은 분들이 추천을 해주고 있습니다.
프로젝트에서 Redux Toolkit에서 제공하는 유용한 기능들을 많이 사용해보지 못해 아쉬웠습니다.
Redux Toolkit 도 더 공부를 해서 유용하게 사용할 수 있었으면 좋겠다는 생각이 들었습니다.
🧑🏻💻 내가 맡은 부분
메인화면 상단(박스오피스 순위)
react-slick 라이브러리를 활용하여 1-10위까지의 박스오피스 순위를 보여줄 수 있습니다.
메인화면 하단(신작, 인기, 개봉예정, 올해 추천작)
신작, 인기, 개봉예정에서 탭 메뉴를 변경하면 제목에 맞는 영화 api들의 정보를 받아와 보여줍니다.
올해추천작은 올해의 영화 api를 받아와 랜덤으로 5개씩 보여주며 3초마다 자동으로 영화를 넘겨주고 있습니다.
찜한영화 페이지(무한스크롤, 필터변경)
한페이지당 8개의 영화만 보여지며 그 이상이 있을경우 스크롤이 끝지점에 닿았을때마다 8개씩 추가로 찜한영화를 볼 수 있습니다.
담은순, 신작순, 이름순이 있으며 담은순은 영화 상세페이지에서 영화를 찜한순으로 보여지고, 신작순은 최신 개봉년도부터 보여주고 있습니다.
찜한영화 삭제
북마크 버튼을 클릭 시 영화 상세페이지로 한번 넘어간 다음 다시 찜한영화 페이지로 돌아오면 찜한영화에는 삭제되어있습니다.
🌷 마무리
팀원들과 계획한 기능들은 문제없이 마무리지어 다행이었습니다. 백엔드분들과도 같이 협업을 진행하며 어떻게 소통을 해야하는지도 배웠으며 팀원들과의 소통이 가장 중요하다는 것을 느꼈습니다.
가장 아쉬운 부분은 css를 반응형 웹으로 하지 않은 것 입니다. 항상 사용자 UX가 어떻게하면 더 편할지 고민을 해야되는 것을 다시 한번 상기시키는 부분이였습니다.
그리고 뛰어난 팀원분들을 만나 너무 행복하고 뜻깊은 프로젝트였습니다.
프로젝트 진행동안 서로 많이 도와주고 힘내주고 끝까지 함께 와주셔서 너무 고맙습니다!
Cinema Princess 팀원분들 앞으로도 화이팅~!!
