profile
frontend developer
post-thumbnail

[react-router] 튜토리얼

로딩표시가 없으면 검색이 다소 느린 느낌이 듭니다. 어쩔 때는 앱이 멈춘것 처럼 보이기도 합니다. 데이터 베이스를 더 빠르게 만드는것도 중요하지만 더 나은 UX를 위해 검색에 대한 즉각적인 UI 피드백을 추가해 봅시다. 여기서는 useNavigation을 사용합니다.

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

[react-router] 튜토리얼 - 사이드바 -

src/routes/root.jsxNav 링크를 사용하면 어던 링크를 사용중인지 확인할 수 있습니다. isActive : url이 해당링크를 가리키는지 확인isPending : 내용이 로딩중인지 확인이제 사용자가 어떤 링크를 보고있는지 확실히 알 수 있게 됩니다. 안

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

[react-router] 튜토리얼 - 데이터로드 -

react는 csr방식을 사용합니다. 때문에 페이지에서 보여지는 데이터를 서버에서 주로 json형태로 불러온 다음 화면을 그립니다. 우리가 특정 페이지로 라우팅 될 때, 서버와 통신할 함수를 미리 만들어 놓고, 자동으로 데이터를 가져온다면 얼마나 편할까요?react-r

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

[react-router] 튜토리얼 - 경로 연결 -

React Router는 React 기반의 웹 애플리케이션에서 라우팅을 관리하기 위한 라이브러리 입니다. 라우팅은 사용자가 웹 내에서 다른 페이지로 이동하는 것을 말하며 React Router는 이를 쉽게 구현할 수 있도록 도와줍니다. 즉 SPA로 구성된 React 애

2023년 8월 24일
·
0개의 댓글
·