SPA

[WEB 🌍] CSR/SSR/SSG, SPA/MPA, AJAX 몽땅 정리

프론트엔드 개발자 채용 우대사항에 이러한 문장을 본 적이 있습니다. CSR/SSR/SSG/ISR에 대해 이해하고, 실제 페이지 개발 시 해당 개념을 적용해보신 분 그렇기에 관련 CS 지식을 학습하고 정리해봅시다. 📌 CSR / SSR 👉 어느쪽에서 렌더링을 준비하는지에 따라 나뉜다. CSR SSR 웹 페이지의 렌더링이 클라이언트(브라우저) 측에서 일어나는 것 동작 과정 1) 유저의 웹브라우저 방문 2) 브라우저의 서버로 콘텐츠 요청 3) 서버의 브라우저로 HTML, JS 링크 전송 4) 브라우저는 JS 다운로드 후 동적 DOM 생성 특징 1. 웹 어플리케이션에 필요한 정적 리소스를 초반에 모두 다운로드 -> 초기 로딩 속도 느림 2. 페이지 갱신 시 필요한 데이터만 전달 받아 클라이언트에서 페이지를 갱신..