본문으로 건너뛰기

목록 상태

주소의 정렬·쪽·쪽당 건수를 허용 목록과 상한으로 읽고, 쪽 나누기·번호 띠·정렬 토글·주소 만들기를 한다. 버린 입력을 같이 알려 준다. 밖에 묻지 않고 브라우저에서도 돈다

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-inputcreateListState 의 설정이 틀렸을 때(빈 허용 목록, 목록에 없는 기본 정렬, 목록에 없는 기본 건수)개발 중에 고친다. 주소의 잘못된 값은 실패가 아니라 rejected 로 알린다

한도

  • 쪽 번호 방식(skip/take)만 다룬다. 수십만 건 이상을 깊이 넘기는 목록은 커서 방식이 맞다
  • 정렬은 열 하나다. 여러 열 정렬은 소비 앱이 보조 키를 붙인다

명세