본문 바로가기

WEB/WEB

서버사이드렌더링 & 클라이언트사이드렌더링

반응형

1. 서버 사이드 렌더링

 

- 동적으로 화면을 다 만들어주고 클라이언트에 내려주는것

 

- 컨트롤러에서 데이터가져와서 html태그에 만들고 프론트로 내려주는것

 

2. 클라이언트 사이드 렌더링 (Single Page Application(SPA))

 

- 서버는 동적처리없이, 파일만 내려주고 클라이언트가 그 이후에 동적으로 동작을 해서 화면이 바뀌는것

 

- 자바스크립트가 api호출해서 비동기처리로 댓글 데이터를 가져와서 화면에 보여주는것

 

- 자바스크립트 코드가 내려간다음에 실행함, 웹브라우저에서 실행한 코드 이다.

 

3. 나의 프로젝트

 

정리하면 내 프로젝트에서 글의 상세페이지는 

 

서버 사이드 렌더링 + 클라이언트 사이드 렌더링 2가지가 합쳐져 있다고 봐야할것같다.

 

댓글의 리스트를 가져오는것은 클라이언트 사이드 렌더링이고

 

댓글외의 나머지 주요한 상세페이지 부분은 서버 사이드 렌더링이다.

 

 

- 참고로 서버 사이드에서 사이드의 의미는 서버(Server)는 말 그대로 총칭 그리고 서버사이드는 "서버쪽"이라는 의미로 볼 수 있으니, "서버쪽에서 처리하는 방법으로 개발" 이라는 의미로 사용

 

https://ko.wikipedia.org/wiki/%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%EC%82%AC%EC%9D%B4%EB%93%9C

 

https://velog.io/@zansol/%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-%EC%84%9C%EB%B2%84%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81SSR-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81CSR

 

 

반응형

'WEB > WEB' 카테고리의 다른 글

네트워크의 기본은 TCP/IP  (0) 2020.09.01
웹은 HTTP로 나타낸다  (0) 2020.09.01
인증과 권한부여(인가)  (0) 2019.12.10
웹개발의 기본적인것들  (0) 2019.12.10
쿠키와 세션  (0) 2019.12.10