클라이언트 사이드 렌더링 vs 서버 사이드 렌더링 - FE study10

1. 개념

1. 클라이언트 사이드 렌더링
   : DOM 렌더링을 클라이언트에서 실행 (Browser)
   : 서버에서 json만 받아오고 클라이언트 측에서 화면을 구성하고 기능을 수행.
   (React, 등)
2. 서버 사이드 렌더링
   : DOM 렌더링을 서버에서 실행 (Server)
   : 서버 측에서 화면을 구성하고 기능을 수행하는 html을 작성해서 클라이언트에 뿌림.
   (Jsp, netxjs등)

2. 클라이언트 사이드 렌더링

장점
- 빠른 인터렉션 (서버에 요청하고 렌더링하고 다시 응답하지 않기 때문)
- 트래픽 감소 (데이터가 몰리는 서버가 아닌 개인의 환경에서 일을 처리하기 때문)

단점
- 초기구동속도가 느림 (페이지의 기능들을 초기에 모두 구축하기 때문)
- SEO 문제 (html이 아닌 자바스크립트를 읽는 웹 크롤러들은 검색엔진 최적화가 잘 안됨)

3. 서버 사이드 렌더링

장점
- 초기구동속도가 빠름
- SEO 짱

단점
- 데이터와 기능이 많을 때 불필요한 인터렉션 가능성
- 트래픽 몰림 가능성

4. 결론

무엇이 더 좋은지는 개발중인 어플리케이션이 추구하는 목적에 달려있다.