Dolphin-PC commented 1 month ago

[x] #10
- 판매자만 상품 등록이 가능합니다.
- 게시글 생성 필수 요소: 텍스트 (상품 상세), 이미지 (상품 사진)
- 이미지 파일 첨부(여러장)는 필수로 되어야하며, 이미지를 첨부하지 않았을 경우 상품이 등록되지 않습니다.
[x] #12
판매자만 상품 페이지에 접근이 가능합니다.
상품 페이지에서는 판매자가 판매하는 상품 조회가 가능합니다.
상품은 최신 순으로 정렬합니다.
전체 상품 조회 페이지네이션을 위해 무한 스크롤 기능을 구현해주세요.
- 아래 두 라이브러리를 활용하세요.
- [**react-intersection-observer](https://www.npmjs.com/package/react-intersection-observer#react-intersection-observer) - useInView 훅**
- [**useInfiniteQuery](https://tanstack.com/query/v4/docs/react/reference/useInfiniteQuery) - React Query**
[x] #14
- 상품에 대한 수정과 삭제가 가능합니다.
- 이미지가 수정된다면 기존 이미지 파일을 스토리지에서 삭제해주세요.
  - 상품 등록시, 상품 이미지는 Firebase Cloud Storage에 업로드됩니다.
  - 상품 수정 시 새로운 이미지를 업로드하면, 기존에 저장된 이미지는 Cloud Storage에서 자동으로 삭제되도록 처리합니다. 이는 스토리지 관리를 최적화하고 중복을 방지하기 위함입니다.

Dolphin-PC commented 1 month ago

💥 DB 안읽힘

Dolphin-PC commented 1 month ago

💥 Supabase Storage upload File name

Dolphin-PC commented 1 month ago

select 시, join fetch할 때, 문자열로 작성하게 되는데, 이를 타입 추론이 가능한 방법이 없을 지 고민

const { data, error } = await supabase
.from<"product", Database>("product")
.select(`
  *,
  category (
    categoryName
  )
  `);

Dolphin-PC commented 1 month ago

const {ref, inView} = useInView()
- ref : trigger할 element
- inView : ref element가 화면에 보여질 때, true가 됨