Notice
Recent Posts
Recent Comments
Link
| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- ๊นํ์ฌ์ดํธ
- java 11 ์ค์น
- ์ฒดํฌ๋ฐ์ค์ปค์คํ
- ios
- ์์
- ํ๋ก ํธ์๋
- ํ ์คํธ ์ธํธ
- axios์ธ์คํด์ค
- ์ทํ๊ท๊ฑธ์ด
- api๊ณตํตํ
- M1
- ์์ด๋์ค๋ณต
- ๋จธ์ ๋ฌ๋
- XCode
- react
- ์ปค์คํ
- ํผ์ ๊ณต๋ถํ๋ ๋จธ์ ๋ฌ๋
- styled-components
- ๋ฅ๋ฌ๋
- ICTํ๊ธฐ
- ICT์ธํด์ญ
- ๊ณผ๋์ ํฉ๊ณผ ๊ณผ์์ ํฉ
- ์๋ฆฟ์์ ํ
- ๋งฅ๋ถ
- ํผ๊ณต๋จธ์
- ๊นํ์๋ฌ
- ์ปด๊ณต์ ๋ฐฐ
- ICT์ง์
- CSS
- svg์
Archives
- Today
- Total
๋ชฉ๋กDatePicker (1)
Hi-๋๐ High-๋โ๏ธ
1. ์ค์น ๋ฐฉ๋ฒ ์ค์น ๋ฐฉ๋ฒ์ ๊ฐ๋จํ๋ค. react-datepicker๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด ๋ค์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ฉด ๋๋ค. npm install react-datepicker 2. ์ฌ์ฉ ๋ฐฉ๋ฒ import import DatePicker from "react-datepicker"; // ๊ธฐ๋ณธ ์ค์ 1 import "react-datepicker/dist/react-datepicker.css"; // ๊ธฐ๋ณธ ์ค์ 2 import { ko } from "date-fns/esm/locale"; // ํ๊ตญ์ด ์ค์ ๋จผ์ ์ํ๋ ํ์ผ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ import ํ๋ค. ์์ ๋๊ฐ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ถ๋ฌ์ค๋ค. ๊ธฐ๋ณธ ์ธ์ด๋ ์์ด๋ก ๋์ด ์๊ธฐ ๋๋ฌธ์ ํ๊ตญ์ด๋ก ์ค์ ํ๊ธฐ ์ํด์๋ ์์ ๊ฐ์ด import ํด์ผ ํ๋ค. ๋ณ์ ์ ์ธ const t..
React
2023. 7. 25. 12:36