xu의 개발일지

이번 프로젝트에서는 서버 컴포넌트를 제대로 사용해보려고 마음 먹었다!!// 서버 컴포넌트import React from "react";import { Api } from "../api/api";import { TAG_MAP, TagVariant } from "../components/common/tag/tag.types";import { Marker } from "../page";import MapClient from "./client";const Page = async () => { // 서버에서 마커 데이터 가져오기 const markersData = await Api.getAllMarkers(); const markers = markersData.map((marker: Marker) => ({..

SWR이란?React에서 데이터 fetching을 간편하고 효율적으로 할 수 있게 도와주는 라이브러리- 캐시(stale)로부터 데이터를 반환한 후, fetch 요청(revalidate)을 하고, 최종적으로 최신화된 데이터를 가져오는 전략! 데이터 가져오기를 위한 React Hooks – SWRSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.swr.vercel.app import useSWR from 'swr' funct..