[React] reset css 적용

Dasom KoΒ·2023λ…„ 3μ›” 20일
0

React

λͺ©λ‘ 보기
1/2

🎨 npm styled-reset νŒ¨ν‚€μ§€λ‘œ reset css μ μš©ν•˜κΈ°


πŸ”— Install

npm i styled-reset

App.js

πŸ‘‰ μŠ€νƒ€μΌ μ»΄ν¬λ„ŒνŠΈ μ‚¬μš©

import * as React from 'react'
import { Reset } from 'styled-reset'

const App = () => (
  <React.Fragment>
    <Reset />
    <div>Hi, I'm an app!</div>
  </React.Fragment>
)

πŸ‘‰ μ „μ—­ μŠ€νƒ€μΌ μ‚¬μš©

import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'

const GlobalStyle = createGlobalStyle`
  ${reset}
  /* other styles */
`

const App = () => (
  <React.Fragment>
    <GlobalStyle />
    <div>Hi, I'm an app!</div>
  </React.Fragment>
)

export default App
profile
Web Front-End Developer

0개의 λŒ“κΈ€