목록2026/01 (101)
프로그래머가 되는 꿈
import { useQuery } from "@tanstack/react-query";import React from "react";import axios from "axios";const ReactQueryPage = () => { const fetchPost = () => { return axios.get("http://localhost:3004/post"); }; const { isLoading, data, isError, error} = useQuery({ queryKey : ["posts"], queryFn: fetchPost, retry: 1, }); console.log("ddd", data); console..
우리가 받는 값이 데이터 뿐일까...?react query는 서버 상태(state)를 겨냥해서 나왓다.서버 사용할 때 쓴 state는? 바로!1. isLoading~처음에는 undefined. 왜냐하면 isLoading중, 아직 data를 가져오지 않았기때문 (true) 갖고오는 중이야!그리고 나서 data가 도착했다. 그러면 false로 바뀐다. isLoading값이 알아서 (수동으로 안해도 )자동으로 true,false가 된다! 여기서 알수있는것!1. useQuery는 컴포넌트 시작할 때 실행된다! (useQuery는 바로 실행이 되는구나. 컴포넌트(const ReactQueryPage~)에 돌아오자마자, 컴포넌트가 시작 되자마자 const { } = useQuery { queryKey~ quer..
ERR_CONNECTION_REFUSED아 이거 딱 개발하다가 많이 마주치는 에러다 😭**ERR_CONNECTION_REFUSED**는 말 그대로 “연결을 시도했는데, 서버가 아예 응답을 안 받음” 이라는 뜻이야.상황별로 바로 체크해야 할 것들 정리해줄게 👇1️⃣ 서버가 켜져 있는지 확인 (제일 흔함)프론트에서 fetch, axios 쓰고 있다면 거의 이거야. fetch("http://localhost:5000/products")👉 백엔드 서버 실행 중이야?json-server npx json-server --watch db.json --port 5000Express / FastAPI / Spring 등👉 터미널에 에러 없이 실행 상태인지❗ 서버가 꺼져 있으면 → 무조건 ERR_CONNECTION..
npm start[에러난 코드]import React from 'react';import ReactDOM from 'react-dom/client';import './index.css';import App from './App';import reportWebVitals from './reportWebVitals';import { QueryClient, QueryClientProvider } from '@tanstack/react-query';import { ReactQueryDevtools } from '@tanstack/react-query-devtools'import { BrowserRouter } from "react-router-dom";const root = ReactDOM.createRoot(..