이번 장에서는 GraphQL 클라이언트가 제공하는 핵심 개념, 추상화와 기능에 대하여 배웁니다.

최근 GraphQL을 이용한 프로젝트를 진행한 적이 있다. GraphQL에 관한 포스팅은 내 이전 velog를 확인하자. https://velog.io/@jayson/project-개.고.수-반려동물을-위한-커뮤니티 RESTful API와 다른 고유의 특징을 가지고 있는 GraphQL은 Quary와Mutation을 통해 요청을 보내 줄 수 있다. 대게 ...

최근 프론트엔드를 Angular로 전면 교체하면서 상태 관리 코드에 관한 고민이 많은 차에 많은 영감을 주는 좋은 글을 발견하여 (처음으로, 제대로) Mark Johnson님의 허락을 얻어 모자란 실력이나마 번역을 해봤습니다. 이에 관한 제 생각과 경험이 더 있는데 그 글은 따로 포스트를 작성하도록 하겠습니다ㅋ How GraphQL Replaces...

로컬 상태 관리 1. 상태로 만들어줘야 할 부분 - input - 변하는 부분 전부! (쇼핑몰을 예로들면 갯수나 가격, 옵션) - 유저의 입력정보 2. 상태 초기화 - cacheState.js 파일을 만들어 상태로 만들어줄 초기값을 설정한다. - 반드시 typename이 필요하다. - apollo cache의 모든 상태는 graphql의 type 시스템...

✨ 왜 nextjs + React + apollo-client 조합으로 SSR 구현을 하게되었다. 물론 98% 짜여진 코드에 2% 치명적인 코드를 수정해야하는 작업이었지만, 클라이언트에도, 서버에도 매우 치명적인 오류였기때문에 반드시 고쳐야만했다. 🔧🔨react-apollo는 이 프로젝트를 통해 처음 접하는 라이브러리였고, 아직 레퍼런스도 부족해서 영알...