[react] 1 주차 서버사이드 랜더링과 클라이언트 사이드 랜더링

서버사이드 랜더링

• 클라이언트가 hello.jsp라는 페이지를 요청하면
• 서버는 DB를 조회후, jsp라면 서블릿컨테이너나 템플릿엔진을 타서 최종적으로 html을 반환한다
• 즉 서버에서 이미 페이지를 만들어서 return하게 된다.

 

이방법의 단점은, 고정된 페이지를 return하므로 웹용 사이트, 모바일용 사이트 두개를 만들어야 했다.

그래서 서버는 REST api만 제공해주고, 클라이언트가 json데이터를 렌더링해서 만드는 방식이 사용되기 시작했다.

 

클라이언트사이드 랜더링

이제는 페이지를 호출하는것이 아니라 json Data를 받는다.

따라서, 렌더링을 Client가 하게 된다.

클라이언트는 페이지 요청이 아닌 ajax를 이용해 비동기요청으로 데이터를 요청하면, 서버는 데이터베이스에서 데이터를 조회 후, 페이지가 아니라 json 형태의 데이터를 반환하게 된다.

클라이언트는 json 데이터를 받아서 직접 렌더링을 하게된다.