JavaScript - Interval / Timeout / Date

๐Ÿฆœ eunhye_kยท2022๋…„ 3์›” 14์ผ
1
post-thumbnail

๐Ÿ’ก setInterval์ด๋ž€?

ํŠน์ • ์ฃผ๊ธฐ๋งˆ๋‹ค ๋ฐ˜๋ณตํ•˜์—ฌ ํ˜ธ์ถœ,
๋ฐ”๋กœ ์‹คํ–‰๋˜์ง€ ์•Š๊ณ  n์ดˆ ํ›„ ์ฒซ ์‹œ์ž‘์ด ๋˜๊ณ  ๊ณ„์† n์ดˆ๋งˆ๋‹ค ๋ฐ˜๋ณตํ•œ๋‹ค.

1. ๊ตฌ๋ฌธ

	setInterval(์‹คํ–‰ํ•จ์ˆ˜, ์‹œ๊ฐ„);

2. ์‹คํ–‰ํ•˜๊ธฐ



๐Ÿ’ก setTimeout์ด๋ž€?

์ผ์ • ์‹œ๊ฐ„ ์ง€์—ฐํ›„ ํ˜ธ์ถœ,
์ผ์ • ์‹œ๊ฐ„ ํ›„์— ํŠน์ • ์ฝ”๋“œ, ํ•จ์ˆ˜๋ฅผ ์˜๋„์ ์œผ๋กœ ์ง€์—ฐํ•œ ๋’ค ์‹คํ–‰ํ•œ๋‹ค.

1. ๊ตฌ๋ฌธ

	setTimeout(์‹คํ–‰ํ•จ์ˆ˜, ์‹œ๊ฐ„);

2. ์‹คํ–‰ํ•˜๊ธฐ



๐Ÿ’ก Date๋ž€?

Date ๊ฐ์ฒด๋Š” ์—ฐ์›”์ผ, ์‹œ๋ถ„์ดˆ์˜ ์ •๋ณด์™€ ํ•จ๊ป˜ ๋ฐ€๋ฆฌ์ดˆ(millisecond)์˜ ์ •๋ณด๋„ ํ•จ๊ป˜ ์ œ๊ณตํ•ด์ค€๋‹ค.

1. ์—ฐ, ์›”, ์ผ, ์š”์ผ, ์‹œ, ๋ถ„, ์ดˆ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

์›”์€ 0๋ถ€ํ„ฐ 1์›” / 1์€ 2์›”...
์š”์ผ์€ 0๋ถ€ํ„ฐ ์ผ์š”์ผ / 1์€ ์›”์š”์ผ / 2๋Š” ํ™”์š”์ผ...


2. ์‹œ๊ณ„๋งŒ๋“ค๊ธฐ

String: ๋ฌธ์ž๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ
padStart: ๋ฌธ์ž์—ด์ด n์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ ์›ํ•˜๋Š” ๋ฌธ์ž๋กœ ์ฑ„์›Œ์„œ ํ•ด๋‹น ๊ธธ์ด๋งŒํผ ๋งŒ๋“ค๊ธฐ
(``)๋ฐฑํ‹ฑ: ES6 ๋ฌธ์ž์—ด ์‚ฌ์šฉ


๐Ÿ‘‹ ๋งˆ์น˜๋ฉฐ

์Šคํ„ฐ๋”” ํ™œ๋™์„ ์œ„ํ•ด ๊ธฐ๋กํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
๋‹ค๋ฅด๊ฑฐ๋‚˜ ์ถ”๊ฐ€ํ•ด์•ผํ•  ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š” :)

โœ‰ dmsp1234@gmail.com

๐Ÿ“ ์ฐธ๊ณ 



profile
UI/UX ๋””์ž์ธ์„ ๊ณต๋ถ€ํ•˜๋Š” ํผ๋ธ”๋ฆฌ์…” ์ž…๋‹ˆ๋‹ค (โ—'โ—ก'โ—)

0๊ฐœ์˜ ๋Œ“๊ธ€