inflearn logo
강의

Course

Instructor

Full Stack React Live Coding - Creating a Simple Shopping Mall

invalidateQueries vs. optimistic updates

안녕하세요! 장바구니에 왜 담기지 않는지 궁금합니다

479

wonse

4 asked

0

 

깃허브 주소 먼저 첨부드리겠습니다

https://github.com/shinwonse/shopping-mall

 

핸들러에서 잘못된거 같은데 계속 돌려보면서 따라쳐봐도 어디가 문제인지 모르겠네요ㅜㅜ

 

혹시 깃허브에 mocks 폴더도 올려주실수있나요?

graphql react firebase

Answer 3

2

yongjl118570

그 graphql cart부분에서 

export const ADD_CART = gql`
mutation ADD_CART($id: string) {
id
imageUrl
price
title
amount
}
`;

이렇게 작성되어 있으시던데

 

제 코드는 아래와 같은데 확인해보시면 좋을거같습니다!

export const ADD_CART = gql`
mutation ADD_CART($id: string) {
cart(id: $id) {
id
imageUrl
price
title
amount
}
}
`;

0

jaenam

 영광님 말씀대로 graphql 코드에 빠진 부분이 있네요.
ADD_CART, GET_CART 부분을 잘 비교해 보세요 :)

https://github.com/roy-jung/livecode-study_mall/blob/808249f1935c96ee70a54b39fa770625f8d7cb93/src/graphql/cart.ts

 

 

 

1

jaenam

제가 다음주 월요일까지 컴퓨터에 접근이 어려운 상황이라 당장은 정확한 답변을 드리지 못할것 같아요.

이에 대해서는 월요일까지 문제해결이 안되셨다면 그 때 면밀히 살펴보도록 하겠습니다.

깃헙엔 매일매일 작업내용을 그대로 푸시했습니다. 해당 일차의 커밋로그를 확인하시면 됩니다!

0

pia1201075

이미 해결하셨겠지만, 저도 비슷한 문제를 경험하였고

2일차 '장바구니 담기 API / 장바구니 페이지' 강의만 보고 진행하는 경우 

헤맬 수 있는 부분이 있어 혹시나 하고 공유드립니다.

 

 

(1) 영상 내 graphql/cart.ts 파일을 수정하시는 장면이 편집된 것으로 보입니다.

따라서 코드를 따라치시는 경우 놓치실 수 있습니다. (제가 못보고 지나쳤을 수 있습니다.)

 

장바구니 담기 API / 장바구니 페이지 - 6:14, 10:40, 12:09 

 

 

장바구니 담기 API / 장바구니 페이지 - 17:26에서 수정되어 등장합니다.

 

(2) 장바구니 캐시 문제

 

장바구니 페이지를 이미 접근한 경우

추가적으로 제품을 담아 재접근하더라도 기존 캐시를 가져오기 때문에 페이지에 반영이 안될 수 있습니다.

 

해당 내용 관련하여 3일차 '장바구니 페이지 / 목록수정 API'에 설명 주셨으나,

2일차 강의만 수강하신 상태라면 헷갈리실 수 있을 것 같습니다!

 

 

이상입니다.

장바구니 담기 버튼 누르면 404에러가 뜹니다

0

253

1

[useRoutes, React-Query 오류 해결방법] No QueryClient set, use QueryClientProvider to set one 에러 나시는 분 보세요 !!!

4

1210

2

깃허브에서 선생님께서 올리신 파일 받아,, 실행시켜보려했으나 안됩니다

0

343

1

상품목록페이지만들기에서 ... 막힙니다..

0

407

1

강의 시점과 지금시점이 꽤 달라진게 있는거 같아요

0

500

1

상품목록 불러오기, 장바구니 삭제 에러 질문 드립니다

0

411

1

graphqlFetcher 관련 에러와 , data 객체 정의 되지 않는 오류 질문 드립니다

0

572

2

productdetail 데이터 안불러와지고 있습니다.

1

445

1

query 에러 발생했습니다.

1

538

1

react typescript vite 설치시 오류 질문드립니다.

0

1794

2

섹션1의 1강 routes.tsx에서 에러가 발생합니다

0

813

2

routes.tsx에서 질문이 있습니다!

1

576

1

vite-plugin-next-react-router

0

1476

3

grahpqlFetcher 설명가능할까요

1

501

1

msw mocking enabled

1

789

2

[기술 질문아님]

0

551

2

products 라우팅은 되는데 cart 라우팅은 안되네요 ㅠ

0

585

2

caught Error: No QueryClient set, use ueryClientProvider 에러

13

1970

3

Heroku build관련 오류가 발생해 글 남깁니다 ㅠㅠ

0

705

1

firebase filterling 관련 질문

0

568

3

body가 json 형태가 아닌 ReadableStream 형태로 찍힙니다.

0

785

1

graphqlFetcher 관련 에러가 해결이 안됩니다. ㅠㅠ

1

673

3

MSW graphqlFetcher 에러 관련

0

477

1

graphql-tag, graphql-request 패키지를 사용하는 이유가 궁금합니다.

0

790

1