# navigate

16개의 포스트

(react) navigate "url"만 변경되는 경우

navigate 설치 import 사용 **이렇게 할경우 url 에서는 /nextPage 로 변경된것이 보이는데 화면은 새로고침을 해야 옮겨지는 경우가 있다. 이 경우에는**

1일 전
·
0개의 댓글
·
post-thumbnail

로그인 후 이전페이지 돌아가기

웹 페이지를 구현하던 중, 소셜 로그인을 구현하게 되었다.기존에 부트캠프에서 구현했던 카카오 소셜 로그인을 되짚어 보며 이번 프로젝트에도 적용을 했는데, 당시에는 Nav에 있던 로그인 버튼을 바로 외부 로그인 링크로 연결하여 로그인을 구현했었다. 하지만, 로그인 버튼은

5일 전
·
0개의 댓글
·
post-thumbnail

URL로의 직접 접근 제한하기

사이트를 구축하다 보면 로그인 등 인증된 사용자만이 접근할 수 있는 페이지 등이 필요한 경우가 많다.이를 구현하기 위해서는 몇 가지의 방법이 있는데, 나는 그 중에서 usenavigate()를 이용하여 URL로의 직접 접근을 차단하였다.물론, fetch를 이용하여 데이

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

Link 태그와 Navigate

link 링크 태그와 Navigate네비게이트\-리액트는 페이지가 이동할 때마다 서버에서 받는 것이 아니라 자바스크립트에서 출력을 해줍니다Router? "\\" 페이지 경로를 나눠주는 것이 라우터입니다.Link 컴포넌트를 이용한 페이지 이동!리액트 라우터 에서 링크

2022년 8월 3일
·
0개의 댓글
·

0630 React router dom

회사 코드를 보다가 이런 코드를 보았다.이런 경우는 봤는데 그냥 ""는 뭘까?2번째 줄의 \`\`\`/\`\`\`는 특수기호라서 구글링을 하기도 힘들었다 ㅎㅎ

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

[패캠 메가바이트 스쿨] 리액트 실시간 강의 - 7

1️⃣ wildcard와 Navigate2️⃣ react에서의 스타일링props.path로 (asterisk) 를 넘겨주는 경우 모든 url에 대응(Route는 순서대로 동작하므로, 일반적으로 는 가장 아래 배치)<Navigate />: 해당 url로 페이지를 이

2022년 5월 27일
·
0개의 댓글
·

Flatlist, useQuery

들어가기seeFeed Query를 useQuery를 이용해서 data를 불러온 다음에Flatlist로 뿌려줌, web에서는 map으로 뿌렸는데app에서는 Flatlist로 뿌려줌.Scrollview를 이용해도 되지만, 이어서 infiniteScroll까지 사용하기 위해

2022년 5월 27일
·
0개의 댓글
·

useMutation in native(createAccount)

들어가기native에서 useMutaion을 사용하는 방법임web과 다른점이 없다.별표 부분만 확인해면서 check해 볼것

2022년 5월 19일
·
0개의 댓글
·

[WIL] redux/toolkit useNavigate

redux/toolkit(createAsyncThunk), useNavigate

2022년 5월 9일
·
0개의 댓글
·

useNavigate, useLocation, useParams

useNavigate, useLocation, useParams 에 대해 알아보자

2022년 5월 7일
·
0개의 댓글
·

react에서 navigate 사용 (useNavigate)

Link는 특정주소로 이동해주는 태그, Navigate는 특정 행동 수행시 해당 주소로 이동할수있게 해준다.useNavigate 사용useNavigate는 양식 제출 혹은 특정 event 발생시 url 조작할 수 있는 interface 제공useNavigate 인자

2022년 4월 6일
·
0개의 댓글
·

navigation 이동 Jetpack compose

\[https://developer.android.com/jetpack/compose/navigation?hl=ko먼저 NavHost를 NavController를 단일 NavHost 컴포저블과 연결해야 합니다. NavHost는 구성 가능한 대상을 지정하는 탐

2022년 3월 16일
·
0개의 댓글
·
post-thumbnail

📚 react router additional Hook & Component

이전 포스팅에서 react router에서 주로 사용되는 컴포넌트 및 기술들을 알아보았다.주로 사용하는 것뿐만 아니라 react router로 여러 가지 기능을 구현할 때 필요한 훅이나 컴포넌트들이 있다.본 포스팅에서는 부가적인 훅과 컴포넌트에 대해 알아보겠다.

2022년 2월 18일
·
0개의 댓글
·
post-thumbnail

react-router : navigate

LaunchShoe 컴포넌트를 다시 살펴보자.useParams를 이용해서 shoes db안에 해당 shoes가 없으면 \* 가 목적지인 link를 리턴하게 했다.그러나 다른 방법으로 길을 설정할 수 있다. 바로 useNavigate를 이용하는 것이다.shoes가 없을떄

2022년 2월 14일
·
0개의 댓글
·

[React] react-router-dom v6 navigate (history)

react-router-dom v5에서는 useHistory를 사용해서 페이지 이동.v6에서는 useHistory 대신 useNavigate를 사용해서 페이지 이동.참조참조

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

[React Native] App.js, index.js 내부에서 navigation prop 없이도 navigate 하기 & routeName 받아오기

App.js 내부에는 navigation prop 이 없기 때문에 navigate 가 불가합니다. 현재의 routename 정보를 받아올 수도 없죠. 이럴 경우 navigation prop 없이 navigate 하고, routename 을 받아오는 방법을 알아봅니다.

2020년 8월 20일
·
2개의 댓글
·