프론트엔드 개발/React

SPA

하이고니 2023. 1. 25. 17:46

src/index.js 파일 내에 있는 <App />public/index.htmlroot로 렌더한다.

 

StrictMode가 설정되어 있으면 렌더링이 무조건 한 번 더 된다. (console에 두 개씩 찍히는 이유ㅋ)

 

 

 

React Router Dom

 

React Router Dom: 경로마다 필요한 컴포넌트를 렌더링하는데 도움을 준다.

 

Browser Router: History API를 사용하여 UI를 URL과 동기화된 상태를 유지해주는 역할

Routes: Route로 생성된 자식 컴포넌트 중에서 매칭되는 첫 번째 Route를 렌더링하는 역할

Route: 경로 지정

Link: 사용자를 원하는 경로로 이동시켜주는 역할

'프론트엔드 개발 > React' 카테고리의 다른 글

Redux (2) store의 state 변경  (0) 2023.01.26
Redux (1) state 보관 및 사용  (0) 2023.01.26
useEffect  (0) 2023.01.24
기본 레이아웃 JSX 문법  (0) 2023.01.19
React 설치 및 개발 환경 세팅  (0) 2023.01.19