profile
오로지 나의 기억력을 위한 일지
post-thumbnail

[React] 비동기 통신 useSWR의 모든것

리액트를 다루면서 사용할 수 있는 비동기 통신은 여러개가 있다. 내가 알고 있는 방법으로는 redux-saga, useSwr, react-query 정도? 가 있는 것 같다. 자주 사용했던 것은 redux-saga, 간단해 보여서 사용하고 싶었던 것은 useSwr과

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[React] Intersection Observer를 사용한 무한 스크롤 구현

항상 이론으로만 보다가, 한번쯤 직접 구현해보고 싶어서 제일 쉬운 예제를 따라해보았다. (간단하게 기능만 구현하기위해 any type을 남발하였음...) > API 출처: https://unsplash.com/ 1. 상태 정의 photo: 불러온 데이터를 저장 p

2021년 12월 24일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(3)

이번에는 useQuery와 useMutation의 캐시에 대해 다뤄보려고 한다. 먼저 세상 너무나도 간단한 useQuery에 대해 알아보자 - 게시물 불러오기 useQuery 위의 쿼리에 대해 클라이언트 부분에서 React의 useQuery hook을 이용하여 불러

2021년 12월 14일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(2)

앞서 1편에서 backend부분의 type, query, mutation정의를 완료하였다!RestAPI같이 각각의 endpoint도 필요하지 않고, uri의 설정 및 세팅도 필요없고 매우 빠르게 작성할 수 있었다 (물론 더 숙련이 된다면...)이번에는 client-s

2021년 12월 10일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(1)

이런저런 바빴다는 이유(핑계)로 꽤나 오랫동안 멀리했던 graphql을 리마인드 해보고 싶어서 다뤄보게 되었다. 이번에 구현할 미니 프로젝트의로그인로그아웃게시물 등록댓글 작성게시물 좋아요 그리고?FE : React + TypeScriptBE : GraphQL일단 ap

2021년 12월 5일
·
0개의 댓글
post-thumbnail

[React] react-redux 비동기 처리 - thunk, saga

react-redux에서 로그인과 같은 비동기 작업을 해야 할 때는위 흐름과 같이 진행되어야 했다. 하지만 비동기 작업을 redux-thunk라는 미들웨어를 통해 비동기 작업을 조금 더 편리하게 관리할 수 있다../redux-action.js 파일에서 thunk 액션을

2021년 10월 8일
·
0개의 댓글