일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- LeetCode
- python
- javascript
- 렛츠기릿 자바스크립트
- programmers
- 리덕스
- Async
- 리액트
- SQL 고득점 Kit
- 백준
- 파이썬
- til
- 회고
- 타입스크립트
- 타임어택
- 자바스크립트
- 코드스테이츠
- 코어 자바스크립트
- 정재남
- 2주 프로젝트
- 제로초
- 손에 익히며 배우는 네트워크 첫걸음
- codestates
- 토익
- 리트코드
- js
- 프로그래머스
- 타입스크립트 올인원
- 4주 프로젝트
- 알고리즘
Archives
- Today
- Total
Jerry
리액트 공부 본문
반응형
#페이지라우팅
- 경로에 따라 알맞은 페이지를 렌더링 하는 과정
- /new -> new 페이지 렌더링
Multi Page Application (MPA)
- 애초에 서버가 여러 개의 페이지를 가지고 있음
- 많은 서비스가 사용하는 전통적인 방식
서버 사이드 렌더링 vs MPA
- 서비가 여러 개의 페이지를 가지고 있는 것이 후자
- 브라우저가 페이지 요청을 했을 때, 해당 페이지를 응답해주는 것이 전자
But, 리액트는 이 방식을 따르지 않음
- 페이지 이동이 매끄럽지 않고 비 효율적임
- 다수의 사용자 접속 시, 서버의 부하가 심해 짐
-
SPA(Single Page Application)
- 페이지 이동이 매끄럽고 효율적임
- 다수의 사용자가 접속해도 크게 상관 없음
- 필요한 요소만 교체
동적 경로(Dynamic Segment)
- URL Parameter
- / 뒤에 아이템의 id를 명시
- ~/product/1
- 아이템의 id 등의 변경되지 않는 값을 주소로 명시하기 위해 사용됨
- Query String
- ? 뒤에 변수명과 값 명시
- ~/search?q=검색어
- 검색어 등의 자주 변경되는 값을 주소로 명시하기 위해 사용된다
반응형
'Front > React' 카테고리의 다른 글
리액트 공부 (2) | 2024.12.10 |
---|---|
리렌더링이란? 🤷♂️🤷♂️ (0) | 2021.04.09 |
Virtual DOM 이란🧐🧐 (0) | 2021.04.09 |
리액트 최적화 요약집👍👍 (useCallback, useMemo ...) (2) | 2021.04.08 |
#Sprint (0) | 2020.12.02 |