Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- SSR
- 배열
- 리덕스
- 자바스크립트
- react-query
- JavaScript
- 투두리스트
- Recoil
- 파이어베이스
- debounce
- google firebase
- csr
- NextJS
- 생명주기
- lifecycle
- 겹치는 선분의 길이
- 넥스트
- Firebase
- next-pwa
- customModal component 만들기
- 리액트
- Next
- Redux
- 리엑트
- todolist
- 달리기경주
- React
- JS
- programmers
- useMutation
Archives
- Today
- Total
목록spa (1)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dhMWp3/btqN8eRDhLN/KtUrrh4AYmT2PNYKm4KIkk/img.jpg)
오늘은 핫한 SPA의 원리인 SSR(Server Side Rendering) 과 CSR(Client Side Rendering) 에 대해서 공부하겠습니다. ! Rendering이란? 서버로 부터 받은 HTML 의 정보를 받아 우리가 지금 보는 화면에 보여지는 과정입니다. 그렇다면 CSR과 SSR의 차이를 알아보겠습니다. ■ Server Side Rendering 서버 사이드 랜더링은 말 그대로 어떠한 요청 시마다 서버(프론트엔드가 돌아가고있는 환경)에서 자원을 가져와 랜더링을 해주는 것입니다. ■ Clinet Side Rendering 클라이언트 사이드 랜더링은 최초 로드시 필요한 파일들을 모두 받고 사용자의 인터랙션에 따라 클라이언트단에서 받아와 랜더링을 해주는 것입니다. ! SSR vs CSR 의 장..
ETC
2020. 11. 25. 04:38