250x250
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 |
Tags
- 항해99 사전스터디
- 항해99
- Js module
- 타입스크립트
- gql restapi 차이
- 리액트 메모
- 함수형 프로그래밍 특징
- FP 특징
- 실행컨텍스트
- 리덕스
- 항해99 미니프로젝트
- 자바스크립트 엔진 v8
- v8 원리
- 웹팩 기본개념
- jwt
- 코어자바스크립트
- this
- toggle-btn
- 웹 크롤링
- next js
- 리액트 메모이제이션
- 알고리즘
- chromatic error
- 테스트 코드 툴 비교
- 렌더링 최적화
- JS module system
- js배열 알고리즘
- 리액트 렌더링 최적화
- 항해99 부트캠프
- 리액트
Archives
- Today
- Total
목록SPA (1)
Jaeilit
SPA vs MPA
SPA(Single Page Application) 한개의 페이지 웹 어플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운한다. 이후 새로운 페이지의 요청이 있는 경우, 페이지 갱신에 필요한 데이터만 전달 받아 페이지를 갱신함. 모든 페이지가 새로고침 되는게 아니라 요청이 있는 부분만 리렌더링 되는 방식 SPA 를 CSR(Client Side Rendering) 방식이라고 한다. 클라이언트가 서버에게 최초 요청을 하면 HTML을 받아온다. 추가적인 요청에 대해서는 AJAX 을 통해 JSON 데이터를 받아서 업데이트만 해준다. SPA 장점 요청 받는 부분만 렌더링하면 되기 때문에 빠르다. (성능과 연결) 새로고침에 대한 페이지 깜빡임이 없다. 페이지의 일부만 바뀌는 것이기 때문에 application..
리액트를 배워보자
2021. 9. 19. 19:44