리액트에서 라우팅을 사용하려면 보통 2가지 방식을 사용한다. 하나는 React Router 그리고 하나는 Next.js 프레임워크.
리액트를 사용하면 SPA(Single Page Application)을 만들 수 있다. 예전에는 서버와 프론트가 html, css 등 리소스를 요청 마다 주고 받았다. 정적 페이지만 주고 받으면 상관없지만, 동적으로 바꿔서 요청할 경우 서버에서 그만큼 처리를 해야 할 일이 많아지기 때문에 자원 소모가 커진다.
리액트는 클라이언트 사이드 렌더링을 하는데, 처음 html을 가져오고 그 이후 필요한 데이터는 추가로 요청을 해서 보완을 해나가는 방식으로 페이지를 구성한다. 기술적으로 하나의 페이지만 존재한다고 해서 SPA(Single Page Application)이라 부른다.
'Research > React' 카테고리의 다른 글
| React_게시글 목록에서 현재 게시글 스타일 표시하기 (0) | 2023.10.30 |
|---|---|
| React_outlet으로 공통 레이아웃 컴포넌트 만들기 (0) | 2023.10.30 |
| useRef. 렌더링과 상관없이 참조 (0) | 2023.10.25 |
| useCallback도 최적화 전문. 함수 재생성 여부 결정 (0) | 2023.10.25 |
| useMemo는 불필요한 연산을 줄여준다 (0) | 2023.10.25 |
댓글