Developer S.Developer S.

Tech

기술 블로그

MDX로 기록한 글과 작업 로그를 한 곳에 모아두는 공간입니다.

AllAPIAPI DesignArchitectureAuthenticationBackendBlogChecklistCI/CDCollaborationConcurrencyDatabaseDeploymentDevOpsDocumentationException HandlingFrontendGitHub ActionsIndexJPAJWTLoggingMDCMonitoringMulti-ModuleNext.jsNginxOperationsPaginationPerformanceReactRedisRefactoringResponseREST APISentrySEOSpring BootSpring SecurityTestcontainersTestingTransactionTroubleshooting
App Router 렌더링 성능 최적화: Server Component와 Client Component의 적절한 경계 찾기
2026년 4월 6일

App Router 렌더링 성능 최적화: Server Component와 Client Component의 적절한 경계 찾기

빠를 줄 알았던 Next.js App Router 환경에서 체감 로딩이 느려진 원인을 파악하고, 서버 컴포넌트와 클라이언트 컴포넌트를 적절하게 분리하여 TTI(Time To Interactive)를 개선한 기록입니다.

Next.jsFrontendPerformance