멘티 질문
1차 MVP가 완료되어서 이제 성능 최적화나 요런 부분을 진행해보려고 합니다. 다만 다른 부분은 큰 걱정이 없는데 특정 상황에서 반복적으로 렌더링이 되거나 여러번 렌더링 되는 이유들을 잘 찾기 어려운데 혹시 이런 부분을 잘 찾을 수 있는 방법이 있을까요..! - 김석주
쿼리 키 refetch 방식..?
멘토 답변
꾸러가 아무것도 없을 때는 안내 문구와 함께 꾸러미 페이지로 리다이렉트 시켜주는 로직을 만들어주면 좋을 것 같다. 아니면 해당 드롭다운에서 바로 모달을 띄워서 꾸러미를 만들 수 있게 해줘도 좋을 것 같다.
400 에러가 떠도 성공했다는 notify가 뜬다. onSuccess에서 res.status를 이용해서 분기 처리를 해주면 좋을 것 같다. service 함수에서 res.data 리턴 대신 res 리턴.
무한 스크롤로 변경
링크를 입력 안했을 때, 커서 생기는 거.. 그리고 아예 없으면 링크 하나만 두고 링크를 설정해주세요 텍스트 뜨게 해주고 클릭하면 사용자 정보 수정 모달이 뜨게 한다던가
정리
PWA에서의 모바일 기본 버튼 어떻게 핸들링하는가요...
register에서 홈으로 갈 수 있는거(기본 아이디 같은거)
default 꾸러미 하나 있으면 어떨까?
아니면 + 눌렀는데 꾸러미 없으면 꾸러미 만드는 거 추가하게 해줘도 좋을 것 같다. 하나밖에 꾸러미가 없으면 빠르게 추가도 되지 않을까?
모달에서 잘못 눌러서 꺼지는 것을 방지하는 것이 필요없지 않을까?
필요하면 outside 클릭을 동작하지 않도록
꾸러미 생성 400인데 성공 메세지가 뜬다..!!
res를 통째로 받아서 사용하면 될까요..?
질문 허브 접근시에 API를 여러개 불러온다.
요거 봐주면 좋을 것 같다.
무한스크롤 예정입니다..!!
개인정보에 링크가 없으면 아이콘이나 요런게 뜬다..!
디바운스 검색에 썼는데 왜?
queryKey로 stale 적용하기
동적 쿼리키를 사용하시는데,
쿼리키를 변경? 캐싱을 많이 사용하다보니까 product에서 어떻게 잘 관리할 수 있을까에 대한 고민을 하셨다.
최근에는 페이지 단위로 업데이트가 있을때 쿼리키를 잘 관리하기 위해 새롭게 구성하셨다. 다이나믹 쿼리키 , 홈 페이지 << 텍스트를 다 넣어두기
invalidquerise에서 모든 데이터를 갱신할 수 있다!
한번에 갱신하고 싶을 때!
배열 안에서 어떻게 되는지 확인해보면 좋다
오래유지하는 건 10000000 백만
그외에는 지정 X
gcTime은 5분, staleTime은 10000(10초) 혹은 대부분 0
하위 컴포넌트를 싹다 죽이고 하나씩 까본다
모달 띄울 때 historyPush로 해결해도 되는데 까다롭다. 심혈을 기울여야 한다.
홈에 갔을때는 윈도우 히스토리의 내역을 초기화 혹은 replace 내역을 해보면 좋을 것 같다.
아이폰의 경우에는 env safe area bottom, inset이랑만 해주면 된다.
주요한 것만 가지고 간다. 하위는 아쉽지만,,,, 버려야,,,,흑흑... 이슈가 터져도 대응X
QueryKey에는 순서가 있다!!!!!!!!!