next.js와 vite.js 차이

cook_pasta·2024년 12월 21일

React

목록 보기
3/7
post-thumbnail

비교 표1

SEO(Search Engine Optimization)란?

(검색 엔진 최적화)

즉, Google, Naver 같은 검색엔진에서 내 웹사이트가 잘 노출되도록 하는 기술이야.

예를 들어:

블로그 글을 쓰면 → 구글에 검색했을 때 내 글이 잘 뜨게 하고 싶겠지?

그걸 위해 검색엔진이 내 페이지의 내용을 잘 읽을 수 있도록 만들어야 해.


SSR (Server-Side Rendering)란?

페이지 내용을 서버에서 HTML로 만들어서 브라우저로 전송

예: Next.js 기본 방식

사용자가 접속하면 → 서버에서 내용이 다 찬 HTML을 만들어서 보내줌

📄 검색엔진이 HTML 구조를 쉽게 읽을 수 있음 → SEO에 좋음


MPA (Multi Page Application)란?

(멀티 페이지 애플리케이션)

즉, 화면이 바뀔 때마다 "다른 HTML 페이지"를 요청해서 전체 새로고침하는 방식이야.

SPA (Single Page Application)란?

첫 로딩에 한 번만 HTML + JS를 받아옴

이후는 브라우저 안에서 JavaScript가 모든 걸 처리함

페이지 이동도 새로고침 없이 빠르게 가능


참고1

0개의 댓글