CSR2 SSR? CSR? 1. SSR(Server Side Rendering) : 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식 [단계] 1. User가 웹사이트에 요청을 보냄 2. 서버는 즉시 렌더링 가능한 HTML 파일을 만듦 3. 클라이언트에게 전달되는 순간, 이미 렌더링 준비가 되어 있으므로 HTML은 즉시 렌더링 한다(이때, JavaScript가 읽히기 전이므로 사이트 자체는 조작 불가능함) 4. 클라이언트가 자바스크립트를 다운받음 5. 다운받아지는 동안 User는 컨텐츠를 볼 수 있지만, 사이트를 조작할 수 없음(이때 사용자 조작을 기억하고 있음) 6. 브라우저가 JavaScript프레임워크를 실행 7. JS까지 성공적으로 컴파일 되어 기억하고 있던 사용자 조작이 실행되고, 웹 페이지는 상호작용이 .. 2022. 12. 30. SPA? MPA? 1. MPA(Multiple Page Application) 여러 개의 Page로 구성된 Application SSR(Server Side Rendering)방식으로 렌더링 새로운 페이지를 요청할 때마다 서버에서 렌더링된 정적 리소스(HTML, CSS, JavaScript)가 다운로드 되고, 페이지 이동하거나 새로고침하면 전체 페이지를 다시 렌더링 [장점] SEO(검색 엔진)관점에서 유리 → 완성된 형태의 HTML 파일을 서버로부터 전달받기 때문에 첫 로딩 매우 짧음 → 서버에서 이미 렌더링해 가져오기 때문에 [단점] 매 페이지 요청마다 리로딩 발생하여 UX가 좋지 않음 페이지 이동시 전체 페이지를 다시 렌더링하기 때문에 불필요한 템플릿도 중복해서 로딩하여 성능이 좋지 않음 서버 렌더링에 따른 부하 발생.. 2022. 12. 30. 이전 1 다음
