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
'Dev > React 넷플릭스클론' 카테고리의 다른 글
넷플릭스 클론코딩 8 firebase 설정 (0) | 2023.09.06 |
---|---|
넷플릭스 클론코딩 7 메인페이지, Route 설정 (0) | 2023.09.06 |
넷플릭스 클론코딩 5 Creating the Jumbotron component (0) | 2023.09.06 |
넷플릭스 클론코딩 4 Creating files/folders (0) | 2023.09.06 |
넷플릭스 클론코딩 3 (패키지설치 및 코드정리) (0) | 2023.09.06 |