튜토리얼은 다음과 같은 주요 부분으로 구성되어 있으며, 각 부분은 이전 섹션의 개념을 기반으로 심화 학습을 제공합니다.
1. SSR 없는 React 서버 컴포넌트 생성
- 서버 측 렌더링(SSR) 없이 기본적인 React 서버 컴포넌트를 생성하는 방법을 학습하여 RSC의 핵심 원리를 이해합니다.
2. RSC 페이지에 스트리밍 및 상호작용성 추가
- Suspense와 클라이언트 컴포넌트를 활용하여 RSC 페이지에 스트리밍 기능과 클라이언트 측 상호작용성을 추가하는 방법을 다룹니다.
3. React 서버 컴포넌트를 위한 서버 측 렌더링
- 초기 페이지 로드 성능 향상을 위해 React 서버 컴포넌트에 SSR을 적용하는 과정을 안내합니다.
4. 스트리밍 컴포넌트의 선택적 하이드레이션
- React의 선택적 하이드레이션 기능이 페이지 상호작용성을 어떻게 개선하는지 학습하고 그 중요성을 이해합니다.
5. React 서버 컴포넌트의 작동 원리
- React 서버 컴포넌트의 기술적 세부 사항과 내부 메커니즘을 심층적으로 탐구합니다.
6. React 서버 컴포넌트 렌더링 흐름
- 번들 유형, 현재 제한 사항 및 향후 개선 사항을 포함하여 RSC의 상세한 렌더링 흐름을 이해합니다.
7. 클라이언트 컴포넌트 내 React 서버 컴포넌트
- 클라이언트 컴포넌트 내에서 서버 컴포넌트를 렌더링하는 고급 기법을 학습합니다.
각 섹션은 실질적인 예제와 설명을 통해 RSC의 복잡한 개념을 명확하게 전달하며, React on Rails Pro 환경에서 RSC를 효과적으로 활용할 수 있는 역량을 배양하는 데 중점을 둡니다.