#0.4 Router and Styles

sk97kang·2020년 8월 25일
0

Router 구성

  • / : Home
  • :id : Detail
import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Home from "../routes/Home";
import Detail from "../routes/Detail";

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/:id" component={Detail} />
      </Switch>
    </Router>
  );
}

export default App;

style reset

  1. 구글에 reset css를 검색하여 복사. reset.css

  2. src/public/reset.css 파일 생성 후 복사

  3. index.html에 연결

<head>
  ...
  <link rel="stylesheet" href="%PUBLIC_URL%/reset.css" />
  ...
</head>

Code

github


노마드 코더 GraphQL 강의 정리용 글입니다.
GraphQL로 영화 API 만들기

profile
주니어 개발자 Kan

0개의 댓글