Style Component?

Styled Component란 무엇인가?

컴포넌트를 기반으로 CSS를 작성할 수 있게 도와주는 라이브러리입니다.

React의 컴포넌트 기반 개발환경에서 스타일링을 위한 CSS의 성능 향상을 위해 개발됐고,

Styled Component를 이용하면 기존 CSS 문법으로도 스타일 속성이 추가된 React 컴포넌트를 만들 수 있습니다.

Styled Component란 무엇인가?

컴포넌트를 기반으로 CSS를 작성할 수 있게 도와주는 라이브러리입니다.

React의 컴포넌트 기반 개발환경에서 스타일링을 위한 CSS의 성능 향상을 위해 개발됐고,

Styled Component를 이용하면 기존 CSS 문법으로도 스타일 속성이 추가된 React 컴포넌트를 만들 수 있습니다.

설치방법?

npm i styled-components를 터미널에 입력하면 자동으로 깔립니다!

사용방법?

import styled from "styled-components";

const Father = styled.div display : flex;;

const Box = styled.div width : 100px; height : 100px; background-color : black;;
function App(){



}
이러한 방법으로 CSS 문법으로 컴포넌트를 만들 수 있습니다!