Wc579hyCxV8IIvHD3ZrT 94ztVSLJs AvF5hx DpYPWZQJXcJbFi GZKNm qz6Bco5r3Uqm44aSSiYrOV11OV0b7qNTy nDPju7e5wv 5mk QlF3jfNxBwno

최근 Next.js 15, React 19의 새로운 패턴에 적응하면서 Suspense를 자주 사용하게 됐다. 이 과정에서 Suspense가 단순히 '로딩 상태를 보여주기' 이상으로 중요한 개념으로 느껴져 궁금해졌다.이 글은 Suspense의 기본적인 사용법에서 시작하여 점진적 렌더링, 선언적 UI, Render As You Fetch 등의 키워드로 서스팬스

오랜만에 글을 씁니다.  지난 7월, 1년 9개월 동안의 직장 생활을 마무리하게 되었습니다. 퇴사 이후, 지난 3개월 동안 이전부터 꼭 도전해보고 싶었던 제품 개발을 하게 되었습니다. 그동안 꽤 많은 사이드 프로젝트를 진행했지만, 대부분이 실제 제품이라기보다는 학습을 위한 토이 프로젝트들이었습니다. 이번 글에서는 제가 어떤 문제를 발견하고, 어떻게 해결하려

챕터 7의 리액트 동시성Concurrency은 이전 글에서 이어진다. 이번 장에서 우선순위 업데이트 즉 '렌더링 스케줄링’이 리액트 내부에서 어떻게 이루어지며, 이를 활용하는 훅을 알아본다. 또한 이전 글에서 살펴본 '렌더 레인’과 같은 개념들을 조금 더 깊이 있게 알아본다. 긴 글이니 천천히 반복해서 읽어보자! (이탤릭체는 본문의 인용입니다)동기식 렌더링