Genie[React-query] useInfiniteQuery로 무한스크롤 구현하기검색을 하면 리스트를 보여주고, 스크롤을 내리면 추가적인 검색 리스트를 계속해서 보여주는 무한 스크롤을 구현해 보려고 합니다.Dec 17, 2023Dec 17, 2023
GenieReact Drag&Drop으로 이미지 순서 변경하기프로젝트에서 이미지를 업로드하고 그 이미지들의 순서를 드래그 앤 드롭으로 변경하는 기능에 대한 요청이 들어왔다.Nov 27, 2023Nov 27, 2023
GenieFullCalendar with React프로젝트에서 캘린더를 사용해서 일정을 관리하는 기능이 필요해서 이번에 사용한 캘린더 라이브러리인 FullCalendar를 소개해 보려 한다.Nov 23, 2023Nov 23, 2023
GenieReact WYSIWYG Editor 비교프로젝트에서 에디터를 사용할 일이 생겨서 몇 가지 WYSIWYG(위즈윅, What You See Is What You Get) 에디터를 비교해 보려 한다.Nov 13, 20231Nov 13, 20231
GenieMSW로 API 모킹하기프론트엔드와 백엔드 작업이 동시에 들어가는 경우, API 개발이 끝나지 않아도 프론트엔드 개발을 시작하는 병렬적인 작업을 하게 되는 경우가 빈번하게 발생한다. 많이 겪었던 문제이기 때문에 이번 기회에 MSW를 도입해 보려고 한다.Oct 30, 2023Oct 30, 2023
Geniepackage.json — dependencies와 devDependencies의 차이점오늘은 프로젝트에서 패키지를 설치할 때마다 헷갈리던 “dependencies”와 “devDependencies”의 차이점에 대해 살펴보려합니다.Feb 19, 2023Feb 19, 2023
GenieReact-query로 비동기 데이터 관리하기지금까지의 프로젝트에서 API 통신과 비동기 데이터 관리를 위해서 Redux와 Redux-Saga를 같이 사용하였습니다. 리덕스는 액션, 액션 크리에이터, 리듀서들을 도메인마다 작성해 주어야 했고, 이러한 Boilerplate 코드를 제거해 주고자…Nov 18, 2022Nov 18, 2022