🤍 은지log 🤍

기존에 NodeJS로 만들어둔 서버에서 데이터를 get 해와서 프론트에서 라이브러리를 사용하지 않고 직접 무한스크롤을 구현해보았다. 예전에 해봤던건데 다시 하려니 헷갈리기 시작 ...😵‍💫 ; 그래도 어찌어찌 구현은 해보았다 .. 스크롤이 움직이면 데이터를 계속 해서 불러온다. ( + 스크롤이 바닥에 닿으면 데이터를 불러오는 코드도 구현예정) // useGetFruits.ts import axios from "axios"; import { useInfiniteQuery } from "react-query"; const fetchFruits = async () => { const { data } = await axios.get(`http://localhost:8080/fruits`); return data..

라이브러리를 사용하지 않고 { useState, useCallback, useEffect, useRef } 를 사용해서 직접 구현해보기로 하였다 ! 🐥 사용하기만 해봤지 직접 구현하는데에는 너무 어렵고 이해도 잘 안되었지만 정보도 많았고, 도움도 받아가며 이것 저것 새로 시도해보는 재미도있었다 -💙 🔆 구현 코드 import { useState, useCallback, useEffect, useRef } from "react"; import styled from "styled-components"; import { getPostList, postType } from "datas/postList"; const List = (): JSX.Element => { const [page, setPage] = us..