목록2025/01/11 (1)
type="nal"
리액트 라우터 사용하기
App.tsx 파일에서BrowserRouter, Routes, Route 세가지 모듈을 import해주고App() 함수의 return에 있던 div를 지우고 라우터를 리턴해준다.그리고 가장 기본이 되는 페이지는 index라고 표시해주고 경로를 입력해준다.여기서 경로는 해당 URL. 그냥 "/"는 최초로 해당 URL 자체만 있는 것베이스 URL이 이렇게 있으니까 슬래시 하나면 그냥 이 URL로 접속했을때를 의미함 React Router에서 사용하는 주요 컴포넌트들의 차이는 아래와 같다컴포넌트역할특징라우터 전체를 감싸며, 브라우저의 History API를 사용해 URL 관리애플리케이션 전체를 감싸며, 반드시 필요.들을 감싸며, 현재 URL과 일치하는 하나의 만 렌더링의 대체이며, v6부터 도입됨특정 경로(p..
Web Development/React
2025. 1. 11. 10:26