GraphQL/Apollo

GraphQL에서 정의한 query에 프론트엔드에서 추가변수를 구성할 수 있다.apollo에서 추가GraphQL에서 응답객체(전달해주는 변수들 집합)와 동일한 경로로 변수 추가※ 최초 Home 화면의 Home.js다른 Query지만 동일한 객체를 전달(resolve)하

외부적으로 넘겨받은 정보를 local에서 관리하는 방식백엔드에서 넘겨받은 정보를 프론트엔드에서도 같이 관리하는 방식보통은 API를 통해 넘어온 외부 data를 수정하거나 바꾸는 작업을 말한다.여기서 해당하는 API는 우리가 작성하였던 query와 동일하다.해당 quer

처음 id를 클릭해서 Detail 화면으로 넘어갈 때 loading이 나타나지만, 뒤로가기를 누른 후 다시 Detail 화면으로 넘어가면 바로 data가 나타난다.처음 id를 클릭했을 경우엔 loading 화면이 나타난 후, data를 받아오고 화면이 구현된다.뒤로가기

Apollo를 통해 백엔드 개념이 무엇인지, 어떤 방식으로 실무에 활용할 수 있는지 학습해본다.GrapQL server에 직접 접속하지 않고도 Data를 IDE환경에서 불러올 수 있다.실무에서 log를 통해 data를 확인하는 작업이 많을텐데, 이러한 상황을 시뮬레이션

※ 아래 기술하는 구조들은 Query뿐만 아니라 node.js 등 다른 javascript 문법구조의 기본이 될 수 있으므로, 잘 기억하고 있어야 한다.보통 javscript 내 사용되는 함수는, 아래와 같이 함수활용과 이에 대한 선언(정의)이 이루어져야 하는 구조이다

defined in resolvers, but not in schema 문제는 schema에서 작성한 Query 계획서와 실제 Query 및 resolvers 구조가 다르기 때문에 발생한다.특히 resolvers의 logic에서 발생하였을 확률이 높은데, schema와

backend API에서 다음과 같은 상황이 있다고 가정한다.frontend에서 useQuery를 활용하여 특정 table data 값을 확보해야 한다.이를 위해 backend에서 query를 활용하여 특정 table data 값을 얻기 위한 graphql logic을