Vue3 Movie app

Vue3와 OMDb API를 사용하는 영화 검색 애플리케이션

🎯 Goals

• Vuex(Store)로 중앙 집중식 데이터를 처리하고 네임스페이스를 관리
• SPA(Single Page Application)를 위한 Vue Router를 구성해 Hash 기반의 페이지 단위로 개발
• OMDb API를 활용해 실제 영화 정보를 검색하고 출력
• Vue 플러그인을 생성하고 적용
• API Key가 노출되지 않도록 Netlify Functions(서버리스 함수)와 환경 변수(.env)를 사용해 백엔드를 구성하고, 로컬에서 테스트
• GitHub 저장소에 Push(업로드)하고 Netlify Hosting으로 CD(지속적인 배포)를 적용
• Jest와 VTU(Vue Test Utils)를 활용해 컴포넌트 단위 테스트를 진행
• Cypress를 활용해 E2E 테스트를 진행

💡 Specs

• Vue3
• Vuex
• Vue-Router
• Webpack
• OMDb API
• Netlify
  • Hosting with GitHub(Continuous Deployment)
  • Functions(Serverless)
• Axios
• Lodash
• Tests
  • Jest
  • Vue Test Utils
  • Cypress