Container 사용자 지정, 에러 메시지 출력, 로딩 애니메이션, Footer
Container 너비 사용자 지정, MovieItem영역 회색 배경 $container-max-widths: ( sm: 540px, md: 704px, lg: 924px, xl: 1140px, xxl: 1364px ); src폴더의 scss폴더 안에 main.scss에서 container너비를 위와같이 수정합니다. MovieList.vue의 style부분에서 inner를 꾸며서 movie를 출력하는 곳에 회색 배경을 보여줍니다. 에러 메시지 출력 왼쪽은 MovieList.vue의 state부분 message입니다. 오른쪽은 movie.js의 actions의 searchMovies중 try앞에 추가합니다. 웹페이지 열어줄 때는 먼저 검색하라고 나올 것이고, 검색버튼 클릭 시, message가 오른쪽처럼 ..
영화 검색 - 기본 검색, 추가 요청, ID중복 제거, 리팩토링
영화 검색 - 기본 검색 import axios from 'axios' export default { namespaced: true, state: () => ({ movies: [], message: 'hello movie', loading: false }), getters: {}, mutations: { updateState(state, payload) { // ['movies', 'message', 'loading'] Object.keys(payload).forEach(key => { state[key] = payload[key] }) }, resetMovies(state) { state.movies = [] } }, actions: { async searchMovies({commit}, payloa..
