본문 바로가기

웹개발상식

(2)
SPA(Single Page Application)와 CSR(Client-Side Rendering) 지난 시간 고전적(;) 웹 사이트를 만드는 방식이었던 SSR과 XMLHttpRequest API, Ajax의 등장까지 살펴보았다. 이번 시간에는 본격적으로 SPA와 CSR에 대해 정리해보려 한다. 0. Intro 데스크탑이나 노트북보다 모바일을 사용하는 사람들이 점점 늘어났지만.. 데스크탑/노트북에 비하면 모바일의 성능이 부족한 편. 이런 성능이 낮은 모바일 환경에서 웹 페이지를 잘 출력하기 위해서 SPA 방식을 많이 사용하게 되었다고 한다. 1. SPA SPA는 Single Page Application의 줄임말로 모던 웹의 패러다임이다. 기존에는 여러개의 웹 페이지가 합쳐져서 하나의 웹 사이트가 되었다면 SPA는 기본적으로 단일 페이지로 구성된다. SPA===CSR인 것은 아니고, SPA를 구현하는 ..
SSR(Server-Side Rendering) 📝 들어가기에 앞서 오늘은 몇 번이나 시도했지만 매번 마무리 짓지 못했던 SSR와 CSR을 정리하는 날이다! 솔직히 말하면 기저에서 작동하는 방식까지 모두 완벽하게 이해한 것은 아니다 🙄 그래서 아직 명료하지 않은 부분들이 많다. 또 내가 알고 있는 것들 중에 틀린 내용이 있지는 않을까 걱정스럽다. 하지만! 일단 지금 현재 내가 이해하고 있는 것들부터 하나씩하나씩 블로그에 적다보면 머릿속이 정리가 좀 될 것 같아서 이번 포스팅을 준비했다. (물론 부족한 부분들은 나중에 다시 찾아와서 계속 채워나갈 예정이다.) 이번 시리즈 전체 구성은 시간의 흐름에 따른 웹 개발 트렌드(?)의 변화이다. SSR -> Ajax의 등장 -> CSR -> SSG 이번 포스팅에서는 'SSR'과 'Ajax의 등장'에 대해서 다룰 ..