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

javascript๐Ÿช“/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€17

๊ฐ์ฒด์™€ ๋ฉ”์†Œ๋“œ ๊ฐ์ฒด์˜ ์ข…๋ฅ˜ ์‹คํ–‰๋ฌธ ์ž…๋ ฅ ํ˜•์‹ document.write('๋ฌธ์žฅ'); ๊ฐ์ฒด.๋ฉ”์†Œ๋“œ('์‹คํ–‰๋‚ด์šฉ'); ๋ˆ„๊ฐ€.์–ด๋–ป๊ฒŒ('๋ฌด์—‡์„'); documen๋Š” ๊ฐ์ฒด / .write ๋Š” ๋ฉ”์†Œ๋“œ ๊ฐ์ฒด์˜ ์ข…๋ฅ˜ ๋‚ด์žฅ๊ฐ์ฒด(๊ธฐ๋ณธ ๊ฐ์ฒด) - ์œˆ๋„์šฐ์— ๋‚ด์žฅ๋˜์–ด์žˆ๋Š” ๊ฐ์ฒด date์™€ math๋งŒ ์‹ค์Šต (์‹œ๊ฐ„์„ ์ง€์นญ, ๋ฌธ์ž๋ฅผ ์ง€์นญ, ์˜ˆ ์ปดํ“จํ„ฐ์— ๋‚ด์žฅ๋œ ๊ฐ์ฒด๊ฐ€ ์ž๋™์œผ๋กœ ์‹œ๊ฐ„์„ ์ฒดํฌ) ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด - document, window ๋“ฑ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์“ฐ์ด๋Š” ๊ฐ์ฒด (ํฌ๋กฌ, ์ต์Šคํ”Œ๋กœ์–ด ๊ฐ™์ด ๋ธŒ๋ผ์šฐ์ € ์•ˆ์— ๋‚ด์žฅ๋˜์–ด์žˆ๋Š” ๊ฐ์ฒด ์‚ฌ์šฉ์ž์ง€์ • ๊ฐ์ฒด - ์‚ฌ์šฉ์ž๊ฐ€ ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ฐ์ฒด 2022. 12. 28.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ false ํŒ์ • / ! false ํŒ์ • - 0, -0, '๋นˆ์นธ', NaN, undefined, false , null true ๋กœ ๋ณ€๊ฒฝ์‹œ ! ์‚ฌ์šฉ (๋ฐ˜๋Œ€๋กœ๋„ ์‚ฌ์šฉ๊ฐ€๋Šฅ) function test() { // ์„œ๋ธŒํŽ˜์ด์ง€์—์„œ ์‹คํ–‰ํ•˜๋ฉด ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ, ์กด์žฌ์—ฌ๋ถ€ ํŒ๋‹จํ•˜์—ฌ return if (!$('main_about .box').length) return; console.log($('main_about .box').offset().top); } test(); ๋นˆํŽ˜์ด์ง€์—์„œ ์Šคํฌ๋กค์„ ํ…Œ์ŠคํŠธํ•ด๋ณด์•˜๋‹ค. length ๊ฐ€ ์—†๋Š” false ์ƒํƒœ์ด๊ธฐ ๋•Œ๋ฌธ์— ์•„๋ฌด๊ฒƒ๋„ ๋‚˜์˜ค์ง€ ์•Š์œผ๋ฏ€๋กœ ! ๋ฅผ ์ค˜์„œ true ๋กœ ๋ฆฌํ„ด์‹œ์ผœ๋ผ . ์ฐธ๊ณ  : 10_ํŒŒํฌ์›(์Šคํฌ๋กค์• ๋‹ˆ๋ฉ”์ด์…˜,ํŽ˜์ด๋“œ์Šฌ๋ผ์ด๋”,์Šฌ๋ผ์ด๋“œ๋‚ด๋ถ€์• ๋‹ˆ๋ฉ”์ด์…˜) ๊ทธ๋Ÿผ false ์ƒํƒœ์—์„œ top ์„ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๊ณ  ๋‚˜์˜ค์ง€.. 2022. 10. 27.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜• ๋ฐ์ดํ„ฐํƒ€์ž… / ์—ฐ์‚ฐ์ž ์ข…๋ฅ˜ ๋ฐ์ดํ„ฐํ˜• ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€? ํ”„๋กœ๊ทธ๋žจ์ œ์ž‘์— ์“ฐ์ด๋Š” ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ ๊ธฐ๋ณธ์ž๋ฃŒํ˜• (๋ฐ์ดํ„ฐํƒ€์ž…) : ๋ณ€์ˆ˜์— ๋‹ด์„ ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•์„ ๋งํ•œ๋‹ค. 1. ๋ฌธ์ž์—ด string 1. ๋ฌธ์ž์—ด string ๋ฌธ์ž๋ฅผ ์‚ฌ์šฉํ• ๋•Œ '' ํ™‘๋”ฐ์Œํ‘œ์™€ ์‚ฌ์šฉ ,, ์‰ฝํ‘œ๋กœ ์—ฐ๊ฒฐ ์—ฐ์‚ฐ๊ฐ€๋Šฅ ๋ฌธ์ž์—ด ์•ˆ์— ๋”ฐ์Œํ‘œ๋ฅผ ์“ธ๋•Œ "test1", 'test1' ๊ฐ™์ด ๋‚ด๋ถ€์™€ ์™ธ๋ถ€ ๋‹ค๋ฅธ ๋”ฐ์Œํ‘œ ์‚ฌ์šฉ๊ฐ€๋Šฅ ์ด์Šค์ผ€์ดํ”„ ๋ฌธ์ž ํ™œ์šฉ (ํ•œ๊ฐ€์ง€ ๋”ฐ์˜ดํ‘œ๋กœ ์ผ๊ด€๋˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ณ ์‹ถ์„๋•Œ ๋”ฐ์˜ดํ‘œ ์•ž์— \ ์ž…๋ ฅ ๋ฌธ์ž ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ) var str = '๋ฌธ์ž'; ์ด์Šค์ผ€์ดํ”„ ๋ฌธ์ž ์ข…๋ฅ˜ \' ์ž‘์€๋”ฐ์˜ดํ‘œ \" ํฐ๋”ฐ์Œํ‘œ \\ ์—ญ์Šฌ๋ž˜์‰ฌ \n ์ค„ ๋ฐ”๊ฟˆ \r ์บ๋ฆฌ์ง€ ๋ฆฌํ„ด \t ์ˆ˜ํ‰ํƒญ \b ๋ฐฑ ์ŠคํŽ˜์ด์Šค \f ํผ ํ”ผ๋“œ 2. ์ˆซ์ž Number ์ •์ˆ˜์™€ ์œ ๋ฆฌ์ˆ˜์˜ ๊ตฌ๋ถ„ ์—†์ด ์ˆซ์ž๋ฅผ ์ €์žฅํ• ์ˆ˜ ์žˆ์Œ ์—ฐ์‚ฐ์ž๋ฅผ ์ด์šฉํ•ด ์‚ฌ์น™์—ฐ.. 2022. 10. 15.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋ž€? ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“ค๋•Œ ํ•„์š”ํ•œ ๋ฐ์ด์ปค, ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ์‹œ์Šคํ…œ , ๊ด€๋ฆฌ์ฒด๊ณ„ ๋ณ€์ˆ˜ ๋งŒ๋“ค๊ธฐ 1. ๋ณ€์ˆ˜ ์„ ์–ธํ•˜๊ธฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด์„ ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด ์ด๋ฆ„ ์ง€์ • var ๋ณ€์ˆ˜๋ช…; 2. ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™” ๋งŒ๋“ค์–ด์ง„ ๋ณ€์ˆ˜๋ฅผ ๋ฐ์ดํ„ฐ์— ๋‹ด๊ธฐ ๋ณ€์ˆ˜๋ช… = ๋ฐ์ดํ„ฐ; 3. ๋ณ€์ˆ˜์˜ ๋ณ€ํ˜•๊ณผ ์‚ฌ์šฉ ๋ฐ์ดํ„ฐ ๋ณ€๊ฒฝ์„ ์œ„ํ•ด ๋ฐ์ดํ„ฐ ๋ฐ”๊พธ๊ธฐ or ์ถ”๊ฐ€ ๋ฉ”์„œ๋“œ ํ•จ์ˆ˜ ์‚ฌ์šฉ 4. ํ”„๋กœ๊ทธ๋žจ ์™„์„ฑ ์™„์„ฑ ์ถœ๋ ฅํ•˜๊ธฐ ์˜ˆ์‹œ var num01 ; num01 = 5; var num01 = 5; console.log(num01); ๋ช…๋ น์–ด ๋ณ€์ˆ˜๋ช…; ๋ฉด์ˆ˜๋ช… = (๋Œ€์ž…์—ฐ์‚ฐ์ž) ๋ฐ์ดํ„ฐ ; ๊ฒฐ๊ณผ num01 = 5์ด๋‹ค console.log(num01); ํฌ๋กฌ์ถœ๋ ฅํ•˜๊ธฐ ๋ณ€์ˆ˜๋งŒ๋“ค๊ธฐ ์‘์šฉ ๊ฒฐ๊ณผ๊ฐ’ ํ’€์ด 1 var num01; num01=5; console.log(num01); 5.. 2022. 10. 15.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ์ง€์‹- ์šฉ์–ด,๋ฌธ์žฅ,์„œ์‹ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์›นํŽ˜์ด์ง€๋Š” 3 ๋ ˆ์ด์–ด๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‹ค. 1์ฐจ html ๋งˆํฌ์—… 2์ฐจ css ๋””์ž์ธ 3์ฐจ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋™์ ๊ตฌํ˜„ ์ž๋ฐ”์˜ ์šฉ์–ด ์ดํ•ดํ•˜๊ธฐ ์นดํŽ˜๋ผ๋–ผ ๋งŒ๋“ค๊ธฐ์— ๋น„์œ ํ•ด๋ณด์ž 1. ๋ผ๋–ผ์ปคํ”ผ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์žฌ๋ฃŒ๋ฐฉ - ๋ณ€์ˆ˜ 2. ์ปคํ”ผ ์˜ต์…˜์„ ๊ณ„์‚ฐํ•˜๊ธฐ ์œ„ํ•œ ๊ณ„์‚ฐ์‹ - ์—ฐ์‚ฐ์‹ 3. ์กฐ๊ฑด์— ๋งž๋Š” ๋ฐ˜๋ณต์ ์ธ ์ž‘์—…๋ฌธ - ์ œ์–ด๋ฌธ 4. ์ฃผ๋ฌธ๋ฒ„ํŠผ - ์‹คํ–‰๋ฌธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ์žฅ ๋งŒ๋“ค๊ธฐ ๋กœ๋ด‡์— ๋ช…๋ นํ•˜๋“ฏ์ด ๋‹จ๊ณ„๋ฅผ ๋‚˜๋ˆ„์–ด ํ•˜๋‚˜ํ•˜๋‚˜ ๋ช…๋ นํ•ด์•ผํ•œ๋‹ค. ์„ ์–ธ์‹ : var main = "text" ์˜ค๋ธŒ์ ํŠธ. ๋ฉ”์„œ๋“œ (); ์˜ค๋ธŒ์ ํŠธ. ์†์„ฑ; ์ด๋•Œ ๋ฉ”์„œ๋“œ์™€ ์†์„ฑ์˜ ์ž‘์„ฑ ๋ฐฉ์‹์ด ์กฐ๊ธˆ ๋‹ค๋ฅด๋‹ค. ๋ฉ”์„œ๋“œ์™€ ์†์„ฑ์€ ์ž‘์„ฑ๋ฐฉ๋ฒ• ๋ฉ”์„œ๋“œ ๊ฐ์ฒด(์˜ค๋ธŒ์ ํŠธ) . ๋ฉ”์„œ๋“œ (); ๋’ค์— (); ์†์„ฑ ๊ฐ์ฒด(์˜ค๋ธŒ์ ํŠธ) . ์†์„ฑ ; ; ๋ฌธ์žฅ์„ ๋๋‚ผ๋• ; ์‚ฌ์šฉ ๋งŒ๋“  ๋ฌธ์žฅ.. 2022. 10. 14.