Pagination
목록형 UI에서 필요한 만큼의 데이터만 요청하고 응답받는 것 : 페이지를 넘기는 형식 뿐 아니라 스크롤 위치에 따라 추가로 새로운 데이터를 가져오는 것도 포함
Pagination 구현하기 위해서는 Limit & Offset Parameter 사용
- limit (page size) : 한 페이지에 보여줄 데이터 수
- offset : 데이터가 시작하는 위치
fetch(https://api.com/restaurants?limit=6&offset=0)
fetch(https://api.com/restaurants?limit=6&offset=6)
fetch(https://api.com/restaurants?limit=6&offset=12)
onClick event로 Pagination 시
componentDidMount : api 호출 ☛ this.setState (초기 데이터)
☛ onClick event : api 호출 ☛ 기존 배열 + 추가 배열 ☛ onClick event : api 호출 ☛ 기존 배열 + 추가 배열
SocialLogin Flow
| FrontEnd | Kakao | BackEnd |
|---|---|---|
| 1. Click → API 호출 | 2. Kakao → access-token → Front | |
| 3. Front → access-token → Back | 4. access-token으로 Kakao 호출 | |
| 5. access-token 바탕으로 필요한 정보를 Back에 전달 | 6. Kakao로부터 전달받은 정보로 유저 가입 7. access-token을 따로 발행해서 Front에 전달 |
