| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- NextJS
- 코딩테스트 고득점 Kit
- 자바 공부
- react firebase
- 디자인 패턴
- 자바스크립트
- useState
- design pattern
- vanillaJS
- 코틀린
- 리액트
- 프로그래머스
- React JS
- 리액트 훅
- websocket
- 데이터모델링과마이닝
- useEffect
- react hook
- Java
- 장고
- codesandbox
- 컴퓨터 네트워크
- react
- 프로그래머스 완전탐색
- 자바
- 프로그래머스 자바
- 코딩테스트 고득점 Kit 완전탐색
- 프로그래밍 언어론
- 백준
- JavaScript
- Today
- Total
목록Client Side Rendering (2)
기록하는 개발자
SSG(Static Site Generator)란?
https://mingmeng030.tistory.com/249 SSR과 CSR, MPA와 SPA react로 개발을 하면서 spa는 많이 들어봤지만 single page application이라는 것만 알았지 정확히 무엇이고, 왜 사용해야하는지, 장단점은 무엇인지 등에 대해 모르고 있었다. 블로그 정리를 위해 서치 mingmeng030.tistory.com 바로 이전 포스트에서 SPA, MPA 등을 소개했다. 서치하며 공부하던 중 SSG라는 것도 있어서 기록해보려한다. SSG: Static Site Generator SSG로 생성되는 웹사이트는 모든 웹페이지를 미리 모두 만들어놓고 요청이 들어오면 만들어 놓은 웹페이지를 그대로 응답만 해준다. 특징 서버와 클라이언트 측 모두 렌더링을 위해 할 일이 별로..
SSR과 CSR, MPA와 SPA
react로 개발을 하면서 spa는 많이 들어봤지만 single page application이라는 것만 알았지 정확히 무엇이고, 왜 사용해야하는지, 장단점은 무엇인지 등에 대해 모르고 있었다. 블로그 정리를 위해 서치 중 MPA와 SPA 그리고 SSR과 CSR을 같이 정리하는 것이 맞다고 생각해서 글 주제를 SPA 에서 좀 더 넓혀보았다. SSR(Server Side Rendering) SSR의 과정 - 페이지를 이동할 때마다 새로운 페이지를 요청한다. - 모든 템플릿은 서버 연산을 통해서 렌더링하고 완성된 페이지 형태로 응답한다. 장점 - 초기 로딩 속도가 빨라 사용자가 빠르게 컨텐츠에 접근할 수 있다. - SEO(Search Engine Optimization) → MPA는 브라우저에서 JavaSc..