Search

6์›” 11์ผ (์ผ)

ย ์˜ค๋Š˜ ์ •ํ•  ๊ฒƒ

styled-components ์‚ฌ์šฉ๋ฒ•
๊ฐ์ž ๋งก์€ ๋ถ€๋ถ„ ์ฝ”๋“œ ์งœ๋ณด๊ณ  ๋‚ด์šฉ ๋‚˜๋ˆ„๊ธฐ
ํšŒ์˜ ์‹œ๊ฐ„ ์ •ํ•˜๊ธฐ
๋‹ค์Œ ์˜คํ”„๋ผ์ธ ํšŒ์˜ ๋‚ ์งœ ์ •ํ•˜๊ธฐ

์ฐธ๊ณ  ์‚ฌ์ดํŠธ

3. styled-components ยท GitBook
https://react.vlpt.us/styling/03-styled-components.html
Styled Components ์ „์—ญ ์Šคํƒ€์ผ๋ง (Global Style)
Engineering Blog by Dale Seo
https://www.daleseo.com/styled-components-global-style/

ย ์˜ค๋Š˜ ํšŒ์˜ ๋‚ด์šฉ

โ€ข
์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ์ค‘๋ณต ๊ฒ€์‚ฌ ๊ณต๋ถ€ํ•˜๊ธฐ
โ€ข
์ •๊ธฐํšŒ์˜์‹œ๊ฐ„ ์ •ํ•˜๊ธฐ ํ™”/๋ชฉ ์˜ค์ „ 10์‹œ~12์‹œ
โ€ข
๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ์™„์„ฑํ•ด์˜ค๊ธฐ Recoil, React Hook Form ์ตœ๋Œ€ํ•œ Recoil ์‚ฌ์šฉํ•ด๋ณด๊ธฐ
โ€ข
global, common components ๋งŒ๋“ค๊ธฐ (์‰ฝ๊ฒŒ ๊บผ๋‚ด์“ธ ์ˆ˜ ์žˆ๊ฒŒ)
โ€ข
Global Style์— React Team Provider๋„ ์‚ฌ์šฉ

ย ๋‹ค์Œ ํšŒ์˜ ๋•Œ ๋…ผ์˜ํ•  ๋‚ด์šฉ

๋‹ค์Œ ํšŒ์˜ 6์›”

โ€ข
์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ์ค‘๋ณต ํ™•์ธ ๊ณต๋ถ€ํ•˜๊ธฐ
โ€ข
Router ์„ค์ •ํ•˜๊ธฐ

๋‹ค์Œ ํšŒ์˜๊นŒ์ง€ ํ•  ๊ฒƒ (์ˆ™์ œ)

โ€ข
์˜ค๋Š˜ ํ•œ ๊ฒƒ ์ •๋ฆฌํ•˜๊ธฐ
โ€ข
๊ณตํ†ต์œผ๋กœ ํ•  ๊ฒƒ ์žˆ๋Š”์ง€
โ—ฆ
React Theme Provider
โ—ฆ
Recoil
โ—ฆ
React Hook Form
โ—ฆ
axious
โ€ข
์„œ๋ฒ„ ํ†ต์‹  ์„ฑ๊ณตํ•ด์˜ค๊ธฐ
Made with