관리 메뉴

Jerry

리액트 공부 본문

Front/React

리액트 공부

juicyjerry 2024. 12. 10. 23:20
반응형

#페이지라우팅
- 경로에 따라 알맞은 페이지를 렌더링 하는 과정
- /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