스타일컴포넌트

설치npm i styled-components불러오기import styled from "styled-components";vscode-styled-components 익스텐션 설치하기!예시

전달하려는 key의 명은 자유롭게 지정가능하다. 예시const 작명 = styled(기존스타일컴포넌트명)예시

as="바꿔주고 싶은 태그명"예시 예시input태그에 required 속성이 다 들어가있는것을 확인할 수 있다.

우선 keyframes를 불러와준다.import { keyframes } from "styled-components";keyframes을 활용해 애니메이션을 정의한다.적용할 스타일컴포넌트에 animation속성에 적용한다.animation: ${animation} 1

불러오기import { ThemeProvider} from "styled-components";App컴포넌트를 ThemeProvider컴포넌트로 감싸주기사용할 색상 정의하기ThemeProvider컴포넌트에 props로 전달하기ThemeProvider컴포넌트 하위에 있는