Programming/Node.js

[Node.js] styled-normalize란? / 사용법

MOONCO 2021. 5. 11. 18:29

styled-normalize란?

styled-components에서, reset.css, normalized.css의 역할을 해주는 Node.js 패키지

 

styled-components란?

 

[React] styled-components란?

styled-components란? React.js 안에서 스타일(CSS)을 바꿀 수 있게 해주는 Node.js 패키지 React란? [Node.js] React.js 란? / React 사용법 ( create-react-app ) React란? 웹/앱의 사용자 조작환경(UI)를 만들..

defineall.tistory.com

 

normalized.css란?

 

[CSS] reset.css, Nomarlized.css란? / 사용법

reset.css란? 웹브라우저마다 기본적으로 적용되어있는 스타일을 지워주는 용도의 css 파일 reset.css의 필요성 시중에 나와있는 브라우저는 여러가지이고, 모두들 그들만의 기본적인 스타일(css)가

defineall.tistory.com

 

styled-normalize 설치

npm i styled-normalize

 

styled-normalize 사용법

// global-styles.js

import { createGlobalStyle } from "styled-components";
import { normalize } from "styled-normalize";


const GlobalStyle = createGlobalStyle`
  ${normalize}
`;

export default GlobalStyle;

 

 

반응형