블록체인 기반 핀테크 및 응용 SW 개발/React

[React] 리액트에서 라우터 다루기

Node.js를 이용해서 중고거래 사이트를 만들었는데, 이번에는 리액트를 사용하여 팀프로젝트를 하게 됐다. 그래서 리액트를 사용하면 어떻게 라우팅을 해야하는지 정리하며 익혀보려 한다. 우선 npm으로 yarn을 설치하고, ' yarn create react-app 프로젝트명 ' 으로 프로젝트 폴더를 생성했다. 리액트에서 라우팅을 하기 위해 터미널의 기본 프로필을 cmd로 설정한 후 yarn add react-router-dom yarn으로 웹용 패키지인 react-router-dom을 설치했다. React-snippets 확장을 설치하면 rafce 단축키를 써서 리액트 기본코드를 만들 수 있다. 기본 컴포넌트 준비 src/App.js import {Route, Link, NavLink} from 'rea..