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

๋ฌธ์ž์—ด๋ฉ”์„œ๋“œ7

[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - includes() ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : includes() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ includes()์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. includes() ๋ฌธ์ž์—ด ํฌํ•จ ์—ฌ๋ถ€๋ฅผ ๊ฒ€์ƒ‰ํ•ด์„œ ๋ถˆ๋ฆฐ(true/false)์œผ๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. "๋ฌธ์ž์—ด".includes(๊ฒ€์ƒ‰๊ฐ’) "๋ฌธ์ž์—ด".includes(๊ฒ€์ƒ‰๊ฐ’, ์‹œ์ž‘๊ฐ’) ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); // true : ํฌํ•จ๋จ const currentStr2 = str1.includes("j"); // true const currentStr3 = str1.includes("b"); // false : ํฌํ•จ๋˜์ง€ ์•Š์Œ const currentStr4 = s.. 2022. 8. 17.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - repeat() ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : repeat() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ repeat()์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. repeat() ๋ฌธ์ž์—ด์„ ๋ณต์‚ฌํ•˜์—ฌ ๋ณต์‚ฌํ•œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. ์ฆ‰, ๋‹จ์ˆœ ๋ฐ˜๋ณต ๊ธฐ๋Šฅ์ด๋‹ค. str1.repeat(๋ฐ˜๋ณต ํšŸ์ˆ˜); ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript"; const currentStr1 = str1.repeat(0); //์•„๋ฌด๊ฒƒ๋„ ์ถœ๋ ฅ๋˜์ง€ ์•Š์Œ const currentStr2 = str1.repeat(1); //javascript const currentStr3 = str1.repeat(2); //javascriptjavascript 2022. 8. 17.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - concat() ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : concat() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ concat()์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. concat() ๋‘˜ ์ด์ƒ์˜ ๋ฌธ์ž์—ด์„ ๊ฒฐํ•ฉํ•ด ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. //"๋ฌธ์ž์—ด".concat(๋ฌธ์ž์—ด) : "๋ฌธ์ž์—ด" + "๋ฌธ์ž์—ด" ์ถ”๊ฐ€๋จ //"๋ฌธ์ž์—ด".concat(๋ฌธ์ž์—ด, ๋ฌธ์ž์—ด, …) : ๋ฌดํ•œ์œผ๋กœ ์ถ”๊ฐ€ ๊ฐ€๋Šฅํ•จ ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript"; const currentStr1 = str1.concat("reference"); // javascriptreference const currentStr2 = str1.concat(" ", "reference"); // javascript reference const currentStr3 = str1.concat(",.. 2022. 8. 17.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - replace() & replaceAll() ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : replace() / replaceAll() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ replace()์™€ replaceAll()์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. replace() / replaceAll() ์–ด๋–ค ํŒจํ„ด์— ์ผ์น˜ํ•˜๋Š” ์ผ๋ถ€ ๋˜๋Š” ๋ชจ๋“  ๋ถ€๋ถ„์ด ๊ต์ฒด๋œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๋ฌธ์ž์—ด์„ ๋ถ€๋ถ„ ๋ฌธ์ž๋กœ ๊ตฌ๋ถ„ํ•˜๊ณ  ๋ฌธ์ž์—ด๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. Visual Studio Code์˜ replace ๊ธฐ๋Šฅ์„ ๋– ์˜ฌ๋ฆฌ๋ฉด ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šธ ๊ฒƒ. //"๋ฌธ์ž์—ด".replace(์ฐพ์„ ๋ฌธ์ž์—ด, ๋ณ€๊ฒฝํ•  ๋ฌธ์ž์—ด) //"๋ฌธ์ž์—ด".replace(์ •๊ทœ์‹) //"๋ฌธ์ž์—ด".replace(์ •๊ทœ์‹, ๋ณ€๊ฒฝํ•  ๋ฌธ์ž์—ด) replaceAll์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์•„๋ž˜ ์˜ˆ์‹œ ์ฝ”๋“œ ๋ฐ‘์˜ ์ฃผ์„ ์ฐธ๊ณ ํ•  ๊ฒƒ. ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript r.. 2022. 8. 17.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - split() ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : split() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ split()์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. split() ๋ฌธ์ž์—ด์—์„œ ์›ํ•˜๋Š” ๊ฐ’์„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. split('') ๋”ฐ์˜ดํ‘œ ์•ˆ์— ์•„๋ฌด๊ฒƒ๋„ ์•ˆ ์“ธ ๊ฒฝ์šฐ ๋ชจ๋“  ๋ฌธ์ž์—ด์ด ํ•œ ๊ธ€์ž์”ฉ ์ชผ๊ฐœ์ ธ ๋‚˜์˜ค๋ฉฐ ๋”ฐ์˜ดํ‘œ ์•ˆ์— ๋ฌธ์ž์—ด์— ํฌํ•จ๋œ ๋‚ด์šฉ์„ ์“ธ ๊ฒฝ์šฐ ํ•ด๋‹น ๋‚ด์šฉ๋งŒ ์ง€์›Œ์ง„ ์ฑ„ ์ถœ๋ ฅ๋œ๋‹ค. // "๋ฌธ์ž์—ด".split(๊ตฌ๋ถ„์ž); // "๋ฌธ์ž์—ด".split(์ •๊ทœ์‹ ํ‘œํ˜„); // "๋ฌธ์ž์—ด".split(๊ตฌ๋ถ„์ž, ์ œํ•œ(๊ฐœ์ˆ˜์„ค์ •)); ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', '.. 2022. 8. 17.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - indexOf() & lastIndexOf() ์•Œ์•„๋ณด๊ธฐ ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : indexOf() / lastIndexOf() ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ indexOf์™€ lastIndexOf์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. indexOf() ๋ฌธ์ž์—ด์—์„œ ํŠน์ • ๋ฌธ์ž์—ด์˜ ์ฒซ๋ฒˆ์งธ๋กœ ์‹œ์ž‘๋˜๋Š” ์œ„์น˜๋ฅผ ์•ž์—์„œ๋ถ€ํ„ฐ ์ฐพ๊ณ , ๊ทธ ์œ„์น˜๋ฅผ ์ˆซ์ž๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. "๋ฌธ์ž์—ด".indexOf(๊ฒ€์ƒ‰๊ฐ’) "๋ฌธ์ž์—ด".indexOf(๊ฒ€์ƒ‰๊ฐ’, ์œ„์น˜๊ฐ’) ์ฐพ๋Š” ๋ฌธ์ž์—ด์ด ์—†์œผ๋ฉด -1์„ ๋ฆฌํ„ด(์ถœ๋ ฅ)ํ•œ๋‹ค. ๋ฌธ์ž์—ด์„ ์ฐพ์„ ๋•Œ ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•œ๋‹ค. ์ฝ”๋“œ ๋ณด๊ธฐ const str1 = "javascript reference"; const currentStr1 = str1.indexOf("javascript"); // 0 : ์‹œ์ž‘์œ„์น˜๋ฅผ ์˜๋ฏธํ•จ const currentStr2 = str1.indexOf("referen.. 2022. 8. 16.
[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์•Œ์•„๋ณด๊ธฐ ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ ๊ฐ€์žฅ ๋งŽ์ด ์“ฐ์ด๋Š” slice() / substring() / substr()์— ๋Œ€ํ•œ ์„ค๋ช…์ž…๋‹ˆ๋‹ค. ์–ผํ•๋ณด๋ฉด ๋น„์Šทํ•ด ๋ณด์ด๋Š” ์ด 3๊ฐ€์ง€์—๋„ ๊ฝค๋‚˜ ํฐ ์ฐจ์ด์ ์ด ์กด์žฌํ•˜๋Š”๋ฐ์š” ์ด์— ๋Œ€ํ•ด์„œ ๊นŠ๊ฒŒ ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜์ฃ . slice() / substring() / substr() ๋ฌธ์ž์—ด์—์„œ ์›ํ•˜๋Š” ๊ฐ’์„ ์ถ”์ถœํ•ด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ด๋‹ค. ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์€ ์•„๋ž˜ ๋ฐ•์Šค ์ฐธ์กฐ. "๋ฌธ์ž์—ด".slice(์‹œ์ž‘์œ„์น˜) "๋ฌธ์ž์—ด".slice(์‹œ์ž‘์œ„์น˜, ๋๋‚˜๋Š” ์œ„์น˜) // ์‹œ์ž‘์œ„์น˜์˜ ๊ฐ’์€ ๋๋‚˜๋Š” ์œ„์น˜์˜ ๊ฐ’๋ณด๋‹ค ์ž‘์•„์•ผ ํ•œ๋‹ค. // substring() ์‹œ์ž‘๊ฐ’์ด ๋๋‚˜๋Š” ๊ฐ’๋ณด๋‹ค ํด ๊ฒฝ์šฐ ๋‘ ๊ฐ’์„ ๋ฐ”๊ฟ”์„œ ์ฒ˜๋ฆฌ(์—๋Ÿฌ ๋ฐฉ์ง€) "๋ฌธ์ž์—ด".substr(์‹œ์ž‘์œ„์น˜) .. 2022. 8. 16.
๋ฐ˜์‘ํ˜•

Reference Book

JavaScript
HTML
CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘์ž…๋‹ˆ๋‹ค.