SSR(서버사이드렌더링) & CSR(클라이언트사이드렌더링)

SSR(서버사이드렌더링)

JSP(자바서버페이지), 서버에서 소스 렌더링 해서 보내줘서 빠름 

B2C 같이 고객에게 빠르게 화면을 제공해줘야 될 때 적합하다. 
카카오페이지 React로 포팅하게된 계기 참고 
https://medium.com/@ljs0705/%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9B%B9-react-%ED%8F%AC%ED%8C%85-%ED%9B%84%EA%B8%B0-76402cc5e031

CSR(클라이언트사이드렌더링)

소스가 30개인 경우 한꺼번에 스택에 넣어서 불러오느라 느림(SPA-싱글쓰레드페이지어플리케이션) 

페이지를 처음에만 한번 static으로 불러와주고, 해쉬값에 따라 화면만 제어해줌.

프레임워크 라이브러리

제어 주기가 어디에 있냐로 구분할 수 있음. 
프레임워크 : 생명주기 관리를 spring이 해줌 , Angular.js, Vue.js,(생명주기, $scope.adkljf) 
라이브러리 : javascript로 사용자가 제어해줌, JQuery, React (보간법 사용)
(React는 View에 대한 것만 관리, HTML 들어가지 않음)

({})보간법

<span>({data})</span>