[TIL] 6주차 화요일. React 숙련 주차 - styled-components, GlobalStyles

GlobalStyles

"전역적으로 스타일을 지정해준다".
styled-components는 component 안에서만 적용됨.

GlobalStyles 적용 방법

1. GlobalStyles.jsx 파일 생성
2. GlobalStyles.jsx 내용

import { createGlobalStyle } from "styled-components";

const GlobalStyle = createGlobalStyle`
  // 백틱 안에 코드 적기
  // 예시 (css 작성 방법과 동일)
  body {
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1.5;
  }
`;

export default GlobalStyle;