JAVASCRIPT 20

[JAVASCRIPT] ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ๊ฐ์ฒด - Math()

Math()์— ์žˆ๋Š” ๋‹ค์–‘ํ•œ ๋ฉ”์†Œ๋“œ - .PI : ํŒŒ์ด - .E : ์ž์—ฐ ์ƒ์ˆ˜ e - .floor() : ์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ๋ฒ„๋ฆผ - .ceil() : ์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ์˜ฌ๋ฆผ - .abs() : ์ ˆ๋Œ€๊ฐ’ - .max() : ์ตœ๋Œ€๊ฐ’ - .min() : ์ตœ๊ณ ๊ฐ’ - .random() : 0.0

JAVASCRIPT 2021.10.31

[JAVASCRIPT] ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด - Date()

ํ˜„์žฌ ๋‚ ์งœ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋‹ค์–‘ํ•œ ๋ฐฉ์‹์˜ ๋‚ ์งœ ์ถœ๋ ฅํ•˜๊ธฐ 1. Date()์— ์žˆ๋Š” ๋‹ค์–‘ํ•œ ๋ฉ”์†Œ๋“œ - .getFullYear() : ์—ฐ๋„ - .getMouth() : ์›” - .getDate() : ์ผ - .getHours() : ์‹œ - .getMinutes() : ๋ถ„ - .getSeconds() : ์ดˆ - .toDateString() : ์˜๋ฌธ ๋‚ ์งœ ํ‘œ๊ธฐ ๋ฐฉ์‹ - .toLocalString() : ํ˜„์žฌ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์ปดํ“จํ„ฐ์˜ ๋กœ์ปฌ ๋‚ ์งœ์™€ ์‹œ๊ฐ„ - .toLocalDateString() : ํ˜„์žฌ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์ปดํ“จํ„ฐ์˜ ๋กœ์ปฌ ๋‚ ์งœ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ ํŠน์ • ๋‚ ์งœ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋‚ ์งœ ์ถœ๋ ฅํ•˜๊ธฐ - ์›”์€ 0๋ถ€ํ„ฐ ์‹œ์ž‘์„ ํ•˜๊ธฐ๋•Œ๋ฌธ์— 10์„ ๋„ฃ์œผ๋ฉด ์‹ค์ œ๋กœ๋Š” 11์›”์„ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฒƒ์ด ๋จ, ์ถœ๋ ฅ์‹œ 1์„ ๋”ํ•ด์•ผ ํ•จ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ

JAVASCRIPT 2021.10.31

[JAVASCRIPT] ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด์˜ ํŠน์ง• 1. ์–ด๋–ค ์ข…๋ฅ˜์˜ ์ž๋ฃŒํ˜•๋„ ํ•˜๋‚˜์˜ ๋ฐฐ์—ด์˜ ๋‹ด์„ ์ˆ˜ ์žˆ์Œ 2. push๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐฐ์—ด ์š”์†Œ๋ฅผ ๋‚˜์ค‘์— ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Œ 3. ๋ฐฐ์—ด์„ ๋จผ์ € ์„ ์–ธํ•œ ํ›„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ ๋ฐฐ์—ด ๋ฉ”์†Œ๋“œ ์‚ฌ์šฉ๊ฐ€๋Šฅ - .join() : ์—ฐ๊ฒฐ - .concat() : ๋‹ค๋ฅธ ๋ฐฐ์—ด๊ณผ ์—ฐ๊ฒฐ - .slice() : ์š”์†Œ ์ž๋ฅด๊ธฐ - .reverse() : ๋ฐฐ์—ด ๊ฑฐ๊พธ๋กœ ์ถœ๋ ฅ - .sort() : ๋ฐฐ์—ด์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์ •๋ ฌ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ

JAVASCRIPT 2021.10.31

[JAVASCRIPT] ๋‚ด์žฅํ•จ์ˆ˜ - prompt(), parseInt(), Number(), isNaN()

prompt : ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์ฐฝ ๋„์šฐ๊ธฐ 1. if๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๊ฐ’์ด ์ง์ˆ˜์ธ์ง€ ํ™€์ˆ˜์ธ์ง€ ํŒ๋ณ„ํ•˜๊ธฐ - ์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•˜๊ณ  ํ™•์ธ์„ ๋ˆ„๋ฅด๋ฉด ์ง์ˆ˜,ํ™€์ˆ˜๋ฅผ ํŒ๋ณ„ํ•˜์—ฌ ์•„๋ž˜์ฐฝ์ด ๋ณด์—ฌ์ง parseInt(๊ณ„์‚ฐ์‹ or ๋ฌธ์ž์—ด) : ๊ด„ํ˜ธ์˜ ๊ฐ’์„ ์ˆซ์žํ˜•ํƒœ๋กœ ๋Œ๋ ค์คŒ Number(๊ณ„์‚ฐ์‹ or ๋ฌธ์ž์—ด) : ๊ด„ํ˜ธ์˜ ๊ฐ’์„ ์ˆซ์žํ˜•ํƒœ๋กœ ๋Œ๋ ค์คŒ 1. switch๋ฌธ์„ ์ด์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ์„ธ ๊ณผ๋ชฉ์˜ ์ ์ˆ˜๋ฅผ ์ž…๋ ฅ๋ฐ›์€ ํ›„ ํ‰๊ท ์„ ๊ตฌํ•ด, ๋“ฑ๊ธ‰์„ console์— ์ถœ๋ ฅํ•˜๊ธฐ paresInt()์™€ Number()์˜ ์ฐจ์ด - ๋„์–ด์“ฐ๊ธฐ๊ฐ€ ํฌํ•จ๋œ ์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•  ๊ฒฝ์šฐ parseInt๋Š” ์ฒซ๋ฒˆ์งธ ์žˆ๋Š” ์ˆซ์ž๋ฅผ ๊ฐ€์ ธ์˜ค์ง€๋งŒ, Number๋Š” ์ˆซ์ž๊ฐ€ ์•„๋‹ˆ๋‹ค๋ผ๊ณ  ๋‚˜์˜ด isNaN() : ์ˆซ์ž ์ธ์ง€ ํ™•์ธํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ, true, false๋กœ..

JAVASCRIPT 2021.10.31

[JAVASCRIPT] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅํ•จ์ˆ˜ - encodeURI(),encodeURIComponent()

encodeURI() : URI ์ฃผ์†Œ์— ์˜๋ฌธ, ์ˆซ์ž, ์ผ๋ถ€ ๊ธฐํ˜ธ(&,=,...)๋ฅผ ์ œ์™ธํ•œ ๋ฌธ์ž๋ฅผ ์œ ๋‹ˆ์ฝ”๋“œ ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ decodeURI() : ์ธ์ฝ”๋”ฉ ๋œ URI๋ฅผ ๋‹ค์‹œ ๋ณ€ํ™˜ํ•ด์คŒ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ encodeURIComponent() : ์˜๋ฌธ, ์ˆซ์ž๋ฅผ ์ œ์™ธํ•˜๊ณ  ์œ ๋‹ˆ์ฝ”๋“œ ๋ฌธ์ž๋กœ ๋ณ€ํ™˜ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ decodeURIComponent() : ์ธ์ฝ”๋”ฉ ๋œ URI๋ฅผ ๋‹ค์‹œ ๋ณ€ํ™˜ํ•ด์คŒ - ๋ธŒ๋ผ์šฐ์ € ์ถœ๋ ฅ

JAVASCRIPT 2021.10.31

[JAVASCRIPT] ํ•จ์ˆ˜ - ์ต๋ช…ํ•จ์ˆ˜, ํ™”์‚ดํ‘œํ•จ์ˆ˜, ์ฆ‰์‹œ์‹คํ–‰ํ•จ์ˆ˜

ํ•จ์ˆ˜ ๊ธฐ๋ณธ ํ˜•ํƒœ ๊ธฐ๋ช… ํ•จ์ˆ˜ : hoisting ๊ฐ€๋Šฅ - ํ•จ์ˆ˜๋ช…์ด ์žˆ๋Š” ํ•จ์ˆ˜๋ฅผ ๋งํ•จ 1. ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ๊ฐ’์„ ์ถœ๋ ฅํ•˜๊ธฐ javascript funtion ๊ฒฐ๊ณผํ™•์ธ - ๊ฒฐ๊ณผํ™•์ธ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๊ธฐ ์ „ - ๊ฒฐ๊ณผํ™•์ธ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅธ ํ›„ ์ต๋ช…ํ•จ์ˆ˜ : hoisting ๋ถˆ๊ฐ€ - ํ•จ์ˆ˜๋ช…์„ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜, ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ํ•จ์ˆ˜๋ช…์ด ์•„๋‹Œ ํ•จ์ˆ˜์˜ ๊ฒฐ๊ณผ๊ฐ’์„ ๋‹ด๊ณ  ์žˆ๋Š” ๋ณ€์ˆ˜๋ช…์„ ํ˜ธ์ถœํ•จ Arrow ํ•จ์ˆ˜, ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ Arrow funtion ์ฆ‰์‹œ ์‹คํ–‰ ํ•จ์ˆ˜(self-invoking function) : ๋ฐ˜๋“œ์‹œ ์‹คํ–‰ํ•ด์•ผํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ ์ฆ‰์‹œ ์‹คํ–‰ ํ•จ์ˆ˜(self-invoking function)

JAVASCRIPT 2021.10.29

[JAVASCRIPT ] for๋ฌธ

for๋ฌธ ๋ฐฐ์—ด ์ถœ๋ ฅํ•˜๊ธฐ in์„ ์ด์šฉํ•œ for๋ฌธ ๋ฐฐ์—ด ์ถœ๋ ฅ - ๋ณ€์ˆ˜ car๊ฐ€ ์ธ๋ฑ์Šค๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์„œ car๋ฅผ ๋„ฃ๊ณ  ์ถœ๋ ฅํ•˜๋ฉด ๋จ of๋ฅผ ์ด์šฉํ•œ for๋ฌธ ๋ฐฐ์—ด ์ถœ๋ ฅ - ๋ณ€์ˆ˜ car๋งŒ ์ฐ์–ด๋‚ด๋ฉด ๋จ - of๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ๋ฌธ์ž์—ด์—์„œ ํ•˜๋‚˜์”ฉ ๊ฐ€์ ธ์˜ค๊ฒŒ ํ•˜๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•จ for๋ฌธ์„ ์ด์šฉํ•˜์—ฌ ์ตœ๋Œ€๊ฐ’, ์ตœ์†Œ๊ฐ’ ๊ตฌํ•˜๊ธฐ 1. ์ผ๋ฐ˜ for๋ฌธ ์ž‘์„ฑ๋ฐฉ๋ฒ• 2. in์„ ์ด์šฉํ•œ for๋ฌธ ์ž‘์„ฑ๋ฐฉ๋ฒ• 3. of๋ฅผ ์ด์šฉํ•œ for๋ฌธ ์ž‘์„ฑ๋ฐฉ๋ฒ• - ๋ณ€์ˆ˜ num ์ž์ฒด๊ฐ€ ๋ฐฐ์—ด์— ์žˆ๋Š” ์ˆซ์ž๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋”ฐ๋กœ ์ธ๋ฑ์Šค ํ•„์š”์—†์ด ๋ณ€์ˆ˜ ์ž์ฒด๋ฅผ ์ด์šฉํ•˜์—ฌ ๋น„๊ตํ•จ

JAVASCRIPT 2021.10.29

[JAVASCRIPT] ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ํƒ€์ž… ์ข…๋ฅ˜

var, let - var๋Š” block scope์ด ์—†์–ด์„œ ๊ด„ํ˜ธ์— ์ƒ๊ด€์—†์ด ๋ถˆ๋Ÿฌ๋‚ผ ์ˆ˜ ์žˆ์Œ - let๋Š” block scope์ด ์žˆ์–ด์„œ ๋กœ์ปฌ๋ณ€์ˆ˜์ฒ˜๋Ÿผ ๋Œ€๊ด„ํ˜ธ๋ฅผ ๋ฒ—์–ด๋‚˜๋Š” ๊ฒฝ์šฐ ๋ถˆ๋Ÿฌ๋‚ผ ์ˆ˜ ์—†์Œ - var๋Š” ์žฌ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•˜์—ฌ console์— 3์ด ๋‚˜์˜ด - let๋Š” ์žฌ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜์—ฌ ์ฒ˜์Œ์— ์„ ์–ธํ•œ 10์ด console์— ์ถœ๋ ฅ๋จ - hoisting : ์„ ์–ธํ•˜๊ธฐ ์ „์— ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ - var๋Š” hoisting์ด ๊ฐ€๋Šฅํ•˜๋‚˜, let์€ hoisting์ด ๋ถˆ๊ฐ€๋Šฅํ•จ const - const๋Š” ๊ฐ’ ๋ณ€๊ฒฝ์ด ๋ถˆ๊ฐ€ํ•˜๋ฉฐ, ์ฒ˜์Œ์— ์„ ์–ธํ•  ๋•Œ ๊ฐ’์„ ๋ถ€์—ฌํ•ด์•ผ ํ•จ. block scope๋ฅผ ๊ฐ€์ ธ์„œ ๊ด„ํ˜ธ ๋ฐ–์—์„œ ๋ถˆ๋Ÿฌ๋‚ผ ์ˆ˜ ์—†์Œ

JAVASCRIPT 2021.10.26

[JAVASCRIPT] ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ ๋ฐฉ๋ฒ•

์™ธ๋ถ€ ํŒŒ์ผ๋กœ ์ž‘์„ฑ (myscript.js) ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์„ ์–ธํ•˜๊ธฐ - ํƒ€์ดํ‹€ ๋ฐ‘์— ์ž‘์„ฑ๊ฐ€๋Šฅ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์„ ์–ธํ•˜๊ธฐ - ์™ธ๋ถ€ ํŒŒ์ผ๋กœ ์ž‘์„ฑํ•ด์„œ ์•ž์ชฝ์— ์ž‘์„ฑ ๊ฐ€๋Šฅ myscript.js ๋‚ด์šฉ alert("์•ˆ๋…•ํ•˜์„ธ์š”"); ๋‚ด๋ถ€๋กœ ์ž‘์„ฑ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ํƒœ๊ทธ์˜ ์ง์ ‘ ์ž‘์„ฑ ์ „์†ก

JAVASCRIPT 2021.10.26