πŸ“š Reference

πŸ“¦ Package

styled-reset

styled-components

μ„€μΉ˜

# YARN
# κΈ°λ³Έ styled-components
yarn add styled-components
yarn add -D @types/styled-components

# λ¬Έμžμ—΄ μ•ˆμ— μŠ€νƒ€μΌ λ“€μ–΄κ°€λŠ” 것 처리λ₯Ό μœ„ν•œ μ„€μΉ˜
yarn add -D babel-plugin-styled-components

# μ „μ—­ μŠ€νƒ€μΌλ§μ—μ„œ μ΄μš©ν•˜κΈ° μœ„ν•¨ 
yarn add styled-reset

Next.js & styled-components

β”œβ”€β”€ styles
    β”‚   β”œβ”€β”€ global-styles.ts      # reset λ˜λŠ” κ³΅ν†΅μ μœΌλ‘œ μ‚¬μš©ν•˜λŠ” css
    β”‚   β”œβ”€β”€ theme.ts              # κ³΅ν†΅μ μœΌλ‘œ μ‚¬μš©ν•  ν…Œλ§ˆ(media query, color λ“± -> ν•„μš”ν•  λ•Œ ... )