![[CODE] useResFetchCount [9/6 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FE1Olx%2FbtsJtyTHfLe%2FAAAAAAAAAAAAAAAAAAAAAKZ2fUpeRapkdQQ0mZJX90q0fysZe64amAeFqLfI2m43%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DW93R0hgKZgI6c%252BmXEhN3MiBVTi0%253D)
useResFetchCount - 스크린 사이즈에 맞춰서 데이터를 다르게 불러와야해서 작성한 코드입니다 프로젝트 하면서 작성한 코드 기록하는 게시물입니다.사용법const fetchSize = useResFetchCount({ mobileSize: 4, tabletSize: 9, desktopSize: 8 });import { useEffect, useState } from 'react';interface FetchSizeOptions { desktopSize: number; mobileSize: number; tabletSize: number;}const useResFetchCount = ({ mobileSize, tabletSize, desktopSize }: FetchSizeOptions) =>..
![[CODE] usePagination [9/6 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FIbYf2%2FbtsJthSdc76%2FAAAAAAAAAAAAAAAAAAAAANl5oOKL__jd6ghgG6qQnn2MQo3rrwRleoVyuXwkogO_%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DL0P39Vqfor7z4sq1w9GGf%252FYyfzM%253D)
usePagination - 페이지네이션을 만들 때 작성한 코드 프로젝트 하면서 작성한 코드를 기록하는 게시물입니다! import type { Dispatch, SetStateAction } from 'react';import { useMemo } from 'react';interface UsePaginationReturn { currentPage: number; goToNextSet: () => void; goToPage: (page: number) => void; goToPreviousSet: () => void; pageNumbers: number[];}const usePagination = (totalPages: number, currentPage: number, setCurrentPag..
![[CODE] Modal 컴포넌트 [9/6 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fct1F1F%2FbtsJuDlYri9%2FAAAAAAAAAAAAAAAAAAAAANPvgo7Dyi9wk_HRbDXQfmbjCYQlrWMR3PrZohS-DZNG%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DQfRfOel7m%252B17x07hvvF75Lr7M5I%253D)
Modal 컴포넌트 - 간단하게 모달 컴포넌트 만들 때 작성한 코드 프로젝트 하면서 만든 코드를 기록하기 위한 게시글 입니다. 간편하게 커스텀 할 수 있도록 제작 하였습니다! 'use client';import { type ReactNode } from 'react';import ReactDOM from 'react-dom';import { useModal } from '@/_hooks/useModal';export type ModalProps = { children: ReactNode; isOpen: boolean; onClose: () => void; size?: string;};/** * 사용법 * ex) * const { isOpen, openModal, closeModal } = useM..