일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- nft
- Remix
- git
- chatGPT
- nginx
- Setting
- 회고
- Kaikas
- NextJS
- jquery
- Ai
- Laravel
- metamask
- 배포
- nodejs
- 공연티켓
- 라라벨
- threejs
- node
- PM2
- React
- polygon
- CSS
- exceljs
- Python
- miniconda
- 발행
- pagination
- 블록체인
- netfunnel
- Today
- Total
목록pagination (3)
박주니 개발 정리
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bmP1L5/btslV1LCIPD/SfsycanIWgUpFezGt8yLgk/img.png)
1. 먼저 redux 패키지를 설치합니다. npm install redux react-redux 참고 파일구조 2. store 폴더를 생성하고 index.js에 redux 스토어를 생성하고 애플리케이션에 redux를 통합합니다. // src/store/index.js import { createStore } from "redux"; import { combineReducers } from "redux"; import paginationReducer from "./reducers/paginationReducer"; // 리듀서를 복수로 관리하려면 combineReducers 함수를 사용하여 하나의 루트 리듀서로 결합합니다. const rootReducer = combineReducers({ paginati..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Glna6/btrv4AjwBBI/NlR09nt8QnfYs5dbgERKQ0/img.png)
바로 본론으로 들어가서 라라벨 paginate는 직접 조작할 수가 없습니다. 그럼 links()을 거치는 것이 아니라 ajax으로 직접 데이터를 받아서 아예 A-Z까지 사용해야하는 것인데 그럼 라라벨로 프론트를 구성할 때 비효율적이기 때문입니다. 혹시 라라벨 paginate()을 활용해서 links()을 사용할 때 정해진 1-10까지 나오고 다음을 누르면 11-20 이렇게 나오게 하는 방법을 아시는 분은 알려주시면 감사하겠습니다. 저는 자바스크립트 및 react로 a-z까지 페이지네이션을 클라이언트가 요구한대로 만들어본 적은 있는데 라라벨은 공식 문서 및 전문가에게 물어봐도 알수가 없었습니다. 'Pagination을 제대로 적용했는데 안된다면' 파트를 다 이행하셨다는 전제하에\Providers\AppSe..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/6L0xW/btrv06vlvnS/QBDYYejl4Hr1gvkQ0He8D0/img.png)
1. 현재 pagination을 제대로 이해하고 만들었는 지 확인합니다. (model과 controller 생성하고 migrate를 통해 db 설정까지 진행했다는 가정하에 설명하겠습니다. ) 1. pagination까지 만드는 과정을 이해하기 위해 데이터 추가 및 보이게할 페이지를 resource/views 안에다가 blogs라는 폴더를 만들고 그안에 create.blade.php를 생성했습니다. 각자 db에 설정에 맞는 이름을 설정하시면 됩니다. 2. create.blade.php 안에 간단한 form을 만듭니다. Create Blog Data @csrf Title Memo submit 3. routes/web.php 에서 blogs/create.blade.php를 보이게 할 루트를 만듭니다. Rout..