# mutation

45개의 포스트
post-thumbnail

Graphql mutation: try ~ catch

mutation도 실패합니다

7일 전
·
0개의 댓글
·
post-thumbnail

ECMA 2023 Mutations

ECMA 2023 추가 method에 대해 알아보자

2023년 5월 24일
·
6개의 댓글
·
post-thumbnail

react-query 의 mutation에 대해 알아보자

mutation 이란, 서버에 Side-Effect 를 일으키도록 하는 함수다.

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

TIL 0316

🏷️ [목차] 동기 실행과 비동기 실행 VSCODE에서 비동기 REST-API에서 동기/비동기 실행 호이스팅(Hoisting) apollo-client 셋팅하기 _app.js의 작동 원리 apollo-client 로 graphql 뮤테이션

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

TIL 0315

🏷️ [ 목차 ] HTTP 통신 HTTP 요청(Request)과 응답(Response) 요청(Request) 응답(Response) API API 종류 (rest-API vs graphql-API) rest-API와 graphql의 차이점 API 응답 데이터 J

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

React Query 공부 (11) mutation , invalidateQueries, Optimistic update

React-Query에서 mutation의 역할은 서버에 있는 데이터를 업데이트하기 위해 서버로 네트워크 콜을 보내는 것이다.즉 Create, Update, Delete할 때 쓰인다.우리는 mutaion을 활용하기 위해 useMutation hook을 사용할 것이다.

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[Graphql] Graphql 프로젝트 적용해보기(2)

clone 받아오기폴더 경로를 start/server로 이동 후 진행server/src/index.jsschema.jsindex.jsserver 경로에서 npm start해줌으로써 실행datasource/launch.jsresolvers를 만들어야한다.resolver

2022년 12월 26일
·
0개의 댓글
·

GraphQL Query & Mutation

GraphQL을 공부하다 GraphQL에서 반드시 알아야 할 사항들이 공식 홈페이지에 정리가 되어 있어서 공부도 할 겸 더 자세히 볼 필요가 있을 것 같다.GraphQL은 객체에 대한 특정 필드를 요청하는 것이 무척 간단합니다. 아주 간단한 쿼리를 실행하여 얻는 결과를

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

Vue Vuex 설치 및 사용법

Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 이다.애플리케이션의 모든 컴포넌트에 대한 <span style="background-color:또한 Vue의 공식 devtools 확장 프로그램과 통합되어 설정 시간이 필요 없는 디버깅 및

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

GraphQL 구조

저장된 데이터 가져오기 (REST의 GET에 해당)GraphQL은 거의 Query를 위한 언어...저장된 데이터 수정하기Create: 새로운 데이터 생성Update: 기존의 데이터 수정Delete: 기존의 데이터 삭제특정 이벤트가 발생 시 서버가 대응하는 데이터를 실시

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

graphQL Client(update)

보통 index에서 useContext Provider처럼 App 자체를 싼다.client를 하나 설정하고 그걸 따서 Provider로 제공한다고 생각하면 됨.index에서 사용원래 사용법매일 client를 끌고와야 하는 단점, state를 매일 만들어서 넣어야 하는

2022년 7월 25일
·
0개의 댓글
·

Graphql 오류 : invariant violation

중고마켓 상세페이지를 만드는 도중 만난 오류..invariant violation을 직역하면 불변요소 위반이라고 뜬다.쿼리를 동작해야 하는데, 뮤테이션이 쓰였다고 나와있는데 쿼리를 날리는데 오류가 날만한 요소가 있나 찾아보다가 어이없는 실수 발견 ㅎㅎ...fetchU

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

코드캠프 FE 4일차 - TIL(Asnyc - Await,Apollo-Client/mutation)

📔 학습목표 동기와 비동기방식 >> Asnyc - Await vscode에서 데이터전송 >> Apollo-Client/mutation 동기와 비동기방식 동기 : 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신. 말 그대로 동시에 일어난

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

express-graphql로 카와이한 첫 서버 만들기

🎉 graphql과 express로 인생 첫 서버를 만들었습니다 🎉 매우 카와이한 서버, 그래서 더욱 친절한 예시로 express-graphql 사용법을 설명합니다.

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

REST API? 난 GraphQL!

🥴 "그래프큐엘.. 너 혹시.... 뭐 돼..?" 그래프큐엘, 뭐하는 친구인지 알아봅시다! 본 게시물에서는 그래프큐엘의 개념과 타입시스템을 예시와 함께 설명합니다.

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

Day 04) 1. 동기와 비동기 방식 => Async-Await 2. VSCODE에서 데이터 전송해보자! => Apollo-Client / Mutation

비동기 실행: 서버 컴푸터의 작업이 끝날 때까지 기다리지 않는 통신으로 여러 가지 요청을 동시에 처리해 줄 때 사용합니다.동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신입니다.자바스크립트는 default로 동기적 방식입니다. ( 위에

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

GraphQL - Docs를 통한 정리(뮤테이션)

이 글은 GraphQL Docs를 읽고 정리한 것입니다. 뮤테이션 뮤테이션 변경을 발생시키는 작업은 명시적으로 mutation을 통해 전송되는 것이 좋다 (앞서 정리한 query 타입의 경우 조회를 위한 것이다). 아래 예시의 경우 createReview 필드가 새

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

SWR 사용법

SWR은 Next.js로 유명한 Vercel에서 만든 원격 데이터 가져오기를 위한 Hook입니다.오직 useSWR이라는 훅을 사용하여 데이터를 조작합니다.key: 요청을 위한 고유한 값fetcher: 데이터를 조작하기 위한 함수를 반환하는 프라미스options: SWR

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