# CSR
HTML, HTTP API, CSR, SSR
고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공주로 웹 브라우저동적으로 필요한 HTML파일을 생성해서 전달.먄약 주문 정보를 요구하는 경우, view template를 통해서 프로그램 코드를 추가한다.HTML이 아니라 데이터를 전달한다. (주로 JSON
10/20 학습
2티어 아키텍처 : 리소스와 앱(클라이언트)을 분리. 클라이언트가 요청을 하면 서버가 응답을 준다.3티어 아키텍처 : 2티어 아키텍처에 데이터베이스를 추가(클라이언트-서버-데이터베이스). 서버는 리소스를 전달해 주는 역할만 담당한다.클라이언트와 서버가 이용하는 프로토콜
실제 서비스 배포 후기 #2 (feat. redirect, font, webpack)
이번 글에서는 배포된 페이지에서 폰트가 적용되지않고 webpack 설정이 동작하지 않는거 같은 느낌적인 느낌을 해결한 내용을 작성해보겠습니다.
[웹] CSR과 SSR
해당 포스팅은 우아한 테크코스 테코톡 신세한탄의 CSR&SSR을 보고 정리했습니다.여러개의 페이지로 구성된 어플리케이션요청이 있을 때 마다 서버로부터 새로운 페이지를 로드하는 방식이다. 따라서 렌더링 방식으로 SSR을 사용한다. 단일 페이지 어플리케이션기존 MPA와 달
[Concept Summary] 서버사이드렌더링, 클라이언트사이드렌더링
기존에 자주 사용하던 방식의 렌더링이다. 클라이언트가 서버에 요청을 하면서 브라우저에 표시된 html을 넘기게 되면 서버는 그 요청에 대한 결과값을 도출하여 만들어진 새로운 html을 클라이언트에 넘겨준다.👉 하지만, 매번 새로운 html을 서버에서 넘겨주다보니 반응
CSR 앱에서 SSR + CSR 환경으로 이주하기
❗ CSR에 SSR을 적용하는데 어려움을 겪는 분들을 위해 작성했습니다. 혹시 틀린 부분이 있다면 말씀해주세요!❗ SSR과 refresh token에 대한 사전 지식이 있으면 글을 이해하기 조금 더 편합니다.❗ 웹서버와 WAS가 무엇인지 궁금하다면 여기를 참고해주세요!
CSR, SSR
각 두개의 단어는 서로의 대척점에 있다고 볼 수 있다. CSR 와 SSR SPA 와 MPA 해당 개념에 대해 헷갈리지 않도록 조금 더 쉽게 작성해보기로 하였다. 웹 브라우저(크롬, 웨일, 파이어폭스, IE, ...)에서 실제로 우리가 볼 수 있는 화면이 있다.
SSR 과 CSR
이번에 항해 99를 1주차에서 서버사이드 렌더링에 대하여 배우게 되었습니다. 항해에서는 Flask의 템플릿 언어인 Jinja2에 대하여 배웠는데, 일단 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(SSR)에 대하여 알아보기로 했습니다.요청해서 받은 내용을 브
TIL. 43 CSR, SSR
💡 SPA (Single Page Application) 말 그대로 하나의 페이지로 이루어진 웹 애플리케이션으로, 서버에서 최초에만 페이지를 받아온 후 이후에는 동적으로 구성해 새로운 페이지를 받아오지 않는다.(데이터를 수정, 조회할 때 새로 고침되지 않음) 쉽게 말해, 처음 불러왔던 페이지의 내용만 변경하는 방식이고, 페이지 이동간 서버에 요청을 하지...
TIL 검색최적화를 위한 빌드업 #2 SPA,CSR,SSR(feat...Next.js)
이름 그대로, 단일 html페이지에서 전체 웹 사이트/ 서비스를 구현한 것이 SPA이다.웹사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현한다.클라이언트 사이드 랜더링은 최초 로드시 필요한 파일들을 모두 받고 사용자의 인터랙션에 따라 클라이언트
CSR / SSR / SPA / MPA
렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함
[FE] SPA/SSR/CSR이란?
간단하게 개념에 대해서 정리해 보려고 한다. 중요한 개념은 기본이 되는 것이다. 잊지 않도록 정리를 차근해 해본다. 간단하게 말하자면 아래와 같다.말 그대로, 한 개의 페이지를 가진 어플리케이션을 말한다. 사용하는 이유는 사용자자 친화적이며, 초기 렌더링 후 데이터만
TIL - SSR CSR
서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 의미서버에서 모든 것을 제공해주기 때문에 과부화 문제가 생김다 구성되고 한번에 뜸 main사이트등 변경이 많이 없을때는 SSR을 사용클라이언트에서 처리 이벤트가 단계적으로 발생하면서 렌
SSR & CSR & SPA
렌더링이란 서버로부터 요청해서 받은 내용을 브라우저 화면에 보여주는 것을 의미한다. 렌더링은 아래의 과정을 통해 진행된다.loader가 서버로부터 정보들을 불러온다.파싱을 통해서 DOM트리를 구성한다.DOM트리가 구축되는 동안 브라우저는 렌더 트리를 구축한다.css설정
[CSR] openssl 을 이용한 CSR 생성하기
csr을 생성하기 위해선 우선 key파일(개인키)이 필요하다.1\. 개인키 생성2\. CSR 생성Country Name : 국가코드 (ex: KR)State or Province Name : 시 (ex: Seoul)Locality Name : 구 (ex: Gwanak-