튜이의 블로그 튜이의 블로그

들어가기 전에이 글은 Next.js - Chapter 10 : Partial Prerendering (Optional) 강의를 번역한 글입니다.부분 미리 렌더링부분 미리 렌더링(Partial prerendering)은 Next.js 14에서 소개된 실험적인 기능입니다. 이 페이지의 컨텐츠는 기능이 안정화되면서 변경될 수 있습니다. 만약 실험적인 기능을 사용하고 싶지 않다면 이번 챕터는 건너 뛰어도 됩니다. 이번 챕터는 전체 강의를 완료하기 위한 필수는 아닙니다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.부분 미리 렌더링이 무엇인지부분 미리 렌더링이 어떻게 동작하는지정적인 컨텐츠와 동적인 컨텐츠의 결합만약 라우트 내에서 동적인 함수를 부르고 있다면(예를 들어, noStore(), cookies(..

들어가기 전에이 글은 Next.js - Chapter 9 : Streaming 강의를 번역한 글입니다.스트리밍이전 챕터에서, 대시보드 페이지를 동적 렌더링 하도록 만들었습니다. 하지만 느린 데이터 가져오기가 우리 어플리케이션 퍼포먼스에 어떤 영향을 끼치는지도 볼 수 있었습니다. 이제 느린 데이터 요청이 있을때, 어떻게 유저 경험을 향상시킬 수 있을지 이야기 해봅시다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.스트리밍이 무엇인지, 언제 쓸 수 있는지스트리밍과 loading.tsx 그리고 을 어떻게 같이 쓸 수 있는지로딩 스켈레톤이란 무엇인지라우트 그룹이란 무엇이고, 언제 그것을 쓰면 되는지어플리케이션 내에 Suspense 영역을 어디에 넣으면 되는지스트리밍이란 무엇인가요?스트리밍은 하나의 라우트..

들어가기 전에이 글은 Next.js - Chapter 8 : Static and Dynamic Rendering 강의를 번역한 글입니다.정적 그리고 동적 렌더링이전 챕터에서, 대시보드 Overview 페이지를 위한 데이터를 가져왔습니다. 하지만 우리는 현재의 상태에 대해 두가지 한계점을 이야기 했습니다.데이터 요청은 의도치 않은 워터폴을 생기게 한다.대시보드는 정적이다, 그래서 어떠한 데이터 업데이트가 있더라도 어플리케이션에 반영되지 않는다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.정적 렌더링이 무엇인지 그리고 이것이 어떻게 어플리케이션 성능을 향상시킬 수 있는지동적 렌더링이 무엇인지 그리고 언제 쓰는지대시보드를 동적으로 만들 다른 방법들데이터를 느리게 가져오도록 시뮬레이션해서 무슨일 일어나..