GitHub Actions로 Next.js 정적 사이트 스크린샷 찍기 (미리보기 배포 없이 리뷰하기)
Vercel의 미리보기 배포 기능이 없으신가요? GitHub Actions와 Puppeteer를 활용하여, 정적으로 내보낸 Next.js 사이트의 모든 페이지 스크린샷을 찍어 Pull Request에서 시각적으로 리뷰하는 방법을 알아봅니다.
Read moreReact 서버 컴포넌트, 어떻게 테스트할까? (공식 지원 전까지의 유일한 해답)
React와 Next.js 팀이 아직 제공하지 않는 서버 컴포넌트(RSC) 테스트 방법. 커뮤니티에서 발견된 '핵'이지만 확실하게 동작하는 유틸리티 함수를 통해, 비동기 서버 컴포넌트를 테스트하는 유일한 방법을 알아봅니다.
Read moreValtio 입문부터 valtio-reactive로 반응형 프로그래밍까지
React의 상태 관리를 단순화하는 Valtio의 기본 사용법을 알아보고, 한 걸음 더 나아가 valtio-reactive 라이브러리를 통해 진정한 반응형 프로그래밍을 구현하는 방법을 살펴봅니다.
Read more페이스북은 React를 어떻게 서빙할까? (코드 레벨로 보는 전 메타 엔지니어의 증언)
페이스북은 Next.js를 쓸까요? 전직 메타 엔지니어들이 직접 밝히는 페이스북의 기술 스택. 'Hack' 언어는 어떻게 생겼는지, 사내 번들러 'MakeHaste'는 왜 만들었는지, 코드와 함께 그 비밀을 파헤쳐 봅니다.
Read more초보자 완벽 가이드 - React Query와 Vite로 무한 스크롤 구현하기 (`useInfiniteQuery` 완전 정복)
Vite로 React 프로젝트를 시작하고, React Query를 설정한 뒤, useInfiniteQuery 훅을 사용하여 복잡한 무한 스크롤 UI를 얼마나 쉽고 강력하게 만들 수 있는지 단계별로 알아봅니다.
Read more