Firebase 배우기 10 – Firestore DB 등록 자료를 특정 필드 기준으로 정렬하여 읽어오기

Firebase 배우기 10 – Firestore DB 등록 자료를  특정 필드 기준으로 정렬하여 읽어오기

FIrestore Database에 컬렉션으로 등록한 자료를 읽어와 웹페이지에 표시하는 것을 이전 글에서 소개한 바 있었다.

https://blog.naver.com/mythee1/223493415455

그런데 이렇게 자료를 읽어와 표시하다 보면, 표시되는 순서가 다소 제멋대로인 형태가 되곤 한다.

이것은 다음과 같이 컬렉션에서 자료를 읽어올 때 표시하는 순서를 별도로 지정해 주지 않았기 때문에 생기는 현상이며,

특정한 필드 기준으로 정렬하는 게 필요하면 다음과 같이 orderBy(“기준필드”) 구문을 추가해 주는 방법으로 해결할 수가 있다. 다음은 “products”라는 컬렉션(=DB)에서 “상품 등록번호”라는 필드를 기준으로 DB를 읽어와 표시하라는 의미의 문장이며, 별로도 “asc”의 표시를 하지 않아도 올림차순으로 해석되어

위의 결과는 다음과 같이 상품 등록번호가 1씩 증가하는 순서대로, 정렬되어 표시되게 된다.

한편 정렬 순서는 내림차순으로도 정렬이 가능한데, 이 경우에는 다음과 같이 반드시 “desc”표시를 해주어야 하며 (올림차순 정렬에서는 표시하지 않아도 무방),

다음과 같이 지정한 필드값의 역순으로 하나씩 문서들이 표시된다.