๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ป100

(47) [JavaScript] 3์ผ JavaScript ๋‚ด์žฅ๊ฐ์ฒด ๋‚ด์žฅ๊ฐ์ฒด ๋‚ด์žฅ๊ฐ์ฒด - String   ๋‚ด์žฅ๊ฐ์ฒด - String   ๋‚ด์žฅ๊ฐ์ฒด - Date 2024. 4. 23.
(47) [JavaScript] 3์ผ JavaScript ํ•จ์ˆ˜&์˜ˆ์™ธ์ฒ˜๋ฆฌ ํ•จ์ˆ˜(function)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ•จ์ˆ˜๋ž€ ํŠน์ •์ž‘์—…์„ ์ˆ˜ํ•ญํ•ด๋‚œ ๊ฐ ์ฝ”๋“œ๋ฅผ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด ๋†“์€ ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.javaScript ํ•จ์ˆ˜๋Š” Function๊ฐ์ฒด. ์ฆ‰, ๋ชจ๋“  ํ•จ์ˆ˜๋Š” Function ํƒ€์ž…์˜ ์ธ์Šคํ„ด์Šค๋กœ๋‹ค๋ฅธ ์ฐธ์กฐ ํƒ€์ž…๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํ”„๋กœํ„ฐํ‹ฐ์™€ ๋ฉ”์†Œ๋“œ๊ฐ€ ์žˆ๋‹ค.  ํ•จ์ˆ˜ ์ •์˜ ๋ฐ ํ˜ธ์ถœ ํ•จ์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜ ์ •์˜  var n; //ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ function sub1(x, y) { let s = x + y; return s; } //ํ•จ์ˆ˜ ํ˜ธ์ถœ n = sub1(10, 5); console.log(n); ํ•จ์ˆ˜ ํ‘œํ˜„์‹ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜ ์ •์˜ //ํ•จ์ˆ˜ ํ‘œํ˜„์‹ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ var sub2 = function(x, .. 2024. 4. 22.
(46) [JavaScript] 2์ผ JavaScript ๊ธฐ๋ณธ ๋‚ด์žฅ ํ•จ์ˆ˜ ๊ธฐ๋ณธ ๋‚ด์žฅ ํ•จ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ž์ฒด์ ์œผ๋กœ ๋ฏธ๋ฆฌ ์ •์˜๋œ ๋‚ด์žฅํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•œ๋‹ค.ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ํ•จ์ˆ˜ ์†์„ฑ์œผ๋กœ ์ œ๊ณตํ•œ๋‹ค.๊ฐ์ฒด์— ๋ถ™์ง€ ์•Š๊ณ  ์ „์—ญ์œผ๋กœ ํ˜ธ์ถœํ•˜๋Š” ํ•จ์ˆ˜๋กœ, ๋ฐ˜ํ™˜ ๊ฐ’์„ ํ˜ธ์ถœ์ž์—๊ฒŒ ๋ฐ”๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๋ฌธ์ž์—ด → ์ˆซ์ž๋กœ ๋ณ€ํ™˜ ํ•จ์ˆ˜ parseInt()๋ฌธ์ž์—ด ์ธ์ž์˜ ๊ตฌ๋ฌธ์„ ๋ถ„์„ํ•ด ํŠน์ • ์ง„์ˆ˜์˜ ์ •์ˆ˜๋ฅผ ๋ฐ˜ํ™˜parseFloat()๋ฌธ์ž์—ด์„ ๋ถ„์„ํ•ด ๋ถ€๋™์†Œ์ˆ˜์  ์‹ค์ˆ˜๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. Number()์ธ์ˆ˜๋ฅผ ใ……์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์—†์œผ๋ฉด NaN์„ ๋ฐ˜ํ™˜   ์ˆซ์ž๋กœ ๋ณ€ํ™˜:parseInt(),parseFloat()   ์ˆซ์ž๋กœ ๋ณ€ํ™˜ - Number()ํ•จ์ˆ˜    ์ˆซ์ž ํ™•์ธ ํ•จ์ˆ˜ isFinite()number๊ฐ€ ๋ฌดํ•œํ•œ ๊ฐ’์ธ์ง€ ํ™•์ธ, ์œ ํ•œ.. 2024. 4. 19.
(46) [JavaScript] 2์ผ JavaScript ๊ธฐ๋ณธ - 2 ์ž๋ฃŒํ˜• ๋ณ€ํ™˜ JavaScript๋Š” ๋™์  ํ˜• ์ง€์ • ์–ธ์–ด๋กœ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ ๋ฐ์ดํ„ฐ ํ˜•์„ ์ง€์ •ํ•  ํ•„์š”๊ฐ€ ์—†๋‹ค. ๋ฐ์ดํ„ฐํ˜•์ด ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ๋„์ค‘ ํ•„์š”์— ์˜ํ•ด ์ž๋™์œผ๋กœ ๋ณ€ํ™˜๋œ๋‹ค.   ํ˜• ๋ณ€ํ™˜   ์ƒ์ˆ˜ ์ƒ์ˆ˜๋Š” ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰ ์ค‘์—๋Š” ๋Œ€์ž…์„ ํ†ตํ•ด ๊ฐ’์„ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์žฌ ์„ ์–ธ๋ ์ˆ˜์—†์œผ๋ฉฐ, ์„ ์–ธ์‹œ ๊ฐ’์œผ๋กœ ์ดˆ๊ธฐํ™”ํ•ด์•ผ ํ•œ๋‹ค. ์ƒ์ˆ˜์— ๋Œ€ํ•œ ๋ฒ”์œ„ ๊ทœ์น™์€ let ๋ธ”๋ก ๋ฒ”์œ„ ๋ณ€์ˆ˜์™€ ๋™์ผํ•˜๋‹ค. const ํ‚ค์›Œ๋“œ๊ฐ€ ์ƒ๋žต๋œ ๊ฒฝ์šฐ์—๋Š”, ์‹๋ณ„์ž๋Š” ๋ณ€์ˆ˜๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฒƒ์œผ๋กœ ๊ฐ„์ฃผํ•œ๋‹ค. ์ƒ์ˆ˜๋Š” ๊ฐ™์€ ๋ฒ”์œ„์— ์žˆ๋Š” ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜์™€ ๋™์ผํ•œ ์ด๋ฆ„์œผ๋กœ ์„ ์–ธํ•  ์ˆ˜ ์—†๋‹ค.    ์ƒ์ˆ˜ - const  ๋ฆฌํ„ฐ๋„(Literal) ๋ฆฌํ„ฐ๋„์€ ๋ฐ์ดํ„ฐ ๊ทธ ์ž์ฒด๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, ๋ณ€์ˆ˜์— ๋„ฃ๋Š” ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ. ์Šค.. 2024. 4. 19.
(45) [JavaScript] 1์ผ JavaScript ๊ธฐ๋ณธ - 1 ํ”„๋กœ๊ทธ๋žจ ๊ธฐ๋ณธ JavaScript๋Š” ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ณ„ํ•˜๋ฉฐ ์œ ๋‹ˆ์ฝ” ๋ฌธ์ž ์…‹์„ ์ด์šฉํ•œ๋‹ค. JavaScript ์—์„œ๋Š” ๋ช…๋ น์„ ๋ช…๋ น๋ฌธ์ด๋ผ๊ณ  ๋ถ€๋ฅด๋ฉฐ, ์„ธ๋ฏธ์ฝœ๋ก (;)์œผ๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. ๋ช…๋ น๋ฌธ์ด ํ•œ ์ค„๋กœ ๊ตฌ์„ฑ๋œ ๊ฒฝ์šฐ ์„ธ๋ฏธ์ฝœ๋ก ์€ ์ƒ๋žต ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ํ•œ ์ค„์— ๋‘ ๊ฐœ ์ด์ƒ์˜ ๋ช…๋ น๋ฌธ์ด ์žˆ๋Š” ๊ฒฝ์šฐ ์ƒ๋žต ๋ถˆ๊ฐ€. ํ”„๋กœ๊ทธ๋žจ ๊ตฌ์„ฑ ์š”์†Œ ์š”์†Œ ์˜๋ฏธ ํ‚ค์›Œ๋“œ JavaScript ์ž์ฒด์— ๋ฏธ๋ฆฌ ์ •์˜๋œ ๋‹จ์–ด๋“ค๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฅธ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉ๋  ์ˆ˜ ์—†๋‹ค. ์‹๋ณ„์ž ์‹๋ณ„์ž๋Š” ์‚ฌ์šฉ์ž์— ์˜ํ•ด ์ •์˜๋˜๊ณ  ์‚ฌ์šฉ๋˜์–ด ์ง€๋Š” ๊ฒƒ์œผ๋กœ Object ๋ช…, ๋ณ€์ˆ˜ ๋ช…์ด๋‚˜ ํ•จ์ˆ˜๋ช… ๋“ฑ์„ ๋“ค ์ˆ˜ ์žˆ๋‹ค. ๋ฆฌํ„ฐ๋Ÿด ๋ฆฌํ„ฐ๋„์€ ๋ฐ์ดํ„ฐ ๊ทธ ์ž์ฒด๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, ์ฆ‰, ๋ณ€์ˆ˜์— ๋„ฃ๋Š” ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ(๊ฐ’)๋ฅผ ๋‚˜ํƒ€๋‚ธ๋‹ค. ์—ฐ์‚ฐ์ž ํ”„๋กœ๊ทธ๋žจ์—์„œ ์—ฐ์‚ฐ์„ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ๊ฒƒ์œผ๋กœ ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž, ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž,๋น„๊ต์—ฐ์‚ฐ์ž,๋Œ€์ž….. 2024. 4. 19.
(45) [JavaScript] 1์ผ JavaScript ๊ธฐ์ดˆ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)๋Š” ๊ฐœ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์›น ๋ธŒ๋ผ์šฐ์ € ๋‚ด์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋‹ค๋ฅธ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์˜ ๋‚ด์žฅ ๊ฐ์ฒด์—๋„ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. HTML ๋ฌธ์„œ์— ์ ์šฉ๋  ๋•Œ, ์›น์‚ฌ์ดํŠธ์ƒ์—์„œ `๋™์ ` ์ƒํ˜ธ ์ž‘์šฉ์„ฑ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” ์™„์ „ํ•œ ๋™์  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด. ํŠน์ง• ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™์ ์ด๋ฉฐ, ํƒ€์ž…์„ ๋ช…์‹œํ•  ํ•„์š”๊ฐ€ ์—†๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ์ง€ํ–ฅํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๋ชจ๋‘ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋ž€? ๊ธฐ์กด์— ์ด๋ฏธ ์กด์žฌํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด(์• ํ”Œ๋ฆฌ์ผ€์ด์…˜)๋ฅผ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•œ ์šฉ๋„๋กœ ์“ฐ์ด๋Š” ์–ธ์–ด ์ˆ˜์ •์ด ๋นˆ๋ฒˆํ•˜๊ฒŒ ๋ฐœ์ƒํ•˜๋Š” ๋ถ€๋ถ„์€ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ํ•œ ์ค„์”ฉ ์ฝ์–ด ๋ฐ”๋กœ ์‹คํ–‰ํ•˜๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ๋ฐฉ์‹์ด ์œ ๋ฆฌํ•˜๋ฏ€๋กœ, ์Šคํฌ๋ฆฝํŠธ .. 2024. 4. 18.