React 활용 - 1 : React-router-dom 페이지 네이게이션 만들기

리액트에서 페이지 이동을 하기 위해서는 router를 활용해야한다. rounter를 사용하기 위해서는 npm 으로 react-router-dom 를 먼저 설치해준다 npm i react-router-dom 그 후 이동할 화면을 먼저 생성한다. 처음 만드는 페이지로, FirstScreen.js를 생성한다. import React from 'react'; function FirstScreen() { return ( first ); } export default FirstScreen; 이제 App.js를 열어 아래와 같이 수정한다. import React from 'react'; import FirstScreen from './Screens/FirstScreen' import { BrowserRouter as..

2022.09.10

React - 네비게이션 달기(react-router-dom)

생성한 프로젝트를 보면 index.js 파일이 있다. 리액트가 실행이 되면 해당 파일을 실행하는데 해당 파일을 보면 아래와 같이 되어있다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( , document.getElementById('root') ); // If you want to start measuring performance in your app, pass a function // to log results (for example: re..

2021.05.03