Vue 넷플릭스 사이드 프로젝트 정리

: 웹팩 devServer에서 오버레이 속성을 false로 변경한다.Prettier와 ESLint 속성 간에 충돌이 일어날 수 있고, ESLint의 설정이 우선 시 되도록 하기 위해서참고Vue.js 개발 생산성을 높여주는 도구 3가지Vscode 설정 파일에서 "E

프로젝트 초기 설정sass-loader 설치 및 연동: 참고한 블로그 링크: vue-loader 공식 문서사이트 참고해서 프로젝트 초기 CSS 파일(폴더) 생성SCSS 구조와 @import뷰 라우터 설치뷰 라우터 설치 및 연결(Vue 3버전)메인 페이지(컴포넌트) 생성

프로젝트 초기 설정CSS 구조 설정폰트 설정페이지 전체 레이아웃 잡기뷰 라우터 설치뷰 라우터 설치 및 연결(Vue 3버전)메인 페이지(컴포넌트) 생성SCSS Boilerplate에서 \_index.scss의 역할: import로 여러군데에 있는 scss파일을 모으는 역

: scss 파일 명 앞에 '\_'(언더바)를 붙여서 별도의 css파일로 컴파일되는 것을 방지할 수 있다. '\_mixins.css' 파일의 경우 별도의 css파일로 컴파일될 필요가 없기 때문에 파일 명 앞에 '\_'(언더바)를 붙여서 작성했다.데스크탑 퍼스트로 작성

: vue-router 4버전 이상을 설치한다.Webpack의 코드 스플리팅을 이용해서 현재 라우트에 해당하는 컴포넌트를 동적 로딩한다. 이를 통해서 페이지의 초기 로딩 속도를 줄일 수 있다.window history 모드를 적용 (vue-router 이전 버전에서는

: https://ji-gwang.tistory.com/542.1 tmdb API의 구조 분석https://api.themoviedb.org/3/movie/{movie_id}?api_key=5c641d77de2e4b7554d8ebbf14934986&l

✨ 배포시 라우팅 적용이 안됨.. /search, /movie 둘다 안들어가진다.✨ vuetify 연동✨ stylelint 연동이미지 레이지 로딩 및 에러 처리'tmdb/configuration'을 최초에 호출해서 기본 세팅하기uetify 연동 => 간단한 UI 사용하

: 'vue-awesome-swiper' 라이브러리를 사용하려고 했지만, 현재 프로젝트에 사용하고 있는 vue3는 지원하지 않아서 swiper 공식 사이트에 있는 'swiper/vue'를 사용했다.swiper/vue 컴포넌트 import 하기swiper/vue 라이브러