목록spa (1)

다다의 개발일지 6v6

[Next.js] Next.js에서 <a> 대신 <Link>를 사용하는 이유 ?! - SPA를 위해

우리가 하고 싶은 건 페이지 전체 리로딩 없이 필요한 콘텐츠만 로딩하는 것인데이를 위해 Next.js에서 대신 를 사용하면 SPA(Single Page Application)처럼 동작할 수 있다 우선 태그를 사용하면 발생하는 문제점!페이지 전체가 새로고침됨기본적으로 태그를 사용하면 브라우저가 새로운 요청을 보내서 페이지 전체를 다시 로드한다.About 페이지 이동href="/about"을 클릭하면 서버에 요청을 보내고 페이지가 새로고침됨방문했던 페이지라도 다시 다운로드하여 렌더링하기 때문에 비효율적결과적으로기존 상태(state)가 초기화됨 (예: 입력 폼 내용, 로그인 상태 등)페이지 전환 속도가 느려짐   태그를 사용하면? (Next.js 방식)1️⃣ 클라이언트 사이드 내비게이션 (CSR) 적용i..
Frontend/Next.js 2025. 3. 1. 19:17
이전 Prev 1 Next 다음