전체 글190 [React][React-Query] React-Query를 통해 fallback을 구현해 보자 목차 리액트 라우터와 함께 react-query로 fallback을 구현하는 방법에 대해 알아보자아래 라우터의 기본적인 사용방법이 나와있다..참고https://be-senior-developer.tistory.com/180 [React][Tanstack Query] 개념과 활용 방법에 대해 알아보자목차 간단한 설명은 아래 페이지에 있다.참고https://be-senior-developer.tistory.com/94 [React] React-Query 라이브러리가 무엇인지 알아보자목차 오늘은 프로젝트를 하면서 리액트 쿼리에 대해 접하게 되었be-senior-developer.tistory.com fallback이란? 어떤 기능이 약해지거나 제대로 동작하지 않을 때, 이에 대처하는 기능 또는 동작을 말한다... 2024. 8. 27. [React][React Pattern] 컴파운드 컴포넌트에 대해 알아보자 목차 컴파운드 컴포넌트란? Compound Components는 React의 강력한 기능 중 하나로 Compound Components를 사용하면 유연하고 재사용 가능한 컴포넌트를 설계할 수 있으며, 코드의 가독성과 유지 보수성을 높일 수 있다.html 요소를 통해 예를 들면 과 가 있다. 둘은 각각 썻을 때 별 기능이 없지만 함께 하면 유용한 기능을 사용할 수 있다. 컴파운트 컴포넌트 리액트 패턴 만들기 Accordion.jsx import { createContext, useContext, useState } from "react";import AccordionItem from "./AccordionItem";const AccordionContext = createContext();export .. 2024. 8. 26. [React][Tanstack Query] 개념과 활용 방법에 대해 알아보자 목차 간단한 설명은 아래 페이지에 있다.참고https://be-senior-developer.tistory.com/94 [React] React-Query 라이브러리가 무엇인지 알아보자목차 오늘은 프로젝트를 하면서 리액트 쿼리에 대해 접하게 되었다. 말하는 감자인 나는 당연히 모르기 때문에 이번 기회에정리해보고자 한다.. 리액트 쿼리의 필요성 캐시동일한 데이터에be-senior-developer.tistory.com 다음과 같이 QueryClientProvider를 사용해 주자useQuery로 데이터 불러오기 main.jsximport { Navigate, RouterProvider, createBrowserRouter,} from "react-router-dom";...import { QueryC.. 2024. 8. 26. [백준][스위핑] 2170 선 긋기 c++구현 목차https://www.acmicpc.net/problem/2170문제 문제 구현 아이디어두 점의 범위가 억이 넘어가므로 일단 공간 복잡도상으로 배열은 사용하지 못한다는 것을 알 수 있다.따라서 갱신을 하며 누적해주는 식으로 풀었다. 코드 구현#include #include #include#include#include typedef long long ll;using namespace std;vector>v;ll N, x, y;ll total = 0;int main() { ios_base::sync_with_stdio(0); cin.tie(0); cout.tie(0); cin >> N; for (int i = 0; i > x >> y; v.push_back({ .. 2024. 8. 24. 이전 1 2 3 4 5 6 7 ··· 48 다음 728x90
