ReactJS (2) Styled Component

Styled component는 React에서 CSS 작업을 간편하게 할 수 있는 방법이다

npm i styled-components

 

import React from "react";
import styled from "styled-components";

const H3 = styled.h3`
  font-size: 10px;
`;

function App() {
  return <H3>hi</H3>;
}

export default App;

이런 식으로 component 위에서 CSS 작업을 매우 간편하게 할 수 있다 

기억해야 될 점은 tag가 대문자여야된다는 것