Angular는 먼 길을 왔습니다. Angular 17에 비파괴적 하이드레이션이 도입되면서 서버 측 렌더링(SSR) 성능이 비약적으로 향상되었습니다. 이 기사에서는 이것이 개발자에게 무엇을 의미하는지, 그리고 JSL 기술이 고객을 위해 이 기술에 막대한 투자를 하는 이유에 대해 자세히 설명합니다.
하이드레이션은 서버에서 렌더링된 애플리케이션을 클라이언트 측에서 '깨우는' 프로세스입니다. 역사적으로 Angular는 비용이 많이 드는 프로세스인 DOM을 '지우고' 다시 렌더링했습니다. 이제 기존 DOM을 '걷고' 이벤트 리스너를 간단히 연결하여 믿을 수 없을 정도로 빠른 TTI(Time to Interactive)를 만듭니다.
주요 이점
- 더 나은 FCP 및 LCP: Google의 Core Web Vitals는 이것을 좋아합니다.
- 향상된 SEO: 크롤러는 전체 콘텐츠를 즉시 가져옵니다.
- 원활한 사용자 경험: 로드 시 더 이상 '깜박임'이나 '깜박임'이 없습니다.
