Home
home
🍿

팝콘 - 영화 검색 사이트

popcorn영화정보 오픈API를 활용하여 영화검색 서비스를 제공합니다.

Popcorn 둘러보기

 https://movie-popcorn.netlify.app

프로젝트 상세 소개

 핵심 기능
영화 제목을 영어로 검색
해당 키워드와 관련된 영화 목록을 렌더링
영화목록을 클릭하면 영화 상세 내용을 모달로 렌더링
네트워크 요청시 Spinner 렌더링

사용한 기술 스택

javascript, vue, scss

새로 배우게된 점

v-if, v-for와 같은 템플릿 문법을 사용하면서 템플릿에서 컨트롤하는 방법을 배웠습니다.
양반향 데이터 바인딩에 대해 배웠습니다.
scss문법을 학습하고 적용해보았습니다.
하나의 vue 파일에서 템플릿, 컴포넌트 기능, 스타일 모두 작성할 수 있다는 점에서 흥미로웠습니다.
리액트보다 코드가 훨씬 간결하고 짧게 작성되어 놀라웠습니다.