프로젝트 소개

사용자의 league of legend 게임 월간 이용량을 시각화 하는 서비스입니다.

기술 스택

typescript, next.js, tailwindcss, react-query, recoil, shadcn

컨벤션

폴더/파일명 : kebab-case 함수명 : PaskalCase 변수명 : camelCase

구현 기능

기능 1

react-query 사용 해서 유저 정보, 이용량 받아오는 api 최적화 : #2

기능 2

IntersectionObserver 사용해서 api 사용 컴포넌트 Lazy loading 구현 : #4

기능 3

링크 공유 기능 구현 : #14

기능 4

LocalStorage 사용해서 즐겨찾기, 검색 기록 기능 구현 : #16

기능 5

useTransition 사용해서 검색 추천 기능 구현 : #19