# react router

160개의 포스트

Active Link Styling

<NavLink>를 사용해보고 장점을 알아보자.

1일 전
·
0개의 댓글
·

Redirecting new records to the edit page

리다이렉트를 이용해보자

1일 전
·
0개의 댓글
·

Mutation Discussion

폼 요청시 무슨 일이 일어나고 있는 지 조금 더 알아보자.

2일 전
·
0개의 댓글
·

Updating Contacts with FormData

이제 데이터를 업데이트하기 위해 route에 action을 달아보자.

4일 전
·
0개의 댓글
·

Updating Data

데이터를 업데이트하기 위한 Form 페이지를 만들어보자.

4일 전
·
0개의 댓글
·

URL Params in Loaders

URL params의 사용법을 알아보자

4일 전
·
0개의 댓글
·

Creating Contacts

서버에 POST 요청을 전송하는 대신 Client side routing을 사용해보자.

4일 전
·
0개의 댓글
·

Data Writes + HTML Forms

React Router에서의 Form 동작과 기존의 HTML Form 동작의 차이점에 대해 알아보자.

5일 전
·
0개의 댓글
·

Loading Data

데이터를 받아오는 api인 loader와 useLoaderData를 알아보자.

5일 전
·
0개의 댓글
·

Client Side Routing

Link 컴포넌를 이용해 client side route를 구현해보자.

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

Nested Routes

Outlet 컴포넌트를 이용해서 중첩된 route를 구성해보자.

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

The Contact Route UI

contact UI를 생성하고 새 route에 추가해보자.

5일 전
·
0개의 댓글
·

Handling Not Found Errors

기본적인 오류 처리 화면을 만들어 보자.

6일 전
·
0개의 댓글
·

The Root Route

글로벌 레이아웃을 추가해보자.

6일 전
·
0개의 댓글
·

Adding a Router

첫 번째 router 를 만들어보자.

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

React Router의 HashRouter 알아보기

영상편집 툴의 대표적인 Adobe Premiere Pro에서 동작하는 플러그인을 개발중인데 해당 플러그인은 HTML, CSS, JavaScript로 개발할 수 있다. 따라서 React환경을 구축해서 빌드하였다. 하지만 React App은 클라이언트 사이드 렌더링을 통해

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

조금조금 REACT, Router

SPA 싱글페이지 어플리케이션인 리액트에 다중페이지 효과를 주는 Router와 Router와 관련된 HOOK에 대해서 알아보자.

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

[React] (pre-assignment) Layout, page routing, file structure

components: common JS filespages: routesnpm install react-router-dom(index.js)(app.js)(router.js)(Layout.js)&lt;Outlet />을 컴포넌트를 보여주고자 하는 자리에 넣기react-

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

React - router의 Link태그, a태그, useNavigate() 차이점

2023.02.09(목) 1차 프로젝트 진행 중참고자료 | fe Lab-\[TIL] react-router의 Link와 a 태그signup 페이지에서 '멤버 가입하기' 버튼을 누르면 login 페이지로 넘어가는 기능을 구현하려고 알아보던 도중, react-router에

2023년 2월 9일
·
0개의 댓글
·

React Router

📌 React Router 페이지 이동을 도와주는 라이브러리 정확히는 페이지를 이동하는 것이 아니라 같은 페이지에서 Router를 이용해 다른 컴포넌트들을 보여주는 것 뿐임. 설치 >버전 업그레이드 되면서 바뀌는 부분들은 React Router 사이트에서 확인하

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