study_record

  • 홈
  • 태그
  • 방명록

2025/03/22 1

[Web] SPA? MPA? CSR? SSR? SSG?

CSR과 SSR을 알아보기 전에 먼저 SPA와 MPA에 대해 알아보자.  1. SPA (Single Page Application)하나의 페이지로 구성된 웹 어플리케이션을 말하며, 원하는 부분만 클라이언트에서 동적으로 바꿀 수 있는 웹페이지 구성 방식이다.React, Angular, Vue 등의 프레임워크들이 SPA 방식이다.아래의 에어비엔비 사이트를 보면 메뉴를 클릭했을 때 아래의 해당되는 부분만 바뀌는 것을 확인할 수 있다.  2. MPA (MultiPageApplication)여러 개의 페이지로 구성된 웹 어플리케이션을 말하며, 전환할 때마다 새로운 HTML 파일을 받아와 페이지 전체를 새로 렌더링하는 웹페이지 구성 방식이다.매번 새로운 HTML을 서버로부터 받아온다는 단점 때문에 AJAX가 등장하..

Web 2025.03.22
이전
1
다음
더보기
프로필사진

study_record

이전 블로그 https://velog.io/@ro_sie/posts

  • Study (241)
    • CS (25)
      • 네트워크 (2)
      • 컴퓨터구조 (9)
      • 운영체제 (4)
      • 자료구조 (0)
      • 소프트웨어 공학 (0)
    • 알고리즘 (7)
    • 프론트엔드 (29)
      • JavaScript (3)
      • React (17)
      • HTML (0)
      • CSS (1)
      • TypeScript (4)
      • NextJS (3)
    • PS (169)
      • 백준 (130)
      • 프로그래머스 (39)
    • Python (4)
    • Web (5)

Tag

이진 탐색, 정렬, 파이썬, 백준, 이분 탐색, Python, react, CS, DP, 에라토스테네스의 체, BOJ, programmers, 너비 우선 탐색, hooks, BFS, 프로그래머스, 깊이 우선 탐색, 다이나믹 프로그래밍, 그리디, DFS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/03   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바