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

개발자의 끄적끄적..🥳

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

개발자의 끄적끄적..🥳

검색하기 폼
  • ☆ (56)
    • My Life (1)
      • 포스팅 (1)
    • Development (55)
      • JAVA (16)
      • Database & SQL (4)
      • Javascript & jQuery (6)
      • Spring (2)
      • React (1)
      • Git (2)
      • Error (6)
      • TIP (5)
      • .etc (13)
  • 방명록

리액트 페이지이동 (1)
[React] Router 사용하기 (페이지 이동)

리액트에서 페이지를 이동하기 위해 Router를 사용한다. 리액트는 SPA(단일 페이지)이기 때문에 라우팅 라이브러리를 사용하게 되면 라우터를 통해 화면에 보이는 컴포넌트들을 변경해준다. 결론적으로 컴포넌트만 변경해주는 것이며 사용자가 보기에는 페이지가 이동된것처럼 보인다. [ 설치 ] - npm npm install react-router-dom - yarn yarn add react-router-dom [ 사용예시 ] App.js 파일에 Header, Contents, Board, Footer 컴포넌트가 있다고 가정하며, content.js에서 이미지 클릭 시, Contents 컴포넌트에서 Board 컴포넌트로 변경되는 과정이다. : 해당 태그로 컴포넌트를 감싼다. : 컴포넌트를 여러 Route로 감..

Development/React 2023. 7. 8. 19:50
이전 1 다음
이전 다음
링크
최근에 올라온 글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바