코드캠프 Day 24

OwlSuri·2022년 4월 15일
0

코드캠프

목록 보기
18/40

오늘 배운 것

지금까지는 자동으로 받아오는 useQuery만 배우고 사용해서 사실 그거 하나만 있는줄 알았는데, axios같이 수동으로 가지고오는 방식인 useLazyQuery도 있다는 것을 알게되었다. 그리고 값을 원하는 살자에 담아줄 수 있는 useApolloClient도 배웠다.

useApolloClient의 특징을 활용하여 fetchUserLoggedIn 값을 GlobalState에 담아주기위해 onClickLogin에서 client.query({})로 요청을 보내야 했다.

어느 정보를 불러올지 인증 정보를 함께 보내야 한다. 따라서 client.query의 context의 headers 내부에 Authorization 정보를 함께 첨부해 보내주고, 그 결과값을 GlobalContext 안 setUserInfo에 담아 주었다.

그리고 폼 라이브러리를 배웠는데,
지금까지 onChange 하며 썼던 그것들이 라이브러리에 다 들어있어 편하고, 안정적이고 짧게 완성할 수 있었다.

이것을 검증할 수 있는 yup이라는 라이브러리도 있는데, 며칠전 배웠던 정규표현식이나 최대 최소 길이를 기준으로 에러메세지를 보여줄 수 있다.

https://velog.io/@owlsuri/useApolloClient

profile
기억이 안되면, 기록을 -

0개의 댓글