티스토리 뷰
리액트를 이용해 여러 개의 페이지로 이뤄진 애플리케이션을 만드는 데 도움을 주는 react-router-dom의 사용법을 익힌다.
01 수업 소개
리액트 라우터 DOM을 소개하고 필요성을 이해한다.
02 실습 준비
실습에 사용할 앱을 생성한다.
03 Router
BrowserRouter의 역할과 사용법을 익힌다.
04 Link
Link, NavLink컴포넌트의 역할과 사용법을 익힌다.
05 Nested Routing
하나의 라우터로 path값에 따라 주소를 처리하는 법을 익힌다.
06 수업을 마치며
추가로 배울 고급 주제에 대해 알아본다.
참조 : https://lshjju.tistory.com/272
egoing - React Router DOM - stackblitz ver
React Router DOMhttps://lshjju.tistory.com/135 React.js Router DOM - 리액트 라우터 돔React Router DOM의 주요 기능 React는 '단일 페이지 애플리케이션(SPA)'을 만드는 데 주로 사용됩니다. SPA는 기본적으로 HTML 파일
lshjju.tistory.com
참조 : https://lshjju.tistory.com/278
Hash URL
해시(Hash) URL, 즉 URL의 # 뒤에 붙는 부분은 '프래그먼트 식별자(Fragment Identifier)'라고도 불립니다. 과거 싱글 페이지 애플리케이션(SPA)에서 주로 사용되었으며, 현재는 HTML5 History API의 등장으로 그
lshjju.tistory.com
참조 : https://lshjju.tistory.com/173
React에서 map 함수 사용하기
React에서 map 함수 사용하기React에서 반복되는 요소들을 렌더링할 때는 주로 JavaScript의 map() 함수를 사용합니다. 이 함수는 배열의 각 요소를 순회하면서 새로운 배열을 만들어주는데, React에서는
lshjju.tistory.com
추가 적용예정
'프로그래밍언어 > 리엑트' 카테고리의 다른 글
| [React] 스타일드 컴포넌트 (0) | 2026.03.01 |
|---|---|
| [React] Delete (0) | 2026.03.01 |
| [React] Update (0) | 2026.03.01 |
| [React] Create (0) | 2026.03.01 |
| [React] 리액트 스테이트 (0) | 2026.02.22 |