๋ชฉ๋กscss (1)
๐ค ์์งlog ๐ค
[REACT] SCSS
SCSS sass๋ css์ ๋น์ทํ๊ฒ App.scss ํ์ผ์ ๋ง๋ค์ด scss ๋ฌธ๋ฒ์ ๋ง๊ฒ ์ฝ๋ ๋ฃ๋๊ฒ ์ด๋ค. Sass๋ ๋๊ฐ์ง ํ์ฅ์(.scss/.sass)๋ฅผ ์ง์ํ๊ณ ๐ npm install ์์ ์ด ํ์ํจ. ( node- sass ) ๐ import styled, { css } from 'styled-components' const Box = styled.div` background: ${(props) => props.color || 'blue'}; padding: 1rem; display: flex; ` //Box ์ปดํฌ๋ํธ์ .color ๋ผ๋ props๊ฐ ์์ผ๋ฉด blue๊ฐ ๋๋ค-> ์ง๊ธ์ ์์ผ๋ black const Button = styled.button` background: white; colo..
๐ React
2022. 10. 6. 14:44