๋ฐ˜์‘ํ˜•

react-datepicker ์–ธ์–ด 1

[React] react-datepicker ์–ธ์–ด ๋ฐ”๊พธ๊ธฐ (ํ•œ๊ตญ์–ด๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•)

Intro์•ˆ๋…•ํ•˜์„ธ์š”. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” react-datepicker ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ์–ธ์–ด๋ฅผ ๋ฐ”๊พธ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ react-datepicker ๋Š” react์—์„œ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋‹ฌ๋ ฅ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.  How to Change lang ๊ฐ€์žฅ ๋จผ์ € date-fns๋ฅผ ์„ค์น˜ํ•ด์ค๋‹ˆ๋‹ค. npm์„ ์‚ฌ์šฉํ•˜์‹ ๋‹ค๋ฉด npm์„ ์ด์šฉํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. yarn add date-fns  ์ดํ›„ ์‚ฌ์šฉํ•˜๊ณ ์ž ํ•˜๋Š” ์–ธ์–ด๋ฅผ import ํ•ด์ค๋‹ˆ๋‹ค. import { ko } from "date-fns/esm/locale"; } />  local={ko}๋ฅผ ์ ์šฉํ•œ ๊ฒฐ๊ณผ ์•„๋ž˜์™€ ๊ฐ™์ด ์บ˜๋ฆฐ๋” ์–ธ์–ด๊ฐ€ ํ•œ๊ตญ์–ด๋กœ ๋ณ€๊ฒฝ๋œ ๋ชจ์Šต์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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