47일차 CS(19, 20)

클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념과 장/단점

 CSR의 구동 방식은 초기 로드시에 빈 HTML과 모든 로직이 담겨 있는 JavaScript를 다운로드한다. 이후 빈 HTML에 JavaScript를 이용하여 DOM을 동적으로 생성하여 그려내는 방식으로 진행된다. 이러한 CSR의 장점으로는 동적으로 DOM을 그려내기 때문에 헤더, 푸터와 같이 중복되는 내용은 고정시키고 원하는 내용만 업데이트하기에 용이하다. 또한 서버에서 전체 HTML페이지를 생성할 필요가 없으므로 서버 부하를 줄일 수 있다. 단점으로는 브라우저가 내용을 표시하기 전에 JavaScript를 다운받고 분석, 실행해야 하기 때문에 초기 페이지 로드가 느리다는 점과, SEO 문제가 있다는 점이다.

 

 SSR의 구동방식은 서버에서 렌더링하여 완성된 HTML 파일을 로드해 주고, 브라우저는 내용을 렌더링 없이 표시한다. 이러한 방식의 SSR의 장점은 브라우저가 완전히 렌더링 된 페이지를 받기 때문에 초기 페이지 표시가 빠르다는 점이다. 또한 완전히 렌더링 된 페이지는 검색 엔진이 크롤링하고 인덱싱 하기 쉽기 때문에 SEO 이점이 있다. 단점으로는 서버에서 모든 요청에 대해 HTML 페이지를 생성해야 하기 때문에 서버 부하가 증가한다는 점이다. 또한 데이터 업데이트를 진행할 경우 전체 페이지를 다시 로드해야 하기 CRS에 비해 느릴 수 있다는 점이다.

 

=> SEO(Search Engine Optimization): 웹사이트나 웹페이지가 검색 엔진의 검색 결과에서 더 높은 순위를 얻도록 하는 전략과 기술

 

 

TCP/UDP

 TCP는 Transmission Comtrol Protocol의 약자로 전송을 제어하는 규약이라는 의미이다. 이는 인터넷 상에서 데이터를 메시지 형태로 보내기 위해 IP와 함께 사용되는 규약이며, 패킷을 추적 및 관리하는 역할을 한다. 이러한 TCP는 연결형 서비스로, 연결이 성공해야 통신이 가능하며, 데이터의 흐름을 제어한다는 특징을 가지고 있다. 이러한 특징 때문에 TCP는 신뢰성 있는 데이터 전송이 가능하며 데이터의 전송 순서를 보장한다는 장점이 있다. 반대로 연결 설정과 종료 과정, 신뢰성을 위한 오버헤드로 인해 UDP보다 상대적으로 느릴 수 있다.

 

 UDP는 User Datagram Protocol의 약자로 비연결 지향적 프로토콜을 의미한다.  UDP는 비연결형 서비스로 연결 없이 통신이 가능하며, 데이터 송, 수신자 사이에 가상 회선이라고 불리는 논리적 경로를 설정하지 않고, 패킷들이 각각 독립적으로 전송되는 방식인 데이터그램 방식을 사용한다는 특징이 있다. 이러한 특징 때문에 빠른 데이터 전송이 가능하다는 장점이 있다. 반대로  연결이 되어있지 않기 때문에 데이터의 신뢰성과 순서가 보장되지 않는다는 단점이 있다.