본문 바로가기 메뉴 바로가기

수끼옹

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

수끼옹

검색하기 폼
  • 분류 전체보기 (21)
    • React Study (10)
    • 프로젝트 노트 📝 (11)
  • 방명록

Router (1)
[React] react-router-dom를 이용해 세부 페이지로 이동하기

안녕하세요? 오늘은 router를 이용해서 메뉴를 클릭 했을 때 다른 세부 페이지로 연결해 이동하는 기능을 구현해보겠습니다. react-router-dom 설치 1. terminal 창에 npm install react-router-dom (= npm i react-router-dom) 을 입력한다. 2. index.js 파일에 컴포넌트를 감싸주는 태그를 생성한다. 그리고 상단에 BrouserRouter를 import 해준다. import { BrowserRouter } from 'react-router-dom'; => 다 쓴 후 꼭 저장한다! 3. App.js 파일로 돌아와서 상단에 Router 요소들을 import 한다. import { Routes, Route } from 'react-router-..

React Study 2022. 7. 29. 14:09
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • react-query
  • React
  • 장바구니
  • hover
  • 리액트hover
  • 탭만들기
  • 리액트쿼리
  • 컴포넌트
  • API호출
  • state함수
  • filter
  • 리액트 filter
  • 리액트함수
  • 리액트 hover
  • 리액트댓글
  • map
  • scaleX
  • 리액트이벤트
  • 리액트 카테고리
  • 리액트 밑줄효과
  • 장바구니기능
  • 리액트탭버튼
  • 스타일컴포넌트
  • 리액트
  • 리액트 애니메이션
  • reactQuery
  • 리액트소셜로그인
  • URL파라미터
  • Props
  • map함수
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바