다중 Async Local Storage - React Context처럼 중첩하기
단일 컨텍스트를 넘어, 여러 개의 Async Local Storage를 중첩하여 사용하는 방법을 알아봅니다. 재귀 함수를 이용한 영리한 트릭으로, 서버 사이드 코드의 모듈성을 극대화하고 prop drilling을 완벽하게 해결해 보세요.
Read moreNext.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 more페이스북은 React를 어떻게 서빙할까? (코드 레벨로 보는 전 메타 엔지니어의 증언)
페이스북은 Next.js를 쓸까요? 전직 메타 엔지니어들이 직접 밝히는 페이스북의 기술 스택. 'Hack' 언어는 어떻게 생겼는지, 사내 번들러 'MakeHaste'는 왜 만들었는지, 코드와 함께 그 비밀을 파헤쳐 봅니다.
Read more