# useNavigation

7개의 포스트
post-thumbnail

리액트 - 로그인 loading... 구현

보통 아이디, 비밀번호 입력 후 로그인 버튼을 누르면 로그인이 된다.그 과정 중에 서버에 데이터를 요청하고 받아오는 동안 로딩표시를 띄우려면 isloading이라는 변수를 따로 만들고, 로딩중일때엔 true를 리턴하는 코드를 구현하는 방법도 있지만,이 과정이 복잡해서

2023년 8월 27일
·
0개의 댓글
·
post-thumbnail

react 리렌더링 줄이기 (react Memo)

cat bot에서 새로운 기능인 고양이가 있는지 없는지 ? 에 대해 선택을 받도록 기능 구현을 하였다.

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

React-Router v.6 #4 심화2

이상태에서 만약 EditEventPage 컴포넌트에이렇게 useLoaderData를 사용하는 것은 에러를 불러온다.자식 라우트에서 부모 라우트의 loader를 사용하려면 id를 추가로 프로퍼티로 설정한 후에useRouteLoaderData에 넣고자 하는 아이디를 넣어서

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

React-Router v.6 #3 심화

이전에 api주소를 useEffect로 불러오는 방식을 사용했는데, 이는 컴포넌트가 시작하자 마자 혹은 api주소를 호출하지는 않는다. 그래서 리액트 라우터에서는 이 방식을 지원해 준다.createBrowserRouter에 loader라는 프로퍼티를 추가해 주는 방식이

2023년 4월 4일
·
0개의 댓글
·

Flatlist, useQuery

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

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

[동적라우팅]다중필터 처리하기 (2편:Query Parameter를 사용해보자)

이번에는 좌측에 위치한 필터들을 클릭했을 때, 해당 필터에 해당하는 제품들을 보여주는 기능을 구현해보고자 한다.한 번 클릭하면 필터가 활성화되고, 두 번 클릭하면 해제되는 형태이다. 토글등등 다양한 방법을 고민해보았는데, 결국 아래 3단계로 완료할 수 있었다.필터를 클

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

custom hook with useNavigation

custom hook with useNavigation

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