개발자 이것 저것/여러 좋은 개념들!

클라이언트 사이드 랜더링/서버 사이드 랜더링 차이

Dev dreamer 2022. 10. 19. 09:19

서버사이드 랜더링

클라이언트 사이드 랜더링

 

클 사 랜 의 장점

 

  • 서버에서 하나의 API를 만들어 놓으면 클라이언트가 리액트는 뷰든 앵귤러든 안드로이드 IOS 든 여러가지 다양한 종류의 프론트 들을 붙일 수 있다.

 

클 사 랜 단점

 

  • 통신을 해야한다.
  • 통신을 통해 패스워드 등의 정보가 이동해야한다(→요즘은 큰 문제가 안됨)

 

 

둘 을 동시에 작동해보면 서버사이드 랜더링이 더 빨리 뜬다

클라이언트 사이드 랜더링은 처음에 가져올때 정보를 가득 땡겨온다.

그래서 처음엔 서버사이드 랜더링이 빠르고 그 외에는 클라이언트 사이드 랜더링이 빠르다

 

카카오 → 클라이언트 사이드 랜더링 (→앱을 주로 운용하기 때문에 앱 자체는 화면이 그려주는것 자체도 핸드폰 안에 다 있다.( 서버에서 받아오지 않는다)

 

모바일 웹은 앱이랑 비슷하지만 껍데기가 브라우저이다 그래서 구성요소는 HTML이나 CSS 등이 포함되어 있다. 즉 각종 HTML 이나 CSS는 서버로부터 받아와서 그려준다.

 

모바일 앱은 매우 적은 정보만 받아오고 다운받아 놓은 상태에서 약간의 정보만 받아오고

모바일 웹은 모든 정보를 서버에서 받아온다.