잡다하다

  • 홈

react-query 1

[NEXT.JS] React-Query를 통해 데이터 가져오기

개요회사 서비스 개발을 위해 react-query를 사용하게 되었고, 이를 정리하기 위해 글을 작성해보았다. 동작 구조home 페이지가 호출될 때, backend에서 데이터를 가져오고 이를 보여주는 구조이다. 구조실제 상용 데이터들이라 이름은 임의로 변경했다. 간단하게 FLOW만 보면 좋을 것 같다./src/app/home/page.body.tsx'use client'export default function HomeBody() { const { data, isSuccess } = useHomeContentsQuery() const { setError } = useErrorStore() useEffect(() => { if (isSuccess) { if (data.status !== ..

프로그래밍 언어/NEXT.JS 2024.04.29
이전
1
다음
더보기
프로필사진

잡다하다

  • 전체보기 (184)
    • 프로그래밍 언어 (65)
      • JAVASCRIPT (6)
      • DJANGO (2)
      • JAVA, SPRING (26)
      • VUE.JS (2)
      • NEXT.JS (28)
      • HTML (0)
    • Etc (7)
      • MAC (1)
      • AWS (2)
      • JENKINS (2)
    • 백준 (44)
    • IT 소식 (3)
    • 프로그래머스 (24)
    • 생활정보 (41)

Tag

스프링 부트, 스프링, 넥스트js, 프로그래머스, 알고리즘, spring, NextJS, Next.js, 2025년, 자바, Java, Algorithm, react.js, JavaScript, 리액트, programmers, React, 백준, BAEKJOON, spring boot,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 포트폴리오

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 포트폴리오

티스토리툴바