์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ํ๊ณ ๋ก
- ๊ฐ๋ฐ์
- javascript
- react
- ํฐ์คํ ๋ฆฌ
- typescript
- frontend
- ๊ฐ๋ฐ๋ธ๋ก๊ทธ
- backend
- nextjs
- Today
- Total
๐ My name is Ez : ์ฝ๋ค ์ฌ์ ๊ฐ๋ฐlife
[Day.js] : Moment.js (Day.js๋ก ๋ณ๊ฒฝ) ๋ณธ๋ฌธ
์๋กญ๊ฒ ๋ค์ ์งํํ๋ ํ๋ก์ ํธ์์๋ Moment.js๋ฅผ ๋ฒ๋ฆฌ๊ณ Day.js๋ก ๋ณ๊ฒฝํ๋ฉด ์ข๊ฒ ๋ค๊ณ ํ๋ค.
๋ ์ด์ ์ ๋ฐ์ดํธ๊ฐ ์งํ๋์ง ์๊ธฐ ๋๋ฌธ์ด๋ค... (์ด ๋ถ๋ถ์ ๋งค์ฐ ๋ถ์๐ฅ)
Moment.js ํํ์ด์ง์๋ง ๊ฐ๋ ๋ฉ์ธ ๋ฐฐ๋์์ ์ด๋ฐ ๊ธ์ด ์ ํ์๋ค. (๋ค๋ฅธ ๊ถ์ฅ ์ฌํญ๋ค์ ์๋ด)
Moment์์ ์ถ์ฒํด ์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ค์ด๋ก๋ ํํฉ์ด๋ค.
๊ทธ์ค์์ Day.js๋ฅผ ์ ํํ ๊ฑด ์ฌ์ฉ๋ฐฉ๋ฒ์ด Moment.js์ ๋์ผํ๊ณ ๊ฐ๋ฒผ์ด ์ฉ๋ ๋๋ฌธ์ด๋ค.
์ผ๋จ ๋ณ๊ฒฝํ๋ ๋ถ๋ถ์์ ๊ต์ฅํ ํธ๋ฆฌํ๋ค.
์ค์น๋ฐฉ๋ฒ
npm install dayjs --save
์ฌ์ฉ๋ฐฉ๋ฒ (๊ฐ๋จํ ์ฌ์ฉ๋ฒ๋ง ์๊ฐ)
/**
1. ๋ ์ง ๊ฐ์ฒด ์์ฑํ๊ธฐ
*/
//ํ์ฌ ๋ ์ง ๊ฐ์ฒด ์์ฑ
dayjs();
// ์ํ๋ ๋ ์ง ๊ฐ์ฒด ์์ฑํ๋ ๋ฐฉ๋ฒ
dayjs('2023-07-24');
/**
2. ๋ ์ง format ์ค์ ํ๊ธฐ
*/
let TODAY = dayjs();
//YYYY-MM-DD
TODAY.format("YYYY-MM-DD") // 2023-07-24
//DD/MM/YYYY
TODAY.format("DD/MM/YYYY") // 24-07-2023
//YYYY.MM.DD HH:mm:ss
TODAY.format("YYYY.MM.DD HH:mm:ss") // 2023.07.24 21:10:30
/**
3. ๊ฐ ๊ฐ์ ธ์ค๊ธฐ
*/
//๋
๋
TODAY.get("year");
//์
TODAY.get("month");
//์ผ
TODAY.get("date");
//์์ผ
TODAY.get("day"); //(์ผ์์ผ๋ถํฐ 0 ~ ํ ์์ผ6)
๊ณต์๋ฌธ์ ์ฐธ๊ณ (๊ฐ๋จํจ) https://day.js.org/docs/en/parse/parse
Day.js · 2kB JavaScript date utility library
2kB JavaScript date utility library
day.js.org
๋จ์ํ ๋ ์ง๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด์ง๋ง ์งํํ๊ณ ์๋ ํ๋ก์ ํธ์์๋ ๋ ์ง, ์๊ฐ์ด ์์ฃผ ๋ง์ด ์ฌ์ฉ๋๊ณ ์ค์ํ๊ธฐ ๋๋ฌธ์ ์ฌ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ ์ ํํด์ ์ฌ์ฉํด์ผ ๋ฌธ์ ํด๊ฒฐ ๋ฐ ์ฒ๋ฆฌ๋ ์ฝ๊ฒ ๋ ๊ฒ ๊ฐ๋ค. ์ ๋ฐ์ดํธ๊ฐ ๋์ง ์๋๋ค๋ฉด ์ธ์ ๊ฐ ๋ฌธ์ ๊ฐ ์๊ธธ ๊ฒ ๊ฐ์ ๋ถ์...
๋ค๋ค Day.js๋ก ๋ณ๊ฒฝํด๋ณด์ธ์~
์ฐธ๊ณ ๋งํฌ
'โจ๏ธ Web Front-End > ETC' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[ETC] : ๊ณตํต์ปดํฌ๋ํธ? ์? (0) | 2023.08.04 |
---|---|
[StoryBook] : ์คํ ๋ฆฌ๋ถ์ด ๋ญ์ง? (0) | 2023.07.22 |
[Performance] : Debouncing(๋๋ฐ์ด์ฑ),Throttling(์ฐ๋กํ๋ง) (0) | 2023.07.21 |