# refetch

16개의 포스트
post-thumbnail

[6/2 TIL] useQuery 사용하기

1. polling 방식 쿼리가 일정 주기마다 실행되도록 하여 서버와 실시간에 가까운 동기화를 제공한다. 쿼리에 대한 polling을 활성화 하려면 pollInterval 옵션얼 설정해준다. refetching 방식 polling 방식처럼 일정 간격으로 update

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

코드캠프 FE 7일차 - TIL(setState/refetch/key,index)

📔 학습목표state의 동작원리    >>    SetState최신 데이터 다시 가져오기    >>    refetch목록에서 삭제하기    >>    key/index지난 시간 수업 코드리뷰container / presenter 부모 자식 관계 게시판 등록해서 버

2022년 5월 18일
·
0개의 댓글
post-thumbnail

Day 07) 1. setState가 이런 원리였다고?! => SetState 2. 최신 데이터 다시 가져와줘! => refetch 3. 왜 목록에서 삭제가 안되지??! => key / index

깃 다시props drilling: props를 부모가 자식에게 물려주고 자식이 그 자식에게 물려주는 방식 많다고 좋은것은 아니다파일을 나누면서 container : 자바스크립트 영역 presenter : HTML ( JSX ) 영역기능을 연결시켜 주기 위해

2022년 5월 17일
·
0개의 댓글

refetch의 문제점과 개선 방법(modify)

현재까지 우리는 refetch 라는 기능을 통해서 손쉽게 화면을 업데이트 했습니다. 하지만 이는 좋은 방법은 아닙니다. 불필요한 네트워크 요청을 백엔드에 한 번 더 보내게 되는 것이죠. 따라서, 추가적인 네트워크 요청 없이 프론트엔드의 apollo 저장소에 직접

2022년 4월 23일
·
0개의 댓글
post-thumbnail

25일 ) 비구조화 할당 알고나면 쓸 수 밖에 없는 편리함/ Rest-parameter/ 내가 useState같은걸 만든다고?! Custom Hooks/refetch 대신 Cache.modify하자! Code Camp FE 6기

신나는 6주차의 커리큘럼 !!!(와씨 타입스크립트쓰다가 맨날 가능한 제네릭이 아닙니다..그놈의 제네릭 제네릭으리아ㅡㄹ아거!!!!1이랬는데 드디어 배운다 ㅠㅠ!!!!!!!!!!)기존에 객체에있는 값을 꺼내올때 간편하게 표현하게 하기 위해 적는 방식이 비구조화 할당 ! 중

2022년 4월 18일
·
0개의 댓글
post-thumbnail

search, query, refetch

1. serch, query, refetch Search.tsx ~ SearchBar component를 styled.TextInput로 만듬 [query, setQuery] = useState('')를 만들어서 query값을 담을 State를 만듬 onChan

2022년 4월 9일
·
0개의 댓글
post-thumbnail

7)ㅇㅖ? 실무에선 for문을 왜 안쓴다구요..? map 니가몬데,,,실무중심주의 부트캠프 코드캠프! (Code Camp FE 6기)

useState 진위여부 (맞니, 아니니) 판단할때는 is로 시작하는 이름을 지어준다 isActive 사용해서 event.target.value false에서 true로 바뀌는거 큰 흐름을 잘보자 ! 노란불 만들어주기위해서 usestate 하나 만들어주는데 초기값 fa

2022년 3월 22일
·
0개의 댓글

🌝 TIL 2016

[Destructuring] [customHook] [refetch efficiency] [.replace()]

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

코드캠프 부트캠프 7일차-2

Query를 다시 Fetch한다는 것으로 useMutation을 한 후 기존에 받아왔던 Query의 데이터가 변경되었을 경우 사용하게 된다.예를들어, Query로 게시글들의 목록을 10개 불러왔다고 하자.그런데 Mutation을 통해 하나를 삭제하면 게시글은 9개가 되

2022년 1월 18일
·
0개의 댓글

Day 07.

filter & map / refetchQuery / key or index

2022년 1월 18일
·
0개의 댓글

Day 25

구조분해할당(=비구조화할당) Disructuring name, age, school을 name, age, school이라는 박스에 담고싶다. 근데 이걸 축약시키는게 된다 이게 비구조화 할당, 구조분해할당이다 연습을 직접 해보자 (크롬 부라우저에서 간단하게 해볼

2021년 12월 3일
·
2개의 댓글

[TIL] 10월 8일 refetchQuery 보완방법

useMutation을 사용하고 바뀐내용을 다시 받아오기 위해서 refetchQuery라는것을 사용했다.댓글등록 완료후 등록된 댓글내용을 새로고침하지 않아도 자동적으로 받아오는 기능이다.리패치쿼리 예시이렇게 리패치쿼리를 이용함으로써 새로고침없이 바로바로 업데이트되는것처

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

내가 친 검색어대로 화면에 보이게 하는 방법

refetch와 search를 이용해 fetchBoards를 수정해서 검색버튼을 눌렀을때 내가 입력한 검색어만 화면에 보이게 하기

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

TIL React | 검색기능

모든 코드에 의미를 담겠습니다.지금까지 내가 구현한 자유게시판에는 Pagination 기능과 게시물을 등록할 수 있는 기능까지만 올림차순으로 정리해놓고 내용을 클릭하면 등록한 게시판으로 넘어갈 수 있는 구조를 만들어 놓았다.여기서 금일에 추가한 내용은 검색을 하였을 때

2021년 6월 7일
·
0개의 댓글

Apollo Cache 업데이트

mutation 후 query를 refetch함cache를 직접 update함Ex)

2021년 4월 2일
·
0개의 댓글

Apollo Cache Update

Apollo Cache WriteFragment, useQuery refetch, useMutation refetchQueries

2021년 2월 18일
·
0개의 댓글