table thead 고정
·
Css
대량 데이터를 테이블에 적용하면서 헤더를 고정 시켜야 사용성이 편해져 헤더를 고정하는 방법을 알아보았다.position: stickyposition: sticky를 활용하면 테이블이 가로스크롤에 대해서는 자연스럽게 스크롤되면서 세로스크롤에서는 헤더가 고정이 된다.See the Pen table thead fix by pminsun (@pminsun) on CodePen.
Vercel 배포
·
Dev
Vercel 은 Next.js 개발팀이 만든 호스팅 사이트로 쉬운 개발자 경험을 제공해 준다.Vercel 배포 순서Vercel 회원가입, 로그인 후 배포를 원하는 프로젝트의 Repository import 하면 된다.선택 후 Configure Project에서 프로젝트에 맞게 수정해 주면 된다.프로젝트 폴더 내에 있는 .env 내용을 Environment Variables에 기입하면 된다.완료 후 Deploy 버튼을 누르면 되며 Github에 수정 사항을 push 할 때마다 Vercel에서 자동으로 감지하여 빌드, 배포를 다시 해준다.
React Query(Tanstack Query)
·
React
자주 사용하는 라이브러리 중 데이터를 관리하고 동기화 해주는 react-query에 대해 정리해보고자 한다.react-qury?react-query는 서버의 값을 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 비동기 과정을 더욱 편하게 하는데 사용된다. 공식 홈 Overview | TanStack Query React DocsTanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating server state..
minsun309
minsun