넷플릭스 클론코딩 6 global-style, eslint

global-styles.js 만들기
기본적으로 사용되는 스타일시트이다.
/src/global-styles.js

import { createGlobalStyle } from 'styled-components';

export const GlobalStyles = createGlobalStyle`
  html, body {
    height: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #000000;
    color: #333333;
    font-size: 16px;
}`;

eslint 설치

yarn add eslint                 
yarn add eslint-config-react-app

ESLint : JavaScript 코드에서 일관성, 가독성 및 버그를 찾아내기 위한 정적 분석 도구

그외 변경

src/index.js
src/app.js
src/components/jumbotron/index.js
src/components/jumbotron/styles/jumbotron.js

코드가 많으므로 github project branche로 대신함
https://github.com/tkfka1/portfolio/tree/06-eslint%2Cglobalstyle