React

SPA → 하나의 html 안에 모든 페이지 구성 요소를 모두 넣음

특징

• 페이지간 이동이 빠름
• 한 번에 모두 렌더링 하기 때문에 초기 렌더링이 느림

Link VS a VS window.location.href

Link(React 꺼임) → React에서 지향해서 사용함 왜냐하면 페이지 이동시 렌더링을 새로하지 않음

a(html 꺼임) → React에서 사용을 지양 → 페이지 이동시 렌더링을 새로하기 때문에 비효율적

window.location.href(js 꺼임) →

• Link도 결국 라이브러리이기 때문에 라이브러리 못 쓰는 파일에서 사용(결국 렌더링은 새로함)

Next

하나의 페이지당 하나의 html로 구성

특징

• 렌더링을 각각 돌릴 수 있기 때문에 페이지 렌더링이 빠름
• 페이지간 이동은 끊길 수 있음 (이동할 때마다 렌더링을 하기 때문)