
[연습장] Vue3 : API를 통한 영화 목록을 만들어보자. (4) 영화검색과 페이징 처리를 해보자
연습장
2022. 3. 1. 01:18
기존에 만들었던 영화목록은 따로 파라메터를 받지 않고 그냥 url뒤에 필요한 값들을 하드코딩해서 보냈었다. 이번에는 검색어와, 가져 올 영화갯수, 페이지 처리를 해보겠다. 근데 우선 알아야 할 것은 해당 데이터가 데이터베이스에 있는 것이 아니라, API로 그때그때 가져오는 거라, 기존의 페이지네이션 처리 방식이 다르다. 나는 그냥 페이징 계산 안하고 [이전], [다음] 버튼 정도만 구현하였다.. 간단히 코드랑 결과화면만 찍겠다. MovieList.vue Album example Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too shor..