Next.js 라우트 핸들러의 Prop Drilling, 'Node.js의 React Context'로 해결하기
서버 사이드 함수에서 반복되는 매개변수 전달, 즉 'prop drilling'의 고통을 Node.js의 Async Local Storage로 해결하는 방법을 알아봅니다. React Context처럼 동작하는 이 강력한 기능을 마스터해 보세요.
Read moreGitHub 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