리액트2 [리액트(React)] 9. 리액트라우터(react-router-dom) 깊게 공부하지 말고 기본적인 페이지 라우팅만 공부해보자 1. 설치 npm install react-router-dom yarn add react-router-dom 2. 사용법 // App.js import './App.css'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; import Setting from './components/setting'; import Home from './components/home'; function App() { return ( ); } export default App; // components/home.jsx import React from 'react'; import { useNavigate .. 2022. 1. 30. [리액트(React)] 7. 리액트훅(Hook) - 심화편 memo, useMemo, useCallback에 대해서 공부해보자 1. memo - 컴포넌트 자체를 메모이제이션해서 사용하는 훅 // App.js import React, { useState } from 'react'; import './App.css' import Greeting from './components/greeting' import Title from './components/title'; const App = () => { const [num, setNum] = useState(0) const onClick = () => { const num_plus = num+1 setNum(num_plus) } return ( ); }; export default App // components/ti.. 2022. 1. 26. 이전 1 다음
