๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ/Javascript

JS-Do it! JS - #7์ผ์ฐจ (08)

๋ฒ„๋‘˜ 2023. 3. 23. 18:00

๋ฒ”์œ„:08. ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š”๋‚ด์žฅ ๊ฐ์ฒด ์•Œ์•„๋ณด๊ธฐ


๋‚ด์žฅ๊ฐ์ฒด๋ž€?

์‚ฌ์šฉ์ž๊ฐ€ ์†์‰ฝ๊ฒŒ ๊ฐ€์ ธ์™€์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด์ง„ ๊ฐ์ฒด

- ์›น ๋ฌธ์„œ,์›น ๋ธŒ๋ผ์šฐ์ €์šฉ ๊ฐ์ฒด -> HTML์˜ ์›นAPI์— ๋‚ด์žฅ

- ์›น ๋ธŒ๋ผ์šฐ์ €์™€ ๊ด€๋ จ์—†์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฐ์ฒด -> ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(์—ํฌ๋งˆ ์Šคํฌ๋ฆฝํŠธ)์— ๋‚ด์žฅ

 

์ตœ์ƒ์œ„ window ๊ฐ์ฒด๋ฅผ ๋น„๋กฏํ•œ ํ•˜์œ„ ์—ฐ๊ฒฐ ๊ฐ์ฒด๋“ค์€ ๋ชจ๋‘ HTML์˜ ์›นAPI์— ๋งŒ๋“ค์–ด์ง„ ๊ฐ์ฒด

array,Math ๊ฐ™์€ ๊ฐ์ฒด๋Š” ์›น๋ธŒ๋ผ์šฐ์ € ์ฐฝ๊ณผ ๊ด€๋ จ์ด ์—†์Œ -> ์ž์Šค์— ๋‚ด์žฅ๋œ ๊ฐ์ฒด

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด์˜ ์ธ์Šคํ„ด์Šค ๋งŒ๋“ค๊ธฐ

์ž์Šค์— ๋‚ด์žฅ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ์—๋Š” ๊ฐ์ฒด์˜ ํ”„๋กœํผํ‹ฐ,๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ง„ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ๋งŒ๋“  ๋’ค

์‹๋ณ„์ž๋ฅผ ๋ถ™์—ฌ ์‚ฌ์šฉ

์ฆ‰, ๋ฐ์ดํ„ฐ ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์ž์Šค Data๊ฐ์ฒด๋ฅผ ๋˜‘๊ฐ™์ด ๋งŒ๋“ค์–ด ์‚ฌ์šฉํ•˜๋Š”๋ฐ,

์ด๋ ‡๊ฒŒ ๋‚ด์žฅ ๊ฐ์ฒด์™€ ๋˜‘๊ฐ™์€ ๋ชจ์–‘์œผ๋กœ ์ฐ์–ด๋‚ด๋Š”๊ฒƒ์„ ์ธ์Šคํ„ด์Šค(instance)๋ผ๊ณ  ํ•œ๋‹ค.

 

Math ์†Œ์ˆ˜์ 

Math.ceil(): ์˜ฌ๋ฆผ
Math.floor(): ๋‚ด๋ฆผ
Math.round(): ๋ฐ˜์˜ฌ๋ฆผ
์ˆ˜.toFixed(์ž๋ฆฟ์ˆ˜):์†Œ์ˆ˜์  ์ดํ•˜ (์ž๋ฆฟ์ˆ˜)๊นŒ์ง€ ํ‘œ์‹œ

 

'๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ > Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

JS-Do it! JS - #9์ผ (11,12,13)  (0) 2023.03.30
JS-Do it! JS - #8์ผ (09,10)  (0) 2023.03.23
JS-Do it! JS - #6์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #5์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #4์ผ์ฐจ  (0) 2023.03.18