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

메로그

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

메로그

검색하기 폼
  • 분류 전체보기 (211) N
    • 일상 메모.. (0)
    • 업무 메모.. (44)
    • SEO (14)
    • TM (10)
    • 개발.. (141) N
      • Node (16)
      • Git (14) N
      • Javascript (19)
      • React (29)
      • Nextjs (22)
      • Vue (14)
      • Nuxtjs (7)
      • Svelte (3)
      • Angular (3)
      • Sass(Scss) (7)
      • Webpack (6)
  • 방명록

react-router (1)
React-Router

React-Router SPA 화면처럼 화면에 깜빡임이 일어나지 않으면서, 다른 URL 을 가질 수 있도록 하는 것이 react-router 의 기능입니다. 라우터를 설치해 봅시다. npm install --save react-router-dom or yarn add react-router-dom Example 참고 로 감싸줘야 이제 라우터를 사용할 수 있습니다. 를 사용하여 다른 주소로 컴포넌트를 뿌릴 수 있도록 도와주는 컴포넌트입니다. 를 사용하여 특정 주소로 컴포넌트를 연동하여 사용할 수 있습니다. 에서 exact 를 사용하여 해당 path 에서 라우팅이 이뤄지기 때문이다. 사용하지 않으면, 주소를 이동할 때마다 컴포넌트가 계속 붙어서 나오게 됨... (주의) 메뉴바를 이용하여 각 페이지당 컴포넌트..

개발../React 2021. 10. 2. 00:21
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • nuxt2
  • vue composition api
  • Vite
  • seo
  • nextjs15
  • vscode
  • AWS
  • cors
  • ChatGPT
  • NUXT
  • 오블완
  • 서버 to 서버
  • Git
  • github
  • NextJS
  • 스벨트
  • React
  • nextjs14
  • Github Actions
  • 네이버 서치 어드바이저
  • 티스토리챌린지
  • Zustand
  • 타입스크립트
  • nextjs13
  • nodejs
  • openAI
  • dockerfile
  • vue router
  • 깃허브
  • svelte
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바