Header
메인 페이지
- 오늘의 추천상품 - Product 3개 정보 호출 필요
- 오늘 입고 됐어요! - 최신순 / Product 12개 정보 호출 필요 (페이지네이션, 기본값 12장)
// 오늘의 추천상품 ex) '/products?sort=recommend'
// 오늘의 입고됐어요! ex) '/products?sort=new'
로그인
// 소셜 로그인시 유저정보 저장 관련 확인 필요
{
kakaoId: 0,
nickname: ‘’,
profile_image: ‘’,
email: ‘’,
}
Product List
- 상품 전체 페이지 존재 X
- 전체 상품 갯수 호출 + (offset & limit) 호출 별도 필요
- NavBar 카테고리 → 페이지 리스트 연동 (ex)
/products?cate=baby
)
- 페이지네이션 → offset & limit 쿼리스트링으로 갯수만큼 호출
// ProductList 구조
// 전체 상품리스트 호출 시 '/products?cate=baby'
{
limit: 0
products: (100) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
skip: 0
total: 100
}
// 페이지네이션 쿼리스트링 API 호출 시 '/products?cate=baby&limit=12&skip=0'
{
limit: 12 // 한 페이지에서 보여줄 최대 갯수
products: (12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
skip: 12 //
total: 100
}
Product Detail