useNavigate OUTER v6 SPA (Single-page application) => 새로고침되지 않고 컴포넌트가 교체되는 듯하게 페이지 이동이 가능 CSR (Client Side Rendering) => 사용자가 필요할 때 데이터를 가져오기때문에 매번 서버에 요청하지 않아도 됨 React에서 CSR기반의 페이지 라우팅을 할 수 있게 해주는 라이브러리 path='/' : /는 홈(index)을 나타냄 element={... useParamsuseNavigateuseSearchParamsReactrouterReact react에서 navigate 사용 (useNavigate) Link는 특정주소로 이동해주는 태그, Navigate는 특정 행동 수행시 해당 주소로 이동할수있게 해준다. useNavigate 사용 useNavigate는 양식 제출 혹은 특정 event 발생시 url 조작할 수 있는 interface 제공 useNavigate 인자 첫번째 인자로는 주소를 받고, 두번째 인자로 {replace : state} 인수를 사용한다. replace(true or... navigateuseNavigateReactReact [React #13] 동적 라우팅과 Path Parameter, 그리고 관련 Hooks 도메인 주소 끝에 해당 아이템의 id값이 추가되어 페이지를 이동하고, 이동한 페이지에서는 id값에 해당하는 데이터가 보여지는 것을 볼 수 있다. -> url 을 살펴보면 url 마지막에 특정 id 값이 들어가고(/32692, /53424), 해당 id 값에 따라 서로 다른 상세 페이지 정보가 화면에 그려지는 것을 볼 수 있다. id 값에 따라 무수히 많은 url 이 나타날 것이고, 각각의 모... 동적 라우팅path parameteruseNavigateTILReactdynamic routinguseParamuseLocationReact React-4 지난시간에 만든 회원가입 페이지에서 회원가입이 완료 된 후 로그인 페이지로 넘어가도록 만들어보겠다. react-router-dom에서 제공하는 useNavigate 기능으로 회원가입이 완료되면 로그인 페이지로 연결되도록 만들어보자. import {Link , useNavigate } from 'react-router-dom'; const navigate = useNavigate(); 로그인 ... ReactuseNavigateReact
OUTER v6 SPA (Single-page application) => 새로고침되지 않고 컴포넌트가 교체되는 듯하게 페이지 이동이 가능 CSR (Client Side Rendering) => 사용자가 필요할 때 데이터를 가져오기때문에 매번 서버에 요청하지 않아도 됨 React에서 CSR기반의 페이지 라우팅을 할 수 있게 해주는 라이브러리 path='/' : /는 홈(index)을 나타냄 element={... useParamsuseNavigateuseSearchParamsReactrouterReact react에서 navigate 사용 (useNavigate) Link는 특정주소로 이동해주는 태그, Navigate는 특정 행동 수행시 해당 주소로 이동할수있게 해준다. useNavigate 사용 useNavigate는 양식 제출 혹은 특정 event 발생시 url 조작할 수 있는 interface 제공 useNavigate 인자 첫번째 인자로는 주소를 받고, 두번째 인자로 {replace : state} 인수를 사용한다. replace(true or... navigateuseNavigateReactReact [React #13] 동적 라우팅과 Path Parameter, 그리고 관련 Hooks 도메인 주소 끝에 해당 아이템의 id값이 추가되어 페이지를 이동하고, 이동한 페이지에서는 id값에 해당하는 데이터가 보여지는 것을 볼 수 있다. -> url 을 살펴보면 url 마지막에 특정 id 값이 들어가고(/32692, /53424), 해당 id 값에 따라 서로 다른 상세 페이지 정보가 화면에 그려지는 것을 볼 수 있다. id 값에 따라 무수히 많은 url 이 나타날 것이고, 각각의 모... 동적 라우팅path parameteruseNavigateTILReactdynamic routinguseParamuseLocationReact React-4 지난시간에 만든 회원가입 페이지에서 회원가입이 완료 된 후 로그인 페이지로 넘어가도록 만들어보겠다. react-router-dom에서 제공하는 useNavigate 기능으로 회원가입이 완료되면 로그인 페이지로 연결되도록 만들어보자. import {Link , useNavigate } from 'react-router-dom'; const navigate = useNavigate(); 로그인 ... ReactuseNavigateReact