yarn 및 styled-components 설치하기

# yarn 및 StyledComponents 설치

1. yarn 설치

npm install -g yarn

 2. styled-components 설치

npm install --save styled-components

3. styled-components 적용

// css 파일 임포트
import styledComponents from 'styled-components';
import './App.css';

// css 영역
const Title = styledComponents.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

function App() {
  return (
    <div>
      {/* css 영역의 값을 아래에 적용 */}
      <Title>헬로</Title>
    </div>
  );
}

export default App;

4. 결과 화면