반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- 타입스크립트
- restore scroll position
- SSR
- scrollTo 안됨
- Babel
- redux saga
- SAGA 패턴
- 식별자 결정
- 환경 레코드
- NextJS
- Webpack
- 세션스토리지
- useRef
- Apollo Server
- task-definition
- nvm
- Typescript
- graphql
- 비동기 처리
- 마이크로 프론트엔드
- Architecture
- CSR
- Next.js
- Apollo Client
- 무한 스크롤
- 변수 섀도잉
- Spa
- ESLint
- 실행 컨텍스트
- 스코프체이닝
Archives
- Today
- Total
목록Apollo Client (1)
minguri brain is busy
문제 상황 gql.ts query user { user { code status data { userId ... children { id ... tendency { id keyword } interest { id keyword } } } } } 이러한 gql 쿼리문이 있다고 했을 때 같은 Keyword 타입을 사용하는 tendency와 interest의 배열이 섞이는 상황이 발생했다. 순서만 섞이는 것이 아닌 규칙이 없이 섞였고, apollo graphql API sandbox와 네트워크 상에서는 정상적으로 불러와지나 프론트 ui상에서만 섞여서 노출되어서 더욱 혼란스러웠다. (뒤에서 살펴보겠지만 사실 규칙이 없는 것이 아니었다!) 해결 결론을 우선 말하자면 Apollo Client 캐싱 관련한 오류였다...
FE/오류해결
2022. 9. 3. 13:36