.html
파일의 개수는? 1개 >>> SPA(Single Page Application)라우팅(Routing)
- 다른 경로(주소)에 따라 다른 View(화면)를 보여주는 것React Router
- 리액트의 라우팅 기능을 위해 가장 많이 사용 되는 라이브러리index.js
- ReactDOM.render(<Routes />, document.getElementById('root'))
Routes.js
function Routes() {
return (
<Router>
<Switch>
<Route exact path="/" element={Login} />
<Route exact path="/signup" element={Signup} />
<Route exact path="/main" element={Main} />
</Switch>
</Router>
)
}
export default Routes;
<Link>
컴포넌트 사용하는 방법 - <Link to="/signup">회원가입</Link>
npm install node-sass --save
.css
→ .scss
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
}
}
a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
}