영화 검색 사이트 발전 시키기 - 3

박재민·2024년 1월 16일
0

TIL

목록 보기
17/49

- 팀프로젝트 - 영화 사이트 발전시키기 마무리


- 최종 프로젝트 결과물

메인 페이지

메인 화면 구성이다. "검색하기" 를 누르면 영화 검색 input 이 생기고 "title" 과 "content" 를 선택해서 검색 가능하다. 반응형을 구현해서 모바일 환경에서도 원활하게 페이지 로드가 될 수 있도록 했고, 배경에 css를 활용한 애니메이션을 추가해서 디자인했다.

영화 상세 페이지

집중적으로 구현했던 영화 상세 페이지다. 메인 페이지 영화를 클릭하면 영화 상세 페이지로 이동되고, 영화 포스터, 영화 제목, 원제목, 설명, 장르, 개봉일, 러닝타임, 아이디 정보가 출력된다. 리뷰는 로컬스토리지를 활용했고, 패스워드를 입력하여 리뷰 수정 및 삭제를 관리 가능하도록 구현했다. 추가로 날씨정보 API 를 가져와서 위젯을 추가해봤다.

- 팀프로젝트 소감

오늘 팀프로젝트를 최종적으로 마무리 하고 발표 & 피드백을 진행했었는데 맡은 기능은 잘 구현했지만, 결과적으로 내 역량을 제대로 끌어오지 못했던 것 같다. 좀 더 노력해서 많은 기능을 구현하기 위해 노력하고 집중할 수 있었는데 그러지 못했던 자신에게 조금은 실망했던 프로젝트였던 것 같다. 기능적인면에서 아쉬운것은 TMDB API 에서 한글로 영화 데이터를 불러올 수 있었다는걸 나중에 알게됐다. 조금 일찍 찾아봐서 인지했다면 더 깔끔하고 추가적인 기능을 만들 수 있었을 것 같은데 많이 아쉽다. 그래도 이번 프로젝트를 통해서 협업에 대해 좀 더 자세하게 알 수 있게 됐고, 나의 부족한 부분이 어떤 부분이고 해결할려면 어떻게 해야할지 고민을 해볼 수 있게됐던 갚진 경험이었다고 생각한다.

0개의 댓글