2017-02-04 14 views
0

저는 클라이언트 측 렌더링과 서버 측 렌더링 간의 기본적인 차이점을 이해하는 과정에서 교차 도로에 있습니다. 연구의 상당한 양을 수행 한 후, 여기에 우리가 의미 서버에 렌더링 할 때 나의 이해클라이언트 측 렌더링과 서버 측 렌더링의 차이점에 대해 알고 싶습니다.

입니다 :

당신은 로컬 서버가 아파치 톰캣 말, 당신은을 클릭하여 웹 응용 프로그램
호스트 서버에서 실행, 그것은 서버에 HTML을 렌더링합니다.

나는 이것을 완전히 이해합니다. 이제 여기에 내 혼란이 시작됩니다.

클라이언트 측 렌더링 ?????

로컬 서버없이 웹 응용 프로그램을 호스팅 하시겠습니까 ???

내가 틀릴 수도 있지만 결론은 나도 마찬가지입니다.

ReactJS는 serverSide Rendering과 Client Side Rendering을 모두 수행합니다. 그러나 두 렌더링 간의 기본적인 차이점을 얻지는 않습니다.

도움을 주시면 감사하겠습니다.

답변

1

"렌더링"은 "다양한 구성 요소의 문서 어셈블"을 의미합니다.

서버 쪽 렌더링을 사용하면 서버에서 모든 작업을 수행 한 다음 브라우저에 완전한 HTML 문서를 보낼 수 있습니다.

입니다 :

  • 전통
  • 강력한
  • 템플릿 및 일부 데이터를로드하는 클라이언트 측 자바 스크립트를 사용합니다 렌더링 클라이언트 측와

친화적

  • 검색 엔진 (사용하여 여러 요청)을 작성한 다음 브라우저에 함께 넣어 DOM을 만들고 페이지를 만듭니다.

    초기 페이지를 부트 스트랩하는 데 드는 비용이 일반적으로 높기는하지만 후속 페이지에 성능 이점이 있습니다 (데이터를 가져 오는 데이터가 적기 때문에).

    기술을 결합하여 견고성과 검색 엔진 친화력 부족을 보완 할 수 있습니다. 페이지에 대한 새로운 요청 ( 페이지)은 서버 쪽 렌더링을 사용하지만, 다음 링크는 JavaScript를 트리거하여 Ajax, History API 및 클라이언트 측 렌더링을 포함합니다. 서버 측 JavaScript를 사용하는 경우 두 가지에 대해 동일한 코드 중 일부를 재사용 할 수 있습니다 (이 경우 Isomorphic JS라고도 함).