본문 바로가기

상추의 IT저장소

검색하기
상추의 IT저장소
프로필사진 구너상추

  • 분류 전체보기 (78)
    • Javascript (42)
      • React (5)
      • TypeScript (6)
    • CSS (7)
    • git (9)
    • Python (2)
    • Java (2)
    • Project (3)
    • IT지식 (7)
    • error (6)
Guestbook
Notice
Recent Posts
Recent Comments
Link
Tags
  • naming convention
  • vscode
  • git
  • Next.js
  • stash
  • Router
  • err
  • projcet
  • gap
  • Length
  • API
  • Python
  • TypeScript
  • jQuery
  • 선택자
  • PROJECT
  • JavaScript
  • GRID
  • Node
  • flex
  • react
  • Java
  • javascirpt
  • NPM
  • javascriprt
  • CSS
  • generic
  • Merge
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Router (1)

상추의 IT저장소

React) 리액트 라우터 사용하기

라우팅이란?웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미한다. React Router리액트안에서 컴포넌트 기반으로 라우팅 시스템을 설정할 수 있도록 하는 라이브러리 프로젝트에 라우터 적용"npm install react-router-dom" 명령어로 라이브러리 설치route폴더안에 Home과 Detail js파일을 만들고 컴포넌트를 통해 라우트를 설정해준다.import {BrowserRouter, Routes, Route } from "react-router-dom";import Home from "./route/Home";import Detail from "./route/Detail";function App() { return ( ..

Javascript/React 2022. 12. 19. 17:12
이전 Prev 1 Next 다음

Blog is powered by AXZ / Designed by Tistory

티스토리툴바