Front-end 개발

📄 본문React 기반의 SPA(Single Page Application)를 만들 때 필수적으로 사용하는 라이브러리 중 하나가 React Router입니다. 2021년에 출시된 React Router v6는 이전 버전과 비교해 사용법이 조금 달라지고, 더 직관적이고 강력한 기능을 제공합니다.이번 글에서는 react-router-dom v6의 기본 설정부터 Route 구성 방법, 그리고 주요 훅인 useNavigate, useParams 사용법까지 예제를 포함해 상세하게 설명합니다.1. React Router v6 설치먼저 프로젝트에 React Router v6를 설치합니다.npm install react-router-dom@6또는yarn add react-router-dom@62. 기본 설정 및 라우..

1.React(리액트)란? 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용합니다. 싱글 페이지 애플리케이션(SPA)이나 모바일 애플리케이션 개발에 사용할 수 있습니다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 합니다. 2.React 특징 단방향 데이터 바인딩(One Wat Data flow) ▷리엑트는 단방향 바인딩을 사용하여 성능저하를 줄이고 더 확실하게 데이터를 추적 할수 있습니다. 가상돔(Virtual Dom) ▷싱글 페이지 어플리케이션(SPA)에서는 리플로우/리페인트거 자주 발생 되는데 가상돔을 사용하여 최소화하여 성능을 최적화 시켰습니다. 컴포넌트(..