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

๋ฉ”์„œ๋“œ6

์ œ์ด์ฟผ๋ฆฌ : ์†์„ฑ ๊ด€๋ จ ๋ฉ”์„œ๋“œ ์ œ์ด์ฟผ๋ฆฌ : ์†์„ฑ ๊ด€๋ จ ๋ฉ”์„œ๋“œ ์˜ค๋Š˜์€ JQuery์˜ ์ฃผ์š” ๋ฉ”์„œ๋“œ๋“ค ์ค‘, ์†์„ฑ๊ณผ ๊ด€๋ จ๋œ ๋ฉ”์„œ๋“œ๋ฅผ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. 1. attr() ๋ฉ”์„œ๋“œ ์„ ํƒํ•œ ์š”์†Œ์˜ attribute(์†์„ฑ)๋ฅผ ์„ ํƒ, ์ƒ์„ฑ, ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹คํ–‰ ๋ถ„๋ฅ˜ ํ˜•์‹ ์ทจ๋“ $("a").attr("href"); ์ƒ์„ฑ, ๋ณ€๊ฒฝ $("a").attr("href", "http://icoxpublish.com").attr("target", "_blank"); $("a").attr({href: "http://icoxpublish.com", target: "_blank"}); ์ฝœ๋ฐฑ ํ•จ์ˆ˜ $("a").attr("href", function(index, h) { // index๋Š” ๊ฐ a ์š”์†Œ์˜ index 0, 1, 2 // h๋Š” ๊ฐ a ์š”์†Œ href ์†.. 2022. 9. 4.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰ ๋ฉ”์„œ๋“œ : includes() ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰ ๋ฉ”์„œ๋“œ : includes() includes() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์˜ ํฌํ•จ ์—ฌ๋ถ€๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ, ๋ถˆ๋ฆฐ(true, false)์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๋ฐฐ์—ด์ด ํŠน์ • ์š”์†Œ๋ฅผ ํฌํ•จํ•˜๊ณ  ์žˆ๋Š”์ง€ ํŒ๋ณ„ํ•ฉ๋‹ˆ๋‹ค. includes() ๋ฉ”์„œ๋“œ ์ฐธ๊ณ ! includes() ๋ฉ”์„œ๋“œ๋Š” ๋Œ€/์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค. 1. "๋ฌธ์ž์—ด".includes("๊ฒ€์ƒ‰๊ฐ’") const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); const currentStr2 = str1.includes("j"); const currentStr3 = str1.includes("b"); ๊ฒฐ๊ณผ๋ณด๊ธฐ true true false 2. "๋ฌธ์ž์—ด".includes("๊ฒ€์ƒ‰๊ฐ’", ์œ„.. 2022. 8. 17.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : padStart() / padEnd() ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : padStart() / padEnd() padStart() / padEnd() ๋ฉ”์„œ๋“œ๋Š” ์ฃผ์–ด์ง„ ๊ธธ์ด์— ๋งž๊ฒŒ ์•ž / ๋’ค ๋ฌธ์ž์—ด์„ ์ฑ„์šฐ๊ณ , ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. padStart() ๋ฉ”์„œ๋“œ padStart() ๋ฉ”์„œ๋“œ๋Š” ํ˜„์žฌ ๋ฌธ์ž์—ด์˜ ์‹œ์ž‘์„ ๋‹ค๋ฅธ ๋ฌธ์ž์—ด๋กœ ์ฑ„์›Œ, ์ฃผ์–ด์ง„ ๊ธธ์ด๋ฅผ ๋งŒ์กฑํ•˜๋Š” ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ฑ„์›Œ๋„ฃ๊ธฐ๋Š” ๋Œ€์ƒ ๋ฌธ์ž์—ด์˜ ์‹œ์ž‘(์ขŒ์ธก)๋ถ€ํ„ฐ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. const str1 = "456"; const currentStr1 = str1.padStart(1, "0"); // ํ˜„์žฌ ๋ฌธ์ž์—ด์˜ ๊ธธ์ด๋ณด๋‹ค ์ž‘๋‹ค๋ฉด, ์ฑ„์›Œ๋„ฃ์ง€ ์•Š๊ณ  ๊ทธ๋Œ€๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. const currentStr2 = str1.padStart(2, "0"); const currentStr3 = str1.padStart.. 2022. 8. 17.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : split() ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : split() split() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์—์„œ ์›ํ•˜๋Š” ๊ฐ’์„ ์ถ”์ถœํ•˜์—ฌ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. split() ๋ฉ”์„œ๋“œ split() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์—์„œ ๊ตฌ๋ถ„์ž๊ฐ€ ๋“ฑ์žฅํ•˜๋ฉด, ํ•ด๋‹น ๋ถ€๋ถ„์„ ์‚ญ์ œํ•˜๊ณ  ๋‚จ์€ ๋ฌธ์ž์—ด์„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ๋ถ„์ž๊ฐ€ ๋“ฑ์žฅํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ์ƒ๋žต๋˜์—ˆ์„ ๊ฒฝ์šฐ, ๋ฐฐ์—ด์€ ์›๋ณธ ๋ฌธ์ž์—ด์„ ์œ ์ผํ•œ ์›์†Œ๋กœ ๊ฐ€์ง‘๋‹ˆ๋‹ค. 1. "๋ฌธ์ž์—ด".split(๊ตฌ๋ถ„์ž) const str1= "javascript reference" const currentStr1 = str1.split(''); const currentStr2 = str1.split(' '); const currentStr3 = str1.split('j'); const currentStr4 = str1.split('a'); const curr.. 2022. 8. 17.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : repeat() ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : repeat() repeat() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์„ ๋ณต์‚ฌํ•˜์—ฌ, ๋ณต์‚ฌํ•œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ์ด๋ฆ„ ๊ทธ๋Œ€๋กœ, ์„ ํƒํ•œ ๋ฌธ์ž์—ด์„ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค. repeat() ๋ฉ”์„œ๋“œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด, count ์•ˆ์— ๋ฌธ์ž์—ด์„ ๋ฐ˜๋ณตํ•  ํšŸ์ˆ˜(0๊ณผ ์–‘์˜ ๋ฌดํ•œ๋Œ€ ์‚ฌ์ด์˜ ์ •์ˆ˜)๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. str.repeat(count); const str1 = "javascript"; const currentStr1 = str1.repeat(0); const currentStr2 = str1.repeat(1); const currentStr3 = str1.repeat(2); ๊ฒฐ๊ณผ๋ณด๊ธฐ javascript javascriptjavascript 2022. 8. 17.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : trim() / toUpperCase() / toLowerCase() ๋ฌธ์ž์—ด ๋ณ€๊ฒฝ ๋ฉ”์„œ๋“œ : trim() / toUpperCase() / toLowerCase() trim() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์˜ ๊ณต๋ฐฑ์„ ์ œ๊ฑฐํ•ด ์ฃผ๊ณ , toUpperCase() / toLowerCase() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์„ ๋Œ€ / ์†Œ๋ฌธ์ž๋กœ ๋ณ€ํ™˜ํ•ด ์ค๋‹ˆ๋‹ค. ํ•˜๋‚˜์”ฉ ์‚ดํŽด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. trim() ๋ฉ”์„œ๋“œ trim() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด ์–‘ ๋์˜ ๊ณต๋ฐฑ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค. ๊ณต๋ฐฑ์ด๋ž€ ๋ชจ๋“  ๊ณต๋ฐฑ๋ฌธ์ž(space, tab, NBSP ๋“ฑ)์™€ ๋ชจ๋“  ๊ฐœํ–‰๋ฌธ์ž(LF, CR ๋“ฑ)๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. trimStart() ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์•ž ๊ณต๋ฐฑ, trimEnd() ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋’ค ๊ณต๋ฐฑ๋งŒ์„ ์ œ๊ฑฐํ•ด์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด ์ค‘๊ฐ„์˜ ๊ณต๋ฐฑ์€ ์ œ๊ฑฐํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. const str1 = " javascript " const currentStr1 =.. 2022. 8. 17.
728x90
๋ฐ˜์‘ํ˜•
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿฆ™

CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘