![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bhxYvS/btq7kkyyXwa/RyU3bXfHKT3K9IPGskznsk/img.png)
Vuetify를 사용하다 보니 Pagination도 v-pagination을 사용하다가, 원하던 기능이나 디자인이 커스텀되지 않는 부분이 있어서 새롭게 제작하게 됐다. v-pagination이나 구글링하면 나오는 소스들과는 조금 다른 점이 있어서 직접 개발을 하게 됐는데, 조금 특이한 점이 있다면 이전과 다음 버튼을 누르면 보통 한 페이지씩 이동하고, 다음 페이지 그룹으로 넘어갈 때 (1,2,3,4,5에서 6,7,8,910) 조건이 5에서 다음 버튼을 누르면 6으로 가거나 그러는데 구현해야 하는 기능은 이전, 다음 버튼을 누르면 5개씩 페이지가 넘어가고, 1페이지에서 다음을 누르든, 2든, 3,4,5 페이지에서 다음을 누르면 무조건 6으로 가고, 마찬가지로 6,7,8,9,10 페이지에서 다음을 누르면 1..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Igs4G/btqB8atanLM/PcQ5PXPZbKDvnN1rgJ7uq0/img.png)
MVVM = Model View ViewModel의 약자입니다. Vue.js 에서는 이 패턴을 사용하고 있음을 아래의 사진으로 알 수 있습니다. 사진의 ViewModel이 양방향 데이터 바인딩을 가능하게 해줍니다. M(모델) : 프로그램에서 실제 사용하는 데이터를 다루는 부분. V(뷰) : 사용자에게 데이터를 보여주는, 사용자가 눈으로 볼 수 있는 부분. VM(뷰모델): View와 Model 사이의 인터페이스 역할, 모델의 데이터를 뷰에 바인딩하고, 뷰에 보여질 동작들을 제어한다. var vm = new Vue ({ }) // Vue instance Create 이렇게 생성된 Vue instance는 VM이 됩니다. $el 은 MVVM 에서 View로 볼 수 있고, $data는 MVVM에서 Model로 ..
- Total
- Today
- Yesterday
- CORS
- three.js
- react-query
- pinia
- Cypress
- vue3
- Store
- composition
- Redux
- 포트폴리오
- vuex
- 자바스크립트
- e2e
- pagination
- backend
- Core Components
- NUXT
- 퍼블리셔
- Closure
- Front
- JS
- vue.js
- vue
- react query
- react native
- vuetify
- 호이스팅
- react
- 타입스크립트
- frontend
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |