728x90 반응형 csr과ssr1 next.js 학습 (1) next.js 👇 네트워크 확인하는 법 ssr (server side render) 서버가 그리는 것 -> 새로고침할 때마다 바로바로 서버에서 시간대를 받아옴 서버에서 데이터를 가져오고 props로 데이터를 전달해주는 방식 getServerSideProps 안에 console.log(111) 찍으면 터미널에 콘솔이 찍히고 브라우저에는 안 찍힘 csr (client side render) 클라이언트가 데이터를 가져와서 그린다 -> csr 를 담당하는 함수는 없음 기존 리액트 사용법과 동일 useEffect, useState 사용해서 시간을 넣어주는 방식 console.log(1111) 찍을 시 클라이언트에서 찍힘 : ttfb : 리소스를 요청하고 난 후 해당 요청에 대한 첫번째 바이트가 걸리는 시간 : f.. 2023. 4. 14. 이전 1 다음 728x90 반응형
