# CSR

namkun

가끔 일하다보면 서버사이드 렌더링, 클라이언트 사이드 렌더링 이야기를 종종 듣는데, 관련해서 지식이 전무(!) 하여 정리해본다.브라우저에서 특정 페이지에 접속할때 화면을 그려주는 것을 말한다.html의 최종결과를 서버에서 만들어서 웹 브라우저에 전달하는 방식이다.그러니

altmshfkgudtjr

"CSR, SSR, SSG 조화를 이루다."은 Node.js 기반의 SSR 개발을 통해 겪은 경험기로 간단한 용어 설명 및 웹의 진화 과정에 대한 내용을 다룹니다. 위의 세 단어는 웹 서비스를 해보셨다면, 웹 개발자뿐만 아니더라도 한 번쯤은 들어봤을 법한 용어입니다.

cies1

SSR(Server Side Rendering)페이지를 이동할 때마다 서버에 새로운 페이지에 대한 요청서버에서 렌더링을 마치고, Data가 결합된 HTML파일을 내려주는 방식새로운 페이지로 이동할 때마다 서버에 요청하여 페이지를 받아야 하기 때문에, 받아오는 시간동안

asroq1

React를 공부하면서 배우게 되는 많은 개념 중 새롭게 듣게 되는 개념 중 한 개가 CSR이다.CSR의 단점을 보완하기 위해 많은 회사에서 NextJS라는 프레임워크를 활용해 React로 CSR이 아닌 SSR을 많이 활용하는데, CSR과 SSR의 장단점 및 차이를 확

qkrcndtlr123

Web Rendering

jminkyoung

React 공부를 시작하게 되면 자의반 타의반으로 SPA, SSR, CSR라는 개념을 접하게 된다. 처음엔 도대체 뭔소린가..싶지만 Web 개발자라면 꼭 알아야하는 개념이므로 확실하게 짚고 넘어가자 😢 SPA 란? SPA란 Single Page Applicati

op032

서버사이드 렌더링이란 무엇이냐?

rlacksdud3

서버측에서 렌더링이 이루어지는 방식장점SEO가 좋다.CSR에 비해 초기 로딩 속도가 빠르다.단점초기로딩이 빠르지만 view변경시에 부담이 있다.메뉴클릭시 서버에서 재렌더링 되기 때문에 화면이 깜박인다.클라이언트측에서 렌더링이 이루어지는 방식장점좋은 사용자 경험클라이언트

vagabondms

자강두천

pizzahand

클라이언트(client)-서버(server) 아키텍쳐

goyou123

SSR이란 단어 그대로 서버에서 렌더링 작업을 하는것을 의미한다.기존에 존재하던 방식으로 사용자가 웹페이지에 접근할 때 서버에서 페이지에 대한 요청을 하며 서버에서는 html, view와 같은 리소스들을 어떻게 보여질지 해석하고 렌더링하여 사용자에게 반환시킨다.CSR이

chayezo

AJAX = Asynchronous JavaScript And XML서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말한다. JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. AJAX의 강력한 특

2taesung

=> semantic 태그에 대해서 아느냐 그리고 SEO도 알면 좋을듯.세오...세호.... 조세호? div태그는 별도 의미 부여가 없이 웹의 구역을 나누는 태그이고 section 태그는 핵심적인 내용이 주로 들어가는 article을 포함하는 구역으로 semantic

jun094

정적웹에서 SSR 방식이 등장하기까지 시간 순으로 정리해보았다.

ysong0504

1차 미니 프로젝트 배포!JWT vs Session vs CookieSSR vs CSR느낀점 (첫 프로젝트를 마무리하며..)6월 7일 월요일부터 시작되었던 미니 프로젝트 개발이 오늘 저녁, AWS 서버 배포를 마지막으로 마무리가 되었다.3일이란 짧은 시간동안 팀원들과의

whddus0789

브라우저는 렌더링을 어디에서 할까?

uvula6921

정적 웹페이지 vs 동적 웹페이지 정적 웹페이지(static web page)는 서버에 저장되어있는 HTML+CSS 파일 그대로 보여주는 것이다.반면 동적 웹페이지(dynamic web page)는 상황에 따라 서버에 저장되어있는 HTML에 데이터 추가/가공을 해서

dydalsdl1414

✔ SSR, CSR에 대해 정리해보자CSR스크린샷, 2021-06-06 22-47-57렌더링의 주체가 서버가 아닌, 클라이언트이다.서버 측에서 텅텅빈 index.html을 클라이언트 측에게 보내준

pgy93

SPA의 시대부터 쭈욱 알아보쟈 ㅎㅎ(single-page-application) 단일 페이지 애플리케이션으로, 현재의 페이지를 동적으로 작성함으로써 사용자와 소통하는 웹 애플리케이션이다. 연속되는 페이지 간의 사용자 경험을 향상시키고, 웹 애플리케이션이 데스크톱 애플

moony_moon

모든 코드에 의미를 담겠습니다. 지금 내가 구현하는 기능중에 꽤나 유용했고 알아두면 좋은 기능들을 정리하면서 개발일지에 한번 정리해보려고 한다. 그런것들은 위와 같이 유레카 이미지가 들어가 있고, TIL과는 다른 개발일지로 구분이 될 것 같다. > 오늘의 유레카!