React 2024 (3) 썸네일형 리스트형 세션 스토리지 vs 로컬 스토리지 // atomWithStorage,Jotai ☑️ 사용 이유로그인한 상태에서 필요한 값들(토큰,사용자 데이터)을 매번 요청하지 않고, 스토리지에서 빠르게 가져와 사용하기 위함. ☑️ 로컬 스토리지에 저장된 데이터는, 같은 사용자 + 같은 기기에서만 가져올 수 있음 ☑️ Jotai 사용법 예시https://tutorial.jotai.org/quick-start/persisting-state Jotai tutorialPersisting state value In this lesson, we will take a look at how we can persist the state value to localStorage with jotai atoms. Persisting state to localStorage can be challenging. Yo.. react-router-dom // Routes, Route import "bootstrap/dist/css/bootstrap.css";import { Route, Routes } from "react-router-dom";import "./App.css";import BoardDetail from "./component/BoardDetail";import BoardList from "./component/BoardList";import BoardWrite from "./component/BoardWrite";import Join from "./component/Join";import Login from "./component/Login";import Main from "./component/Main";function App() { return ( .. React] 플래그 변수 리액트에서 플래그 변수는 특정 상태나 조건을 true/false 형태로 관리하는 변수입니다.주로 특정 기능을 활성화하거나 표시 상태를 관리할 때 사용됩니다.플래그 변수는 일반적으로 boolean 값을 가지며,사용자 인터페이스(UI)에서 특정 컴포넌트의 보임/숨김 또는 활성화/비활성화 상태를 조정하거나,로딩 상태를 나타내는 데 자주 사용됩니다.import React, { useState } from "react";function App() {const [isModalOpen, setIsModalOpen] = useState(false);const toggleModal = () => { setIsModalOpen((prev) => !prev); // 이전 상태와 반대로 변경};return ( .. 이전 1 다음
