혜개바라
close
프로필 배경
프로필 로고

혜개바라

  • 분류 전체보기 (170)
    • 코테 준비 (46)
      • 알고리즘 (8)
      • [JS] 프로그래머스 (37)
      • [MYSQL] 프로그래머스 (1)
    • 언어 정리 (52)
      • JavaScript (52)
      • TypeScript (0)
    • 개발 공부 (26)
      • HTML (2)
      • CSS (2)
      • React-Next.js (6)
      • Vue (0)
      • Tanstack Query (1)
      • Webpack (4)
      • Github (2)
      • MYSQL (2)
      • 기타 (개발 공부) (7)
    • 프로젝트 (22)
      • Vanilla JS 문서편집기 (10)
      • 올해도 아좌좌 (5)
      • 개발괴발 (5)
      • 기타 (프로젝트) (2)
    • 회고 (18)
    • 블로그 관리 (0)
    • 기타 (4)
  • 홈
  • 코테 준비
  • 언어 정리
  • 개발 공부
  • 프로젝트
  • 회고
  • 태그
  • 방명록
  • github@suehdn
GraphQL 쿼리는 어떻게 사용할까??

GraphQL 쿼리는 어떻게 사용할까??

이 글은 GraphQL API를 이미 도입한 상태에서 사용하는 방법을 설명하는 글 입니다.만약 GraphQL에 대한 정보가 더 궁금하시거나 도입에 관한 고민을 하고 계시다면 이곳을 봐주세요.GraphQL의 쿼리우리는 지정한 모양의 특정 필드를 반환하는 API를 요청할 수 있습니다.쿼리문은 직관적으로 구성되어있는데, me 스키마 중{ me { name }}요청을 받은 GraphQL API는 다음과 같은 결과를 JSON 형식으로 반환합니다.{ "me": { "name": "Hyesu" }}쿼리 결과가 정확히 동일한 형태임을 알 수 있는데, 이것이 GraphQL의 핵심입니다.쿼리 용어Fields이곳에서 field는 person.{ person { #field name }}{ "da..

  • format_list_bulleted 개발 공부/기타 (개발 공부)
  • · 2024. 8. 7.
  • textsms
GraphQL을 도입하기 전 생각 해 볼 만한 것들

GraphQL을 도입하기 전 생각 해 볼 만한 것들

모던 브라우저의 경우 성능이 많이 좋아져서 유저가 불편할 정도의 지연은 자주 발생하지 않지만, API 통신은 네트워크 환경의 영향을 많이 받고, 데이터 크기에 따라 속도 차이가 발생할 수 있습니다. 그렇기 때문에 API통신의 로직을 설계할 때는 유저에게 보여줄 데이터를 캐싱하고, 새로 받아오는 시기를 잘 결정해야 합니다.GraphQL 이란?앞의 상황에서 유용하게 사용할 수 있는 GraphQL은 애플리케이션 프로그래밍 인터페이스(API)를 위한 쿼리 언어이자 서버측 런타임으로, 클라이언트에게 요청한 만큼의 데이터를 제공하는 데 우선 순위를 둡니다. REST를 대체할 수 있으며 개발자가 단일 API 호출로 다양한 데이터 소스에서 데이터를 끌어오는 요청을 구성할 수 있도록 지원합니다.Rest API에서의 문제..

  • format_list_bulleted 개발 공부/기타 (개발 공부)
  • · 2024. 8. 7.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (170)
    • 코테 준비 (46)
      • 알고리즘 (8)
      • [JS] 프로그래머스 (37)
      • [MYSQL] 프로그래머스 (1)
    • 언어 정리 (52)
      • JavaScript (52)
      • TypeScript (0)
    • 개발 공부 (26)
      • HTML (2)
      • CSS (2)
      • React-Next.js (6)
      • Vue (0)
      • Tanstack Query (1)
      • Webpack (4)
      • Github (2)
      • MYSQL (2)
      • 기타 (개발 공부) (7)
    • 프로젝트 (22)
      • Vanilla JS 문서편집기 (10)
      • 올해도 아좌좌 (5)
      • 개발괴발 (5)
      • 기타 (프로젝트) (2)
    • 회고 (18)
    • 블로그 관리 (0)
    • 기타 (4)
최근 글
인기 글
최근 댓글
태그
  • #프로그래머스
  • #js메서드
  • #VanillaJS
  • #JavaScript
  • #js
  • #0단계
  • #코딩테스트준비
  • #프로젝트
  • #회고
  • #2023
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바