(꼼꼼 프로젝트) streaming 방식의 tanstack query
infinite scroll, optimistic update 그리고 streaming 방식이 결합된 쿼리 처리 ( useSuspenseQuery, useSuspenseInfiniteQuery )
Posts by Category
- kkom-kkom 5
- react 4
- fandomk 3
- gheuppay 3
- nextjs 2
- etcbookmark 1
- typescript 1
- web 1
- reactdeepdive 1
- javascript 1
kkom-kkom
(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현
서버 액션을 활용한 refresh token rotation, 커링 함수를 이용한 리팩토링
(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민
progress bar 로직 연구하기(startTransition), next-nprogress-bar
(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현
stacking context, compound pattern, 전역 상태를 활용한다는 것의 의미, 토스 개발자 실력 흡수하기
(꼼꼼 프로젝트) 공통 버튼 컴포넌트의 종류를 쉽게 관리하고 누구나 쉽게 확인할 수 있게 하는 방법
tailwind로 조건부 처리를 간편하게 하는 방법, 비개발자도 스타일을 쉽게 확인할 수 있도록 storybook 연동
react
로그인 구현 (zustand, zod + react-hook-form, RTR)
zustand를 이용한 로그인 상태 전역 관리, zod를 이용한 간단한 스키마 전개, react-hook-form을 이용한 간단한 validation, axios를 이용한 간단한 api 요청 처리
마이그레이션 중 발생한 Vite 환경 변수 처리
Vite_ENV
React Debugging
react-dev-tools 정리, 실습
리액트는 왜 쓸까
리액트 과거, 현재, 미래
fandomk
Fandom-k 프로젝트 회고3
Github Actions, 최종 결과
Fandom-k 프로젝트 회고2
fetch, scroll to Top, infinite scroll 라이브러리 제거
Fandom-k 프로젝트 회고1
팀 프로젝트 세팅, infinite scroll, skeleton
gheuppay
(급페이 프로젝트) 개발환경에만 집중하기 위한 여정
접근 제한을 위한 미들웨어 처리, vercel CLI을 이용한 organization 무료 자동 배포, 프리뷰
(급페이 프로젝트) 알림창 무한 스크롤을 위한 여정 (mock fetching을 위한 MSW 도입기)
msw를 활용해서 프론트엔드 개발이 다 되어있지 않은 상태에서도 무한 스크롤 구현을 확인할 수 있게 되었습니다.
(급페이 프로젝트) 카드 렌더링을 최적화하여 UX를 향상시키기 위한 머나먼 여정
server component 설계를 이용한 suspense 적극 활용, 이를 위해서 next cookie를 사용하면서 겪은 문제들을 적은 글입니다.
nextjs
자잘한 Next.js 트러블 슈팅들
react-responsive를 사용하지 못하는 상황, dotenv 사용시 문제 발생
Next는 왜 쓸까
CSR SSG SSR
etcbookmark
깃허브 블로그 만들기
벨로그에서 이사오다.
typescript
TS는 왜 쓸까 (위대한 TS)
JS를 완벽하게 하기 위한 여정
web
Dev tool
리액트 과거, 현재, 미래
reactdeepdive
React Testing
React Testing Library, Vitest, Jest
javascript
Asynchronous JavaScript
microtask queue, macrotask queue, call stack, web api와 관련된 비동기 동작 방식, 비동기 관련 역사와 비동기 코드의 다양한 활용법들을 알아보자.