# CSR

36개의 포스트
post-thumbnail

TIL 23 | 템플릿 엔진(Template Engine) - SSR, CSR

템플릿 엔진의 정의와 그 종류 (SSR, CSR)

2일 전
·
0개의 댓글
post-thumbnail

SSR vs CSR

Browser에서 실제로 우리가 보는 화면을 어디서 최종적으로 만들어서 보여주는가 , 어떻게 개발하는가에 따라서 CSR, SSR로 나뉜다. 처음 웹서버를 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static 파일들이 로드 되어서 데이터가 있다면, 데이터 또

2021년 2월 26일
·
0개의 댓글
post-thumbnail

🖥 서버 사이드 렌더링 제일 좋을까??

1990년대 중반까지 Static Site 서버에 만들어진 HTML 문서가 존재 사용자가 브라우저에 주소를 입력하면 서버는 이미 배포되어진 HTML을 보여주는 형식 단점!: 페이지 내에 다른 링크 클릭 시 서버에서 다시 HTML 파일을 받아서 페이지 전체를 업데이트해야

2021년 2월 24일
·
0개의 댓글
post-thumbnail

[TIL] SSR, CSR

SSR : Server-side Rendering SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다. SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 서버를 이용해서 페이지를 구성하기 때문에 클라이언트에서 구성하는 CSR(client-side render...

2021년 2월 21일
·
2개의 댓글

SSR-CSR-SEO

SSR Server Side Rendering HTML이 서버에서 빌드됨 장점 정적인 사이트에 적합함 JS에 dependency가 없음 SEO를 위한 크롤링이 쉬움 단점 다중 서버 요청 모든 페이지가 리로드 됨 (서버 로드를 증가시키고 불필요한 컴퓨팅) 인터랙티브함이

2021년 2월 16일
·
0개의 댓글
post-thumbnail

csr ssr ssg

csr(client side rendering) https://s3-us-west-2.amazonaws.com/secure.notion-static.com/67089510-218f-432e-83e3-61b691977e41/csr.png ssr(server side

2021년 2월 7일
·
0개의 댓글
post-thumbnail

Next.js 페이지 렌더링 이해하기

React는 기본적으로 1개의 HTML 파일을 가지고 화면을 렌더링하는 Single Page Application으로서 HTML 노드를 생성-수정-삭제하는 과정은 모두 클라이언트 측 브라우저에서 발생한다.

2021년 1월 24일
·
0개의 댓글
post-thumbnail

SPA

SPA의 정의 우선 위키백과에 나온 정의를 보면 이렇습니다. > 싱글 페이지 애플리케이션(SPA, Single Page Application)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이

2021년 1월 11일
·
0개의 댓글
post-thumbnail

Nginx에서 SSL 적용해서 https 로 접속 되게 해볼까?

SSL이 뭐지? Nginx에서 https로 접속되게 하려면 어떻게 해야 하지?

2020년 12월 20일
·
0개의 댓글
post-thumbnail

CSR (Client Side Rendering), SSR (Server Side Rendering), SPA (Single Page Application), MPA (Multi Page Application)

Browser 에서 실제로 우리가 보는 화면이 있다.그런 화면을 어디서 최종적으로 만들어서 보여주느냐, 어떻게 개발하느냐에 따라서 CSR, SSR이라고 부른다.처음에 웹서버에 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static파일들이 로드 되면서 데이터가

2020년 12월 20일
·
0개의 댓글
post-thumbnail

[Next] useEffect로 받은 데이터는 SSR될까? ( getInitialProps 사용 )

React useEffect를 사용했을 경우에 SSR이 될까? ☀️ 답 : useEffect안에서 동작하는 데이터는 SSR되지 않는다. useEffect(() => {}, []) 는 마운트 되었을 때, useEffect는 실행된다. 그렇기 때문에 SSR로 받은 htm

2020년 12월 17일
·
0개의 댓글
post-thumbnail

[Next] Next js를 사용하여 SSR, CSR 구현

Next.js를 사용하면 React에서도 CSR, SSR을 혼합하여 빠른 성능을 구현할 수 있다.

2020년 12월 5일
·
0개의 댓글
post-thumbnail

SSR

지금까지 CRA를 이용하여 클라이언트 사이드의 웹페이지만을 제작해보았다. 물론 SPA는 좋은 도구 이지만, 일음 함에 있어서 목적에 따라 적합한 도구를 사용해야 하지 않겠는가? 숟가락으로 병뚜껑을 딸수 있다고 병따개 냅두고 숟가락만 쓸수는 없는 일 아니겠는가!그러니 일

2020년 11월 25일
·
0개의 댓글
post-thumbnail

SPA, SSR, CSR

How to web works? SPA, SSR, CSR

2020년 11월 24일
·
0개의 댓글
post-thumbnail

CSR과 SSR이란

SPA가 사용하는 Rendering방식은 CSR이고, MPA가 사용하는 Rendering방식은 SSR인 것인가? 그렇지 않다.SPA는 서버로부터 처음에만 페이지를 받아오고 이후에는 동적으로 DOM을 구성하여 Rendering 되는 화면이 바뀌게 한다.바로 여기서 “동적

2020년 10월 6일
·
0개의 댓글
post-thumbnail

React란?

FaceBook 개발, Componet에 집중한 JavaScript 프론트엔드 '라이브러리'단순히 보여지는 'View' 만 초점을 둔 라이브러리      \--> View를 제외한 기능(라우터 등)은                      Third-party L

2020년 9월 12일
·
0개의 댓글
post-thumbnail

SSR, CSR

이번 포스팅에서는 서버 사이드 렌더링, 클라이언트 사이드 렌더링에 대해서 정리를 해보려고 한다.SSR은 서버에서 유저에게 보여줄 페이지를 모두 구성하여 유저에게 페이지를 보여주는 방식이다.클라이언트에게 요청을 받으면 각 요청에 맞는 html 파일을 내려줘서 상황에 맞는

2020년 9월 1일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자라면 알아야 할 이론

WWW 란 ? HTTP HTTP Status Code, REST API HTML, CSS DOM 브라우저 동작 방법 SSR, CSR javascript event loop babel, webpack 의 탄생 및 개요

2020년 8월 31일
·
1개의 댓글
post-thumbnail

CSR SSR에 대하여

SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다.SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 서버를 이용해서 페이지를 구성하기 때문에 클라이언트에서 구성하는 CS

2020년 8월 30일
·
0개의 댓글