반응형
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 |
29 | 30 | 31 |
Tags
- CSS
- 정보처리기사실기정리
- 리액트
- javascript
- 자바의정석
- spring
- 국비IT
- 자스코테
- Oracle
- 이안의평일코딩
- 국비코딩
- 평일코딩
- 정보처리기사실기요약
- 자바스크립트 코딩테스트
- 스프링
- 코딩테스트
- 오라클
- 정보처리기사
- 리액트네이티브
- 자바스크립트
- VUE
- php
- 정보처리기사요약
- 타입스크립트
- ReactNative
- 정보처리기사정리
- 정보처리기사실기
- react
- typescript
- Java의정석
Archives
- Today
- Total
목록CSR (1)
이안의 평일코딩
SPA, SSR, CSR 그리고 Next.js
웹은 Client와 Server로 나누어진다. Client는 요청을 보내는 역할을 하고 Server는 요청을 보고 알맞은 응답을 해준다. 그리고 Client는 그 응답을 바탕으로 DOM에 그린다. (css처리 + javascript로드) 이 과정을 반복한다. 웹의 발전으로 수많은 요청과 응답을 처리해야 되기 때문에 Server 부하, Client도 페이지 깜빡임이 나타남. Ajax라는 기술을 통해 일부분만 정보를 가져올 수 있게 되고 더 나아가 SPA라는 개념이 등장한다. SPA(Single Page Application) SPA는 url을 움직이더라도 html을 새로고침하지 않는 것이다. React는 SPA를 지원하는 라이브러리이며 Client Side Rendering 방식으로 동작한다. Server..
Front-end/Next.js
2021. 3. 2. 23:11