# 서버 사이드 렌더링

10개의 포스트
post-thumbnail

(번역) 자바스크립트 하이드레이션은 임시방편이지 해결책이 아닙니다 - by Miško Hevery

웹 개발에서 하이드레이션(Hydration)은 서버에서 렌더링 된 HTML에 상호 작용을 추가하는 기술입니다. 이는 클라이언트 측 자바스크립트가 이벤트 핸들러를 HTML 요소에 부착해 정적 HTML 웹 페이지를 동적 웹 페이지로 변환합니다.

2022년 6월 15일
·
2개의 댓글

[TIL] React Query, SSR, 토스 컨퍼런스 SLASH22 1일차 세션

다른 프로젝트 아키텍쳐에서 React Query를 사용한 것을 본 적이 있는데, 오늘 토스 컨퍼런스에서도 React Query가 언급되어서 찾아봤다.React Query란 데이터 패칭 라이브러리다. 데이터를 패칭하는 기능 뿐만 아니라 Devtools, 캐싱, 서버 상태

2022년 6월 8일
·
0개의 댓글
post-thumbnail

서버 사이드 렌더링, 클라이언트 사이드 렌더링

서버 사이드 렌더링(SSR, Server Side Rendering)은 서버에서 페이지를 구성한다음 클라이언트에 보여주는 방식입니다. 기존의 웹 개발에서 주로 사용되는 방식으로 브라우저에 렌더링되는 형태를 HTML 문서로 만들어서 전송하게 됩니다. 이 방식은 HTML

2022년 2월 17일
·
0개의 댓글

서버 사이드 렌더링과 클라이언트 렌더링

server-side rendering 서버에서 웹브라우저가 출력할 화면을 HTML로 만들어 보내는 것을 "서버측 렌더링(server-side rendering)"이라 부른다. -클라이언트 사이드 또는 유니버셜 앱 HTML을 서버를 통해 렌더링 장점 검색 엔진 SE

2021년 12월 21일
·
0개의 댓글
post-thumbnail

04 서버 사이드 렌더링

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

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

HTTP API, CSR, SSR

김영한 대장님의 스프링MVC1 편을 참고해서 작성 한 글 입니다.정적 리소스 어떻게 제공할거야?동적 리소스 HTML 페이지 어떻게 띄울거야?HTTP API 어떻게 제공할거야?이 세가지를 고민해야한다. 화면을 보여주는 방법은 크게 3가지가 있다. 동적인 html 요청

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

클라이언트 사이드 렌더링 vs 서버 사이드 렌더링 - FE study10

1. 개념 클라이언트 사이드 렌더링 : DOM 렌더링을 클라이언트에서 실행 (Browser) : 서버에서 json만 받아오고 클라이언트 측에서 화면을 구성하고 기능을 수행. (React, 등) 서버 사이드 렌더링 : DOM 렌더링을 서버에서 실행 (Server) : 서버 측에서 화면을 구성하고 기능을 수행하는 html을 작성해서 클라이언트에 뿌림. (Js...

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

Server Side Rendering 레시피 3가지

서버 사이드 렌더링을 직접 구성하는 일은 너무 까다습니다. 특히 최근에 웹팩이 버전 4로 업그레이드 되면서 설정 관련해서 많은 부분이 바뀌어서 참조할만한 코드도 줄어들었습니다. 그래도 얼마간의 삽질(?) 끝에 웹팩 4 및 여러가지 스택과 함께 사용할 수 있는 보일러

2018년 12월 13일
·
3개의 댓글