![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Jb81y/btsFUrpezOO/OftR9ryNUBYK4KYPlJI4AK/img.png)
1. 로그인, 회원가입 UI 구현 2. Firebase 연동 firebase 가입한 뒤, 프로젝트 생성해주고 기타 설정해준다. 자세한 설명은 docs 참고 //firebase.ts // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app'..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cQUsl8/btsFOjrB10N/pOzdU5GbfgbnmUIsqHFx7K/img.gif)
🌱 결과물 🌱 React Query - useInfiniteQuery thecatapi에서 고양이 사진을 무한으로 불러오기 위해 react-query에서 제공하는 useInfiniteQuery 훅을 사용했습니다. //UseFetchInfiniteData.ts import { useInfiniteQuery } from '@tanstack/react-query'; async function fetchInfiniteData({ pageParam = 1 }) { const limit = 10; // 한 번에 불러올 데이터 수 const response = await fetch(`https://api.thecatapi.com/v1/images/search?limit=${limit}&page=${pageParam..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cuoDvz/btsFjUFcYyt/kXcNYpnCVrIRu20vgG5FW0/img.png)
🌱 결과물 🌱 Lighthouse 성능 측정 🌱 Tanstack Query - 비동기 API 호출 // src/hooks/useFetchData.ts import { 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://api.thecatapi.co..
- Total
- Today
- Yesterday
- zustand
- react
- Tanstack Query
- Micorosoft
- AI Challeng for Biodiversity
- Masonry 레이아웃
- State
- react-query
- 프로토콜
- sass
- web
- 네트워크
- 상태관리
- style-lint
- 이브와ICT멘토링
- git
- 핀터레스트
- Firebase
- pagination
- React Query
- 무한스크롤
- eslint
- github
- Network
- 캡스톤디자인
- Next.js
- Tanstack-Query
- 빅데이터
- prettier
- 졸업프로젝트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 30 | 31 |