데이터 api통신 질문있습니당

[정중식]

센세님 코드구조가



대충 이런식이거든요?

제품상세페이지에
제품 api요청으로 이미지, 카테고리 탭 누르면 해당제품의 카테고리데이터 등등을 받아오는구조인데,

컴포넌트로 잘개 쪼개ㅇ놨습니다.

제품페이지 > 캐러셀 
제품페이지 > 카테고리탭+아이템..

그러면 데이터통신을 리액트쿼리를 사용한다고치면, 제품페이지에서 모든 data를 받아와서 하위컴포넌트로 뿌려주면되는건가요?

왜 이런고민을하냐면

제품 api가 잘개쪼개져있는 백엔드구조라 그렇습니다.
해당제품상세api와,
그안에서 카테고리 탭의 api도 쪼개져있어서요..

혹시 제 질문이 이해가가셨을려나요?ㅠㅠ

[정중식]

고민은

1. 최고부모 컴포넌트에서 모든 api요청을해서 데이터를 하위컴포넌트로 뿌려준다.

2. ㄴㄴ 그냥 하위컴포넌트에서 리액트쿼리로 그 컴포넌트 안에서 요청을해서 뿌려준다.

[codingapple]

탭 누를 때 바로바로 상품 보여주고 싶으면 페이지로드시 전부 ajax요청하고
초기 로드되는 시간 줄이거나 그러고 싶으면 탭눌렀을 때 각각 ajax 요청합시다

[정중식]

선생님 혹시 스토리북 알려주는 강의는없나요..
추천해줄만한 사이트라던지..
공홈에서 그대로따라쳤는데 에러를마주쳐서 .. 쉽지않네요...

[codingapple]

안써봐서 모르겠군요

[정중식]

흥미로운 답변입니다.

[글쓴이]

글