๋ฐ˜์‘ํ˜•

๋ฆฌ์—‘ํŠธ๋ฐ์ดํ„ฐํ”ผ์ปค์˜ค๋ฅ˜ 1

[React] react-datepicker ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ css/style ์ ์šฉ ์•ˆ๋˜๋Š” ์—๋Ÿฌ

Intro react-datepicker ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋˜ ๋„์ค‘ CSS ๊ฐ€ ์ ์šฉ ์•ˆ๋˜๋Š” ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ €๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋„ ์ ์šฉํ•ด์•ผ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค. yarn add react-datepicker yarn add @types/react-datepicker react-datepicker ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์— ์žˆ๋Š” Default ์˜ˆ์ œ๋ฅผ ์ฝ”๋“œ์— ๋„ฃ์–ด ์‹คํ–‰ํ•˜์ž, css๊ฐ€ ์ „ํ˜€ ์ ์šฉ๋˜์ง€ ์•Š๋Š” ์ƒํƒœ๋กœ ํ™”๋ฉด์— ๋œจ๋”๊ตฐ์š”. () => { const [startDate, setStartDate] = useState(new Date()); return ( setStartDate(date)} /> ); }; Why? ๋ฐ”๋กœ ๊ตฌ๊ธ€๋ง์„ ํ•ด๋ดค์Šต๋‹ˆ๋‹ค. ์ €์™€ ๋น„์Šทํ•œ ์—๋Ÿฌ๋ฅผ ๊ฒช์œผ์‹  ๋ถ„๋“ค..

Framework/React 2023.01.03
๋ฐ˜์‘ํ˜•