๋ชฉ๋กstyled-components (1)

whatisthis?

React. styled-components

styled-components ๊ณต์‹ ๋ฌธ์„œ styled-components = css in JS. ์Šคํƒ€์ผ ์ •์˜๋ฅผ CSSํŒŒ์ผ์ด ์•„๋‹Œ JS ์ปดํฌ๋„ŒํŠธ์— ๋ฐ”๋กœ ์‚ฝ์ž…ํ•˜๋Š” ๊ธฐ๋ฒ•. ์›นํŽ˜์ด์ง€๋ฅผ HTML/CSS/JS๋กœ ๋ถ„๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ, ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฆฌํ•˜๊ณ , ๊ฐ ์ปดํฌ๋„ŒํŠธ์— ๊ฐ๊ฐ์˜ HTML,CSS,JS๋ฅผ ๋‚ด์žฅํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘์„ฑ. styled-components ์„ค์น˜ $ yarn add styled-componentsSYNTAX styled ํ•จ์ˆ˜๋ฅผ ์ž„ํฌํŠธ. styled ํ•จ์ˆ˜๋Š” HTML ํƒœ๊ทธ ๋˜๋Š” ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์— ์Šคํƒ€์ผ์„ ์ ์šฉํ•จ HTML Element styled.button` // style `; React Component styled(Button)` // style `; ๋‘ ๋ฌธ๋ฒ• ๋ชจ๋‘ ES6 Tagged T..
WEB STUDY/REACT 2022. 5. 1. 15:50
์ด์ „ Prev 1 Next ๋‹ค์Œ