yhchoi의 블로그

yhchoi의 블로그

  • 분류 전체보기 (82)
    • Coding Study (70)
      • HTML&CSS (3)
      • Javascript (11)
      • Typescript (8)
      • Git (0)
      • React (21)
      • python (0)
      • Next.js (3)
      • 네트워크 (5)
      • Node.js (6)
      • 데이터베이스 (7)
      • AWS (4)
      • Tanstack Query (2)
    • 모던 자바스크립트 (0)
      • 3.함수다루기 (0)
      • 4.자바스크립트의 문법과 표현 (0)
    • 코딩테스트 (1)
    • 알고리즘 (0)
    • 문제 해결 및 Tip (8)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

yhchoi의 블로그

컨텐츠 검색

태그

ㄷ 디 ㅂ S emfdl

최근글

댓글

공지사항

아카이브

Coding Study/Tanstack Query(2)

  • Tanstack Query 설정

    https://tanstack.com/ TanStack | High Quality Open-Source Software for Web DevelopersHeadless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.tanstack.com 1. 설치npm i @tanstack/react-query 2. queryClient를 생성한 후, 사용할 컴포넌트를 QueryClientProvider로 감싼다. - QueryClient는 모든 서버 상태를 보관하는 store라고 이해하면 되겠다.import { createRoot }..

    2025.11.12
  • useQuery 사용법

    1. React 에서의 일반적인 데이터 패칭 방법 1) 데이터를 받아오는 비동기 함수를 작성export async function fetchMovieDetail(id: string) { const options = { method: 'GET', headers: { accept: 'application/json', Authorization: `Bearer ${API}`, }, } const response = await fetch( `https://api.themoviedb.org/3/movie/${id}?language=ko`, options ) if (!response.ok) { throw new Error('영화 정보를 불러오지 못했습니다.'..

    2025.11.12
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바