React블로그

리엑트 블로그 만들기 2 - Footer 작성하기

리엑트 블로그 만들기 2 - Footer 작성하기

import React from "react";
import { Row, Col } from "reactstrap";

const Footer = () => {
  const thisYear = () => {
    const year = new Date().getFullYear();
    return year;
  };
  return (
    <div id="main-footer" className="text-center m-center p-2">
      <Row>
        <Col>
          <p>
            Copyright Copy <span>{thisYear()}</span>
          </p>
        </Col>
      </Row>
    </div>
  );
};

export default Footer;

패키지 설치

npm install node-sass sass-loader
yarn add node-sass sass-loader

#main-footer{
    background: #343a40;
    color:#fff;
}
import React from "react"
import { Provider } from 'react-redux'
import { ConnectedRouter } from 'connected-react-router'
import store, { history } from "./store"
import MyRouter from './routes/Router'
import "bootstrap/dist/css/bootstrap.min.css";
import "./assets/custom.scss"

const App = () => {
  return (
    <Provider store={store}>
      <ConnectedRouter history={history}>
        <MyRouter />
      </ConnectedRouter>
    </Provider>
  );
}
export default App;
Share