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

PARK_90

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

PARK_90

검색하기 폼
  • 분류 전체보기 (101)
    • IT (57)
      • Java (13)
      • ElasticSearch (5)
      • Spring (13)
      • Tech Note (5)
      • SQL·DB (12)
      • Architecture (1)
      • DevOps·Infra (8)
    • Front (9)
      • React (9)
    • 경제·재테크 (14)
      • 연금·노후 (9)
      • ETF·계좌전략 (4)
      • 미국증시 (1)
    • 부동산 (18)
      • 부동산 기초 (4)
      • 청약·주택정책 (2)
      • 매매·전세·월세 (11)
      • 대출·세금 (1)
    • 지원금·정책 (2)
    • 일상정보 (1)
  • 방명록

페이지이동 (1)
React Router 사용법 | 페이지 이동, Link, 기본 라우팅 적용 방법

React로 화면을 만들기 시작하면 금방 부딪히는 주제가 바로 페이지 이동입니다.처음에는 컴포넌트 하나만 띄우면 되지만, 조금만 기능이 늘어나도 아래처럼 궁금해집니다.홈 화면에서 상세 페이지로 어떻게 이동하는가?URL이 바뀌어도 새로고침 없이 화면이 바뀌는 이유는 무엇인가?React에서 페이지 이동은 a 태그로 하면 안 되는가?React Router는 어떻게 설치하고 적용하는가?이번 글에서는 React 입문자가 가장 많이 찾는 React Router 사용법을 기준으로, 기본 라우팅 설정 → 페이지 이동 → Link 사용법 → useNavigate 활용까지 한 번에 정리하겠습니다.핵심만 먼저 보면React Router는 React 앱에서 URL에 따라 다른 화면을 보여주는 라우팅 라이브러리입니다.Link는..

Front/React 2026. 4. 2. 11:27
이전 1 다음
이전 다음
반응형
최근에 올라온 글
TAG
  • 퇴직연금
  • 절세계좌
  • 연금
  • SQLDB
  • Spring 핵심 개념
  • 연금저축
  • DB
  • irp
  • 전세 계약 주의사항
  • react
  • 리액트
  • Docker
  • Java
  • 전세사기 예방
  • spring
  • spring boot
  • sql
  • 전세 계약 체크리스트
  • ElasticSearch
  • 전세보증보험
  • DevOps
  • 절세
  • 전세 계약금
  • 보증금 보호
  • 프론트엔드
  • 노후준비
  • 인프라
  • 데이터베이스
  • 가계약금 반환
  • 부동산 계약 체크리스트
more
글 보관함
«   2026/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

티스토리툴바