๐Ÿ˜† My name is Ez : ์‰ฝ๋‹ค ์‰ฌ์›Œ ๊ฐœ๋ฐœlife

[Day.js] : Moment.js (Day.js๋กœ ๋ณ€๊ฒฝ) ๋ณธ๋ฌธ

โŒจ๏ธ Web Front-End/ETC

[Day.js] : Moment.js (Day.js๋กœ ๋ณ€๊ฒฝ)

์ด์ง€ํ‚˜ 2023. 7. 24. 21:24

์ƒˆ๋กญ๊ฒŒ ๋‹ค์‹œ ์ง„ํ–‰ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์—์„œ๋Š” Moment.js๋ฅผ ๋ฒ„๋ฆฌ๊ณ  Day.js๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ์ข‹๊ฒ ๋‹ค๊ณ  ํ–ˆ๋‹ค. 

๋” ์ด์ƒ ์—…๋ฐ์ดํŠธ๊ฐ€ ์ง„ํ–‰๋˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค... (์ด ๋ถ€๋ถ„์€ ๋งค์šฐ ๋ถˆ์•ˆ๐Ÿ˜ฅ)

Moment.js ํ™ˆํŽ˜์ด์ง€์—๋งŒ ๊ฐ€๋„ ๋ฉ”์ธ ๋ฐฐ๋„ˆ์˜†์— ์ด๋Ÿฐ ๊ธ€์ด ์ ํ˜€์žˆ๋‹ค. (๋‹ค๋ฅธ ๊ถŒ์žฅ ์‚ฌํ•ญ๋“ค์„ ์•ˆ๋‚ด)

Day.js - ๋‹ค๋ฅธ ๋ฐฉ์•ˆ ์†Œ๊ฐœ๋ฌธ๊ตฌ

 

npm trend

 

Moment์—์„œ ์ถ”์ฒœํ•ด ์ค€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‹ค์šด๋กœ๋“œ ํ˜„ํ™ฉ์ด๋‹ค. 

๊ทธ์ค‘์—์„œ Day.js๋ฅผ ์„ ํƒํ•œ ๊ฑด ์‚ฌ์šฉ๋ฐฉ๋ฒ•์ด Moment.js์™€ ๋™์ผํ•˜๊ณ  ๊ฐ€๋ฒผ์šด ์šฉ๋Ÿ‰ ๋•Œ๋ฌธ์ด๋‹ค. 

 

์ผ๋‹จ ๋ณ€๊ฒฝํ•˜๋Š” ๋ถ€๋ถ„์—์„œ ๊ต‰์žฅํžˆ ํŽธ๋ฆฌํ•˜๋‹ค. 

moment => dayjs๋กœ replace

์„ค์น˜๋ฐฉ๋ฒ•

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๋กœ ๋ณ€๊ฒฝํ•ด๋ณด์„ธ์š”~ 

 

 

์ฐธ๊ณ ๋งํฌ

https://day.js.org/en/