[개발 지식] 서버/클라이언트 사이드 렌더링 및 ReactNative의 렌더링 방식


[개발 지식] 서버/클라이언트 사이드 렌더링 및 ReactNative의 렌더링 방식

그동안 RN으로 앱 개발을 하면서 한 번도 이런 문제를 만나본 적이 없다. RN은 서버사이드 렌더링일까, 클라이언트 사이드 렌더링일까? 서버 사이드 렌더링 (SSR) 이 방법에서는 모든 페이지의 렌더링이 서버에서 이루어집니다. 사용자가 웹 페이지에 접근할 때, 서버는 완전히 렌더링 된 페이지를 사용자의 브라우저로 전송합니다. 이 방식의 장점은 초기 로딩 시간이 빠르고 검색 엔진 최적화(SEO)에 유리하다는 것입니다. 하지만, 사용자의 요청마다 서버에서 페이지를 새로 렌더링 해야 하기 때문에 서버 부하가 늘어날 수 있습니다. 클라이언트 사이드 렌더링 (CSR) 이 방식에서는 초기 로딩 시 서버에서 HTML, CSS, JavaScript 등의 자원을 로드한 후, 이후의 모든 렌더링은 클라이언트 측(브라우저)에서 이루어집니다. 사용자의 상호작용에 따라 필요한 데이터만 서버로부터 받아와 동적으로 페이지를 갱신합니다. 이 방식의 장점은 서버 부하 감소와 사용자 경험이 부드럽다는 것입니다. 하...


#ReactNative #렌더링 #방식

원문링크 : [개발 지식] 서버/클라이언트 사이드 렌더링 및 ReactNative의 렌더링 방식