| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트
- 자바스크립트의 클래스
- 변수 생성 단계
- 서버 사이드 렌더링
- 주소창에 naver 입력시 일어나는 일
- undeclared
- 브라우저 렌더링원리
- 실행 컨텍스트
- 세션 스토리지
- props와 state 차이점
- 깊은 복사
- 리액트
- 리액트의 생명 주기
- 이벤트 캡처링
- MPA
- async/await
- webpack
- CORS
- polyfill
- 호이스팅
- 가상 dom
- 얕은 복사
- react
- 프로미스
- 스코프 체인
- 자바스크립트 함수
- 이벤트 버블링
- 클라이언트 사이드 렌더링
- 로컬 스토리지
- CSS
Archives
- Today
- Total
목록서버 사이드 렌더링 (1)
Gapus Dev Blog
[자바스크립트] SSR
SSR(Server-Side Rendering) SSR는 웹 애플리케이션의 초기 로딩 시 서버에서 필요한 HTML, CSS, JS 파일을 생성하여 클라이언트로 전달하고, 이를 받아와 화면을 구성하는 방식 동작 방식 초기 요청 사용자가 웹 페이지에 접속하면, 클라이언트는 서버에 초기 페이지 로딩을 요청 서버에서 렌더링 서버는 클라이언트에게 필요한 HTML, CSS, JS 파일 등을 생성하여 응답 서버는 필요한 데이터를 가져와 페이지를 완전히 구성 후, HTML 형태로 클라이언트에 전달 클라이언트 렌더링 클라이언트는 서버로부터 받은 HTML 파일을 받아와 화면을 구성 JS파일은 주로 상화작용적인 요소나 동적인 데이터 처리를 담당 장점 초기 로딩 속도 서버에서 필요한 콘텐츠를 렌더링하여 클라이언트에게 전달하기..
프론트엔드/JavaScript
2023. 11. 1. 08:00