CSR

TIL #7 - SPA와 MPA

TIL #7 - SPA와 MPA 📜 목표 SPA와 MPA의 개념에 대해 이해한다. SPA와 MPA의 각 장단점에 대해 이해한다. SPA와 MPA란❓ SPA Single Page Application : 한 개의 Page로 구성된 Application 하나의 HTML을 한번만 받아와서 JS를 이용하여 Contents만 변경하는 방식 처음에만 페이지를 받아오고 이후는 동적으로 DOM을 구성 CSR 방식 (SPA === CSR 은 아니다 ❌) 요청이 있을경우 필요한 데이터만 다운로드됨. (페이지 구성에 필요한 모든 파일 다운로드 ❌) AJAX와 REST API로 서버에 데이터를 요청 및 JSON으로 응답받음. 사용자는 여러 페이지가 존재한다는 경험을 할 수 있다. MPA Multiple Page Applica..

TIL #6 - SSR과 CSR

TIL #6 - SSR과 CSR 📜 목표 SSR,CSR에 대한 개념에 대해 이해한다. SSR,CSR의 차이점에 대해 이해한다. SSR,CSR은 각각 어떤 상황에 사용해야할지 이해한다. SSR과 CSR이란? 브라우저 렌더링은 크게 '서버 사이드 렌더링(SSR)'과 '클라이언트 사이드 렌더링(CSR)'로 나누어진다. SSR (Server Side Rendering) ➡️ 렌더링이 서버측에서 이루어지는 방식을 말한다. 🏃‍♂️ 과정 유저가 Website 요청을 보낸다. 서버는 렌더링에 사용될 HTML파일들을 생성하여 클라이언트로 전달한다. 클라이언트는 받은 HTML파일들을 우선 렌더링 하는데 보여지는 것만 가능하고 조작은 불가능하다. 클라이언트는 JS파일을 다운로드한다. 유저는 화면 내용을 볼 수 있고 유저의..