영화 검색기의 사본

배포 링크

soncha

https://vue-movie-browser.netlify.app/

프로젝트 개요

• 기간 : 2021.10.04 ~ 2021.10.09

• 목표 : Vue.js에 대한 이해도 향상, netlify에 대한 이해도 향상

• 내용 : Vue.js와 영화 검색 API를 활용해 프로젝트 구현 사이트입니다.

• 프로젝트 진행 시 문제점 : 컴포넌트 분리가 제대로 이루어지지 않아 로직이 복잡해져서 추후 유지보수 관리가어렵다고 생각하였습니다.

• 프로젝트 문제점 해결 방법 : 컴포넌트를 세분화하고 로직을 분리시켜 각 컴포넌트마다 역할을 구체화시킴으로써 해결하였습니다.

• 느낀 점 및 배운 점 : netlify를 이용하여 api request를 숨길 수 있는 것에 처음 알게 되었고 netlify로 간단한 api를 구현할 수 있음에 신기했습니다. store를 사용하고 컴포넌트가 세분화된 상태에서 컴포넌트에서 이벤트를 실행할 때 너무 잘게 나뉘어져서 관리가 힘들다는 느낌을 받았습니다.

프로젝트 사용 기술

프로젝트 설명

구현 화면