# CSR
[web] CSR(Client side rendering)
CSR이란 클라이언트 사이드 렌더링의 약자로, 사용자의 요청에 따라 필요한 부분만 응답 받아 렌더링 하는 방식이다. 먼저 클라이언트에서 초기화면을 로드하기 위해 서버에 요청을 보낸다.그럼 서버는 화면에 표시하는데 필요한 완전한 리소스의 응답을 한다. 이때 SSR
[web] SSR(Server Side Rendering)
SSR(Server Side Rendering) 서버 사이드 렌더링 SSR이란 _ SSR이란 서버 사이드 렌더링의 약자로, 서버로부터 완전하게 만들어진 HTML 파일을 받아와 페이지 전체를 렌더링 하는 방식을 의미한다. _ SSR 동작과정 _먼저 클라이언트가
SSR과 CSR에 대해서
현재 엘리스 미니 프로젝트 스터디를 진행하는데, 엘리스 트랙과 동일한 MERN 스택으로 진행하게 되었다.MERN이란 MongoDB - Nosql 데이터베이스Express(.js) - Node.js 웹 프레임워크React(.js) - client-side JavaScri
pre-rendering 체크리스트: CSR SSR SSG ISR
페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다
Next JS가 뭔데? 먹는건가?
우선 Next JS에 대해 설명을 하기 전, React를 모르는 리.알.못 이라면 스크롤을 내리기 전에 당장 유튜브에 가서 리액트 완강을 조지고 와야 이해가 빠를것이다.Next JS는 기본적으로 리액트를 사용하여 개발할때, 더 편리하고 빠르게 개발을 할 수 있도록 도와
01. 동적웹페이지와 템플릿 언어
정적 웹페이지(static web page): 서버에 저장되어있는 HTML+CSS 파일 그대로 보여주는 것정적 웹페이지는 추가적인 통신&계산이 필요 없기 때문에 속도가 빠르고 서버에 부담이 적은 반면, 추가/수정/삭제 등 내용 변경이 필요할 때 HTML 자체를 수정해야
SSR과 CSR
SSR : 서버로부터 완전하게 만들어진 html파일을 받아와 페이지 전체를 렌더링 하는 방식으로 MPA가 채택하고 있다. CSR : 사용자의 요청에 따라 필요한 부분만 응답받아 렌더링 하는 방식으로 SPA가 채택하고 있다.
SEO (CSR, SSR, SSG)
CSR, SSR, SSG 조화를 이루다. 은 Node.js 기반의 SSR 개발을 통해 겪은 경험기로 간단한 용어 설명 및 웹의 진화 과정에 대한 내용을 다룹니다.위의 세 단어는 웹 서비스를 해보셨다면, 웹 개발자뿐만 아니더라도 한 번쯤은 들어봤을 법한 용어입니다. 간단
SEO (CSR, SSR, SSG)
웹 렌더링 기술에 대해 알아보자!CSR은 브라우저에서 자바스크립트를 이용하여 단일 웹페이지 상의 HTML 요소를 동적으로 생성하고 조작한다. 따라서 서버 측에서는 텅빈 HTML 문서 하나와 자바스크립트 코드만 내려주고 그 이후에 모든 일들은 클라이언트 측에서 브라우저가
SEO (CSR, SSR, SSG)
CSR은 Client Side Rendering의 약자로최초에 싱글페이지만 서버로부터 불러와 렌더링하고 그 이후부터는 모든 것을 클라이언트 사이드에서 렌더링한다.SPA(Single Page Applicataion)은 CSR 방식을 이용한다.SSR은 Sever Side
[Next] 동일한 페이지에 CSR, SSR을 상황에 맞게 적용하는 방법
해당 글에서는 동일한 페이지이지만, 주소 입력으로 바로 가는 경우에는 SSR을 적용하고 다른 페이지에서 타고 들어가는 경우에는 CSR을 적용하는 방법을 설명합니다.핵심은 getServerSideProps, getStaticProps와 같이 서버 단에서 실행되는 함수들에
CSR vs SSR vs SSG
Next.js는 Vercel이라는 Frontend Team에서 만든 CSR, SSR 방식의 장점을 모두 가지고 생산에 필요한 많은 기능들을 제공하는 아주 강력한 React 프레임워크.CSR은 react, vue 등의 SPA(Single Page Application)에