SSR2 [IT/Next.js] Next.js의 SSR 구현 위 강의를 참고했습니다. SSR과 CSR에 대해서는 아래 포스트를 참고해주세요. [IT] SSR과 CSR의 차이점프론트엔드 개념 중 많이 헷갈리는 SSR(Server Side Rendering)과 CSR(Client Side Rendering)에 대해 알아보겠습니다. SSR 일반적으로 MPA(Multi Page Application)에서 사용합니다. MPA는 각 페이지마다 파일이 존재하doringri.tistory.com - Next.js에서는 CSR으로도 구현이 가능하지만 SSR을 권장하고 있음.- 퍼포먼스가 더 좋고, SEO에도 좋기 때문. (검색 엔진이나 카카오톡 등에서의 링크 공유 시 내용 표출되는 것)- 마케팅 페이지, 블로그 게시물, 제품 리스트, 도움말 페이지 등에서 사용하면 좋다고 한다. .. 2024. 7. 28. [IT] SSR과 CSR의 차이점 프론트엔드 개념 중 많이 헷갈리는 SSR(Server Side Rendering)과 CSR(Client Side Rendering)에 대해 알아보겠습니다. SSR 일반적으로 MPA(Multi Page Application)에서 사용합니다. MPA는 각 페이지마다 파일이 존재하여, 페이지를 이동할 때마다 새로고침이 발생하는 방식입니다. 이미 렌더링된 HTML을 서버로부터 받아옵니다. 아래 사진을 보면, 개발자 도구에서 확인한 응답 결과인데 이미 정적 리소스가 렌더링된 것을 볼 수 있습니다. (이미지는 제외) JS는 그 다음에 다운로드합니다. HTML을 받아온 후와 JS를 받아오기 전 공백 시간은 사용자가 상호작용할 수 없는 껍데기만 있는 상태입니다. (하지만 보통은 매우 짧음) 상호작용은 할 수 없어도 이.. 2024. 3. 16. 이전 1 다음
