React Router 프레임워크 설치
이번 교재 섹션에서는, React Router 외에 Vite를 빌드 도구 및 개발 서버로 사용하겠습니다.
먼저, Vite를 사용하여
React 애플리케이션 my-app을
생성해 봅시다.
터미널을 열고 다음 명령어들을
입력하세요:
npm create vite@latest my-app -- --template react
cd my-app
npm install
라우팅 작업을 위해서는
react-router-dom 모듈이 필요합니다.
이 모듈도 설치해 봅시다:
npm install react-router-dom
이제 작업을 시작할 준비가 모두 끝났습니다. 애플리케이션을 실행해 봅시다:
npm run dev
터미널에 표시된 링크 http://localhost:5173/를
복사하여 브라우저 주소창에 붙여넣으면
실행 중인 애플리케이션을 볼 수 있습니다
(카운터 버튼을 몇 번 눌러보셔도 됩니다).
강의에서 설명한 대로 Vite를 사용한 React 애플리케이션을
생성하고, react-router-dom 모듈을 설치하세요.
애플리케이션이 정상적으로 실행되는지 확인하세요.
