🌱 결과물 🌱 Lighthouse 성능 측정 🌱 Tanstack Query - 비동기 API 호출 // src/hooks/useFetchData.tsimport { useQuery } from '@tanstack/react-query';async function fetchData (page: number, limit: number = 12) { // sessionStorage 데이터 존재 유무 확인. const cachedData = sessionStorage.getItem(`catImages-page-${page}`); if (cachedData) return JSON.parse(cachedData); const response = await fetch(`https://ap..
보호되어 있는 글입니다.
React Query란? React application의 데이터를 가져오기(fetching)위한 라이브러리 기능 캐싱(특정 데이터의 복사본을 저장하여 이후 동일한 데이터의 재접근 속도를 높이는 것) client 데이터와 server 데이터 간의 분리 백그라운드에서 오래된 데이터 업데이트 데이터가 얼마나 오래되었는지 알 수 있음 데이터 업데이트를 가능한 빠르게 반영 페이지네이션 및 데이터 지연 로드와 같은 성능 최적화 서버 상태의 메모리 및 가비지 수집 관리 구조 공유를 사용하여 쿼리 결과를 메모화 1. 설치 npm i @tanstack/react-query # or pnpm add @tanstack/react-query # or yarn add @tanstack/react-query 개발자도구: Re..
❓ TCP/IP vs OSI 모델 OSI 모델: 표준 프로토콜을 사용하여 다양한 통신 시스템이 통신할 수 있도록 국제표준화기구에서 만든 개념 모델이다. OSI는 상이한 컴퓨터 시스템이 서로 통신할 수 있는 표준을 제공한다. TCP/IP 모델: 인터넷에서 컴퓨터들이 서로 정보를 주고 받는데 쓰이는 프로토콜의 집합. 인터넷 프로토콜 스위트 (Internet Protocol Suite)라고도 부른다. TCP/IP와 OSI의 차이점은 실무와 이론의 차이이다. OSI 7계층은 참조 모델(reference model)로 사실상 이론적인 개념. 현재의 TCP/IP 계층이 더 실무적인 구조에 가깝다. TCP/IP는 실용적인 프로토콜 모음이고 OSI는 프로토콜 독립적인 개념 모델이다. 즉, OSI는 여러 통신 방식에 대..
- Total
- Today
- Yesterday
- State
- web
- 프로토콜
- react
- 빅데이터
- prettier
- eslint
- pagination
- Tanstack-Query
- Next.js
- github
- 이브와ICT멘토링
- Network
- react-query
- 졸업프로젝트
- 캡스톤디자인
- Tanstack Query
- zustand
- AI Challeng for Biodiversity
- 상태관리
- 네트워크
- sass
- style-lint
- 무한스크롤
- Micorosoft
- git
- React Query
- Firebase
- 핀터레스트
- Masonry 레이아웃
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |