graphQL

Apollo Client는 GraphQL을 이용하여 로컬과 리모트 데이터를 다룰 수 있는 자바스크립트의 포괄적인 상태 관리 라이브러리이다. 이를 이용해서 데이터를 가져오거나, 캐시, 애플리케이션 데이터의 수정 이 모든 것을 UI를 업데이트하면서 할 수 있다. Apollo Client는 현대의 개발 방식과 동일하게 코드를 경제적이고, 예상가능하며 선언적인 방식으로 짤 수 있게 해준다. @apollo/client 라이브러리는 리액트와의 통합성을 제공하며, 다른 유명 라이브러리/프레임워크를 위한 통합도 거대한 아폴로 커뮤니티를 통해 유지되고 있다. 특징 선언적인 데이터 패칭: 직접 로딩 상태를 따라갈 필요 없이 쿼리를 작성하고 데이터를 가져올 수 있다. 휼륭한 개발자 경험: 타입스크립트, 크롬 / 파이어폭스 ..

Apollo Client @apollo/client 라이브러리를 이용합니다. Apollo는 GraphQL 서버에서 필요한 정확한 데이터를 쉽게 query할 수 있는 GraplQL 클라이언트입니다. 데이터를 가져오고 변조하는 것 이외에도, Apollo는 query와 그 결과를 분석하여 클라이언트 사이드 캐시를 구성하며 이를 통해 추가 query와 mutation이 실행될 때 최신 상태로 유지되게 합니다. Next.js에서 Apollo Client 사용하기 SSR을 할 수 있는 Next.js 프레임워크에서 Apollo Client를 사용하는 방법이 여러가지 있다. next-with-apollo라는 라이브러리가 유명하지만 아쉽게도 최신 스펙인 getServerSideProps나 getStaticProps를 정..

더 많이 더 적게 : 어떻게 발전시켜나갔는가? 사이드 프로젝트로 기획한 사이트인 가 나온 지 1달이 좀 넘었다. 침착맨님이 방송에서 잠깐 시간 남을 때 해줬으면 했던 게임인데 어쩌다 보니 다양한 스트리머들이 게임을 즐기면서, 금전적인 문제와 남들이 더 나은 게임을 즐겨야 한다는 생각에, 나도 재미로 이 사이트를 굴리기 힘들어졌다. ▲ 처음으로 게임을 즐긴 이말년 만화가님과 주호민 만화가님 가장 큰 문제는 역시 돈이었다. 도메인은 그냥 버리는 돈으로 생각하고, 좋은 경험했다고 넘어갈 수 있겠지만 서버비가 한 순간 감당할 수 없을 만큼 높아져 있었다. 게다가 정말 야매로 만든 코드라 백앤드 없이 오로지 프론트앤드로만 코드를 짜서 ZEIT으로 올렸던 프로젝트인데, 게임 내에서 계속 이미..