안녕하세요. 편리함을 추구하는 개발자 핸디입니다.

이번 글에서는 Tanstack query, Tanstack table, Tanstack react-virtual로 이루어진 Tanstack 라이브러리 3형제를 이용해서 유저에게 더 많은 데이터를 편리하고 깔끔하게 보여주는 방법에 대해서 적어보았습니다.

대상독자는 무한스크롤, 혹은 페이지네이션을 이용하여 유저에게 데이터를 보여주고 싶지만, 개발하기가 귀찮아서 편리하게 만들고 싶은 개발자입니다.

https://all-dev-kang.tistory.com/m/entry/%EB%A7%8E%EC%9D%80-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%A5%BC-%EB%B3%B4%EC%97%AC%EC%A3%BC%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC-Tanstack-querytablereact-virtual

많은 데이터를 보여주는 방법에 대하여

https://v0.dev/
버셀(AWS와 같은 클라우드 컴퓨팅 서비스를 제공하는 회사. React기반 SSR 프레임워크인 Next.js를 개발했다) 에서 chatGPT의 리액트컴포넌트 버젼인 v0를 만들었습니다.

개인적으로 관심이있어 확인해보니
headless ui인 shadcn ui와 tailwind css 조합으로 리액트 컴포넌트를 만들어주네요

컴포넌트 래퍼런스를 만들기도 편리하고, 실제로도 바로 사용할수 있어서 좋은 도구가 될것같습니다.

reactGPT의 등장?

가우디오랩 사업기획전략 인턴

김승현

프론트엔드개발자

강경석(핸디)