목록 상태
주소의 정렬·쪽·쪽당 건수를 허용 목록과 상한으로 읽고, 쪽 나누기·번호 띠·정렬 토글·주소 만들기를 한다. 버린 입력을 같이 알려 준다. 밖에 묻지 않고 브라우저에서도 돈다
npm install @duolabs-deux/unit-list-state
직접 넣어 보기
가상 주소
정렬 허용: name · createdAt · amount, 쪽당 25·50·100, 쪽 상한 100, 전체 1,234건
읽은 값
sort createdAt:desc · page 7 · per 50
버린 입력: sort, per (잘못 만든 링크가 있다는 뜻)
skip 300 · take 50 · 301–350 / 1234
쪽 번호
……
정렬
정렬·건수를 바꾸면 1쪽으로 간다. 기본값은 주소에서 빠진다
어댑터
없다. 밖에 묻지 않고 입력만으로 결정적으로 답한다.
실패와 소비 앱이 할 일
| 종류 | 언제 | 할 일 |
|---|---|---|
invalid-input | createListState 의 설정이 틀렸을 때(빈 허용 목록, 목록에 없는 기본 정렬, 목록에 없는 기본 건수) | 개발 중에 고친다. 주소의 잘못된 값은 실패가 아니라 rejected 로 알린다 |
한도
- 쪽 번호 방식(skip/take)만 다룬다. 수십만 건 이상을 깊이 넘기는 목록은 커서 방식이 맞다
- 정렬은 열 하나다. 여러 열 정렬은 소비 앱이 보조 키를 붙인다