Client/Javascript

[Javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ˜„์žฌ ์‹œ๊ฐ(์‹œ๊ฐ„), ๋‚ ์งœ, ์—ฐ๋„ ๊ตฌํ•˜๊ธฐ (Date ๊ฐ์ฒด)

meeeeejin 2020. 6. 25. 01:23

์‹œ๊ฐ„์„ ๋‚˜ํƒ€๋‚ด๋Š” Date ๊ฐ์ฒด

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ˜„์žฌ ์‹œ๊ฐ„์„ ์•Œ๊ณ  ์‹ถ๋‹ค๋ฉด Date ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. 

Date ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. 

 

See the Pen JS Date Example1 by KimMiJin (@console_log) on CodePen.

 

์œ„์™€ ๊ฐ™์ด, Date ๊ฐ์ฒด๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•˜๋ฉด ๋‚ ์งœ๋ฅผ ๋‚˜ํƒ€๋‚ธ ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. 

 

 

 

 

 

Date ๊ฐ์ฒด์˜ Methods(๋ฉ”์†Œ๋“œ)

 

Date ๊ฐ์ฒด๋Š” ๋‚ ์งœ, ์š”์ผ, ์—ฐ๋„, ์‹œ๊ฐ„(์‹œ, ๋ถ„, ์ดˆ), ์›” ๋“ฑ์˜ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๋ฉ”์†Œ๋“œ๋“ค์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 

 

  • getDate()
    // ๋‚ ์งœ(date)๋ฅผ ๋ฐ˜ํ™˜ (1 ~ 31)
  • getDay()
    // ์š”์ผ(day)๋ฅผ ๋ฐ˜ํ™˜ (0 ~ 6)
  • getFullYear()
    // ์—ฐ๋„(year)๋ฅผ ๋ฐ˜ํ™˜
  • getHours()
    // ์‹œ๊ฐ„(hour)์„ ๋ฐ˜ํ™˜ (0 ~ 23)
  • getMinutes()
    // ๋ถ„(minute)์„ ๋ฐ˜ํ™˜ (0 ~ 999)
  • getMonth()
    // ์›”(month)๋ฅผ ๋ฐ˜ํ™˜ (0 ~ 11)
  • getSeconds()
    // ์ดˆ(second)๋ฅผ ๋ฐ˜ํ™˜ (0 ~ 59)

 

 

 

Date ๊ฐ์ฒด ์‚ฌ์šฉ ์˜ˆ์‹œ

 

 

See the Pen JS Date Example3 by KimMiJin (@console_log) on CodePen.

Date ๊ฐ์ฒด์˜ getMonth() ๋ฉ”์†Œ๋“œ๋Š” ์›”์„ 0๋ถ€ํ„ฐ 11๊นŒ์ง€ ๊ฐ’์œผ๋กœ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ๋•Œ๋ฌธ์—, 1์›”๋ถ€ํ„ฐ 12์›”๊นŒ์ง€๋ฅผ ํ‘œํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด 1์„ ๋”ํ•ด์„œ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. 

 

 

See the Pen KKVqVqa by KimMiJin (@console_log) on CodePen.

 

 

 

๊ณต๋ถ€ํ•œ ๊ฒƒ์„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ˆ˜์ •ํ•  ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :)

 

 

 

728x90