๐Ÿงฐ๋ฆฌํŒฉํ† ๋ง ์ฃผ๊ฐ„ ํšŒ๊ณ  - twelive/JUNGLE GitHub Wiki

๐Ÿงฐ๋ฆฌํŒฉํ† ๋ง ์ฃผ๊ฐ„ ํšŒ๊ณ ๋ก

  • ํšŒ๊ณ  ์ผ์‹œ: 2024๋…„ 01์›” 04์ผ (๋ชฉ) 15:00
  • ์ฐธ์„ ์ธ์›: ์ง„๋งŒ๋‹˜, ๋ช…ํ™”๋‹˜, ์„ ์šฉ๋‹˜, ์†Œ์ด๋‹˜

โœจ ํŒ€ ํšŒ๊ณ  ๊ฒฐ๊ณผ

1. Styled-Components ์š”์†Œ ๋„ค์ด๋ฐ

  • Styled + ์˜๋ฏธ + section > outer > container > wrapper > box
  • ์ตœํ•˜๋‹จ์€ ํƒœ๊ทธ๋ช…์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • outer๋Š” ์˜ต์…˜์œผ๋กœ ๋‘ก๋‹ˆ๋‹ค.
    flex ๋“ฑ container ์—ฌ๋Ÿฌ ๊ฐœ๋ฅผ ๊ฐ์Œ€ ๋•Œ ์ด์šฉ

2. px ๋กœ ์Šคํƒ€์ผ๋ง

  • 1px ๋ฏธ๋งŒ์€ rem์œผ๋กœ ๋ณ€๊ฒฝ์ด ์•ˆ ๋˜๊ธฐ ๋•Œ๋ฌธ์— ํ†ต์ผ์„ฑ์„ ์œ„ํ•ด ๋‹ค์Œ ํ•ญ๋ชฉ์€ px ๋‹จ์œ„๋ฅผ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  • border, shadow
โš ๏ธ **GitHub.com Fallback** โš ๏ธ