Next.js
[CSR/SSR/SSG/ISR]
1. CSR - 클라이언트 측에서 Javascript 를 사용해 동적으로 웹 페이지를 렌더링하는 방식 - 페이지에 요청이 들어오면 필요한 Javascript 파일을 다운로드하고 실행하여 렌더링하기 때문에, 초기 로딩 속도는 SSR 보다는 느리지만, 페이지를 로딩한 후에는 빠른 페이지 전환이 가능하다. 2. SSR - 서버에서 HTML/CSS/Javascript 를 만들어 클라이언트 측에 전송하는 방식 - HTML 에 초기 상태, 동적으로 생성되는 데이터가 모두 포함되며, 초기 로딩 속도가 빠르지만, 서버에서 처리하므로, 서버 자원이 사용되어, 대규모 트래픽에 서버 과부하 우려가 있으며, 페이지 전환 시에는 CSR 보다는 느린 로딩 속도를 가진다. - 서버 요청 시간이 길어지면 사용자가 흰 화면을 오래보게..
2023. 7. 26. 14:01