웹 앱을 설계할 때 가장 기초적인 결정 중 하나는 "콘텐츠를 어디에 어떻게 렌더링할 것인가?"이다.
이 중요한 결정에 대한 답은 주로 사용 목적에 따라 달라진다. 적절한 렌더링 패턴을 선택하는 것은 엔지니어링 팀에 대한 개발자 경험(DX)과 최종 사용자를 위한 사용자 경험(UX)에 많은 차이를 만들 수 있다.
올바른 패턴을 선택하면 빠른 빌드와 탁월한 로딩 성능을 실현할 수 있다. 반면 잘못된 패턴 선택은 훌륭한 비즈니스 아이디어를 실현시킬 수 있는 앱을 망칠 수 있다. 따라서 혁신적인 아이디어를 개발할 때는 적절한 렌더링 패턴을 사용하는 것이 중요하다.
사용자 경험을 향상시키기 위해 우리는 일반적으로 사용자 중심의 지표인 CWV(Core Web Vitals)를 최적화하려고 한다. CWV는 사용자 경험에 가장 관련성이 있는 매개변수를 측정하는 지표이다. CWV를 최적화하는 것은 훌륭한 사용자 경험과 앱의 최적화된 검색 엔진 최적화(SEO)를 보장하는 데 도움이 될 수 있다.
우리의 제품 및 엔지니어링 팀에 대한 훌륭한 개발자 경험(DX)을 만들기 위해, 우리는 개발 환경을 최적화해야 한다. 이를 위해 빠른 빌드 시간, 간편한 롤백 기능, 확장 가능한 인프라 등 다양한 기능을 제공하여 개발자가 성공할 수 있도록 해야 한다.
이러한 원칙에 기반한 개발 환경을 구축하면 개발 팀이 효율적으로 훌륭한 제품을 개발할 수 있다.
요약하면, 올바른 렌더링 패턴을 선택하면 대부분의 이점을 기본적으로 얻을 수 있다.
렌더링 패턴은 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)부터 현재 다양한 포럼에서 논의되고 평가되는 미묘한 패턴까지 오랜 시간 동안 발전해 왔다. 이러한 다양성은 혼란스러울 수 있지만, 각 패턴은 특정한 사용 사례를 해결하기 위해 설계되었다. 한 사용 사례에 유용한 패턴 특성은 다른 사용 사례에서는 해로울 수도 있다. 또한 동일한 웹사이트에서도 서로 다른 유형의 페이지가 다른 렌더링 패턴을 필요로 할 수 있다.