# CSR

107개의 포스트
post-thumbnail

HTML, HTTP API, CSR, SSR

고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공주로 웹 브라우저동적으로 필요한 HTML파일을 생성해서 전달.먄약 주문 정보를 요구하는 경우, view template를 통해서 프로그램 코드를 추가한다.HTML이 아니라 데이터를 전달한다. (주로 JSON

어제
·
0개의 댓글

10/20 학습

2티어 아키텍처 : 리소스와 앱(클라이언트)을 분리. 클라이언트가 요청을 하면 서버가 응답을 준다.3티어 아키텍처 : 2티어 아키텍처에 데이터베이스를 추가(클라이언트-서버-데이터베이스). 서버는 리소스를 전달해 주는 역할만 담당한다.클라이언트와 서버가 이용하는 프로토콜

어제
·
0개의 댓글
post-thumbnail

실제 서비스 배포 후기 #2 (feat. redirect, font, webpack)

이번 글에서는 배포된 페이지에서 폰트가 적용되지않고 webpack 설정이 동작하지 않는거 같은 느낌적인 느낌을 해결한 내용을 작성해보겠습니다.

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

04 서버 사이드 렌더링

🛑 해당 포스팅은 패스트캠퍼스 온라인 강의 The RED : 조은의 프론트엔드 실무 가이드 강의 필기 입니다.

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

CSR vs SSR

CSR과 SSR에 대해 알아보자

2021년 10월 13일
·
0개의 댓글

[웹] CSR과 SSR

해당 포스팅은 우아한 테크코스 테코톡 신세한탄의 CSR&SSR을 보고 정리했습니다.여러개의 페이지로 구성된 어플리케이션요청이 있을 때 마다 서버로부터 새로운 페이지를 로드하는 방식이다. 따라서 렌더링 방식으로 SSR을 사용한다. 단일 페이지 어플리케이션기존 MPA와 달

2021년 10월 13일
·
0개의 댓글
post-thumbnail

03 클라이언트 사이드 렌더링

🛑 해당 포스팅은 패스트캠퍼스 온라인 강의 The RED : 조은의 프론트엔드 실무 가이드 강의 필기 입니다.

2021년 10월 13일
·
0개의 댓글

CSR / SSR, SPA/MPA, PWA 에 대하여

CSR / SSR, SPA/MPA, PWA

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

[Concept Summary] 서버사이드렌더링, 클라이언트사이드렌더링

기존에 자주 사용하던 방식의 렌더링이다. 클라이언트가 서버에 요청을 하면서 브라우저에 표시된 html을 넘기게 되면 서버는 그 요청에 대한 결과값을 도출하여 만들어진 새로운 html을 클라이언트에 넘겨준다.👉 하지만, 매번 새로운 html을 서버에서 넘겨주다보니 반응

2021년 10월 8일
·
0개의 댓글
post-thumbnail

CSR 앱에서 SSR + CSR 환경으로 이주하기

❗ CSR에 SSR을 적용하는데 어려움을 겪는 분들을 위해 작성했습니다. 혹시 틀린 부분이 있다면 말씀해주세요!❗ SSR과 refresh token에 대한 사전 지식이 있으면 글을 이해하기 조금 더 편합니다.❗ 웹서버와 WAS가 무엇인지 궁금하다면 여기를 참고해주세요!

2021년 9월 23일
·
4개의 댓글
post-thumbnail

CSR, SSR

각 두개의 단어는 서로의 대척점에 있다고 볼 수 있다. CSR 와 SSR SPA 와 MPA 해당 개념에 대해 헷갈리지 않도록 조금 더 쉽게 작성해보기로 하였다. 웹 브라우저(크롬, 웨일, 파이어폭스, IE, ...)에서 실제로 우리가 볼 수 있는 화면이 있다.

2021년 9월 20일
·
0개의 댓글
post-thumbnail

SSR 과 CSR

이번에 항해 99를 1주차에서 서버사이드 렌더링에 대하여 배우게 되었습니다. 항해에서는 Flask의 템플릿 언어인 Jinja2에 대하여 배웠는데, 일단 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(SSR)에 대하여 알아보기로 했습니다.요청해서 받은 내용을 브

2021년 9월 18일
·
0개의 댓글

TIL. 43 CSR, SSR

💡 SPA (Single Page Application) 말 그대로 하나의 페이지로 이루어진 웹 애플리케이션으로, 서버에서 최초에만 페이지를 받아온 후 이후에는 동적으로 구성해 새로운 페이지를 받아오지 않는다.(데이터를 수정, 조회할 때 새로 고침되지 않음) 쉽게 말해, 처음 불러왔던 페이지의 내용만 변경하는 방식이고, 페이지 이동간 서버에 요청을 하지...

2021년 9월 17일
·
0개의 댓글
post-thumbnail

TIL 검색최적화를 위한 빌드업 #2 SPA,CSR,SSR(feat...Next.js)

이름 그대로, 단일 html페이지에서 전체 웹 사이트/ 서비스를 구현한 것이 SPA이다.웹사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현한다.클라이언트 사이드 랜더링은 최초 로드시 필요한 파일들을 모두 받고 사용자의 인터랙션에 따라 클라이언트

2021년 9월 15일
·
0개의 댓글
post-thumbnail

[FE 지식] CSR과 SSR

CSR과 SSR의 차이와 장단점에 대해 알아보자.

2021년 9월 8일
·
0개의 댓글

CSR / SSR / SPA / MPA

렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함

2021년 9월 8일
·
0개의 댓글
post-thumbnail

[FE] SPA/SSR/CSR이란?

간단하게 개념에 대해서 정리해 보려고 한다. 중요한 개념은 기본이 되는 것이다. 잊지 않도록 정리를 차근해 해본다. 간단하게 말하자면 아래와 같다.말 그대로, 한 개의 페이지를 가진 어플리케이션을 말한다. 사용하는 이유는 사용자자 친화적이며, 초기 렌더링 후 데이터만

2021년 9월 5일
·
0개의 댓글
post-thumbnail

TIL - SSR CSR

서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 의미서버에서 모든 것을 제공해주기 때문에 과부화 문제가 생김다 구성되고 한번에 뜸 main사이트등 변경이 많이 없을때는 SSR을 사용클라이언트에서 처리 이벤트가 단계적으로 발생하면서 렌

2021년 9월 1일
·
0개의 댓글

SSR & CSR & SPA

렌더링이란 서버로부터 요청해서 받은 내용을 브라우저 화면에 보여주는 것을 의미한다. 렌더링은 아래의 과정을 통해 진행된다.loader가 서버로부터 정보들을 불러온다.파싱을 통해서 DOM트리를 구성한다.DOM트리가 구축되는 동안 브라우저는 렌더 트리를 구축한다.css설정

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[CSR] openssl 을 이용한 CSR 생성하기

csr을 생성하기 위해선 우선 key파일(개인키)이 필요하다.1\. 개인키 생성2\. CSR 생성Country Name : 국가코드 (ex: KR)State or Province Name : 시 (ex: Seoul)Locality Name : 구 (ex: Gwanak-

2021년 8월 25일
·
0개의 댓글