일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- learn next.js
- ES6+
- hatso
- object
- Python
- react
- dev
- This
- DOM
- API
- CSS
- gitCLI
- github
- JavaScript
- JS
- git
- AI
- next.js
- 최적화
- es6
- 우아한테코톡
- 변수
- developerlife
- ES5+
- 함수
- array
- hooks
- 햇소
- 선택자
- html5
Archives
- Today
- Total
목록invoices page (1)
codinghatso

-ai를 사용해 개념정리 했음을 공지합니다.- invoices page를 완성하는 챕터입니다. invocies page에는 검색기능과 6개의 고객 정보를 담는 테이블 6개를 넘어서면 다음 page의 데이터를 가져오는 Pagination 기능 총 3가지를 구현합니다.검색 원리 분석/dashboard/invoices?page=1&query=pending URL쿼리를 객체로 묶어 보면 이렇게 표시할 수 있다.{page: '1', query: 'pending'}.'use client';import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';import { useSearchParams, usePathname, useRouter } from 'next/..
WEB/Next.js
2025. 3. 11. 22:45