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

JavaScript11

์ฑ—GPT ๋กœ๋˜ ๋‹น์ฒจ๋ฒˆํ˜ธ ์˜ˆ์ธก lotto 1073ํšŒ ๋ถ„์„ 1034 26 31 32 33 38 40 11 1035 9 14 34 35 41 42 2 1036 2 5 22 32 34 45 39 1037 2 14 15 22 27 33 31 1038 7 16 24 27 37 44 2 1039 2 3 6 19 36 39 26 1040 8 16 26 29 31 36 11 1041 6 7 9 11 17 18 45 1042 5 14 15 23 34 43 4 1043 3 5 12 22 26 31 19 1044 12 17 20 26 28 36 4 1045 6 14 15 19 21 41 37 1046 7 16 25 29 35 36 28 1047 2 20 33 40 42 44 32 1048 6 12 17 21 32 39 30 1049 3 5 13 20 21 37 17 1050 6 .. 2023. 6. 23.
javascript classList.toggle๋กœ jquery addClass, removeClass, toggleClass ๊ตฌํ˜„ํ•˜๊ธฐ / ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ์˜์—ญ ํ™•์žฅ Javascript classList.toggle๋กœ jQuery addClass, removeClass, toggleClass ๊ตฌํ˜„ํ•˜๊ธฐ / ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ์˜์—ญ ํ™•์žฅ ์„œ๋ก  Javascript์™€ React์—์„œ ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ๋‚ด์šฉ์ด ํ™•์žฅ๋˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ jQuery๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ„๋‹จํ•˜์ง€๋งŒ, React์—์„œ๋Š” ๋ถˆํŽธํ•จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์šฐ๋ฆฌ๋Š” ref์™€ useState๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋” ๊ฐ„ํŽธํ•˜๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” classList.toggle ๋ฉ”์„œ๋“œ๋ฅผ ํ™œ์šฉํ•˜์—ฌ jQuery์˜ addClass, removeClass, toggleClass๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ์˜์—ญ์„ ํ™•์žฅํ•˜๋Š” ์˜ˆ์ œ๋„ ํ•จ๊ป˜ ์ œ์‹œํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. class.. 2022. 11. 2.
-์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ link Canonical javascript createElement appendChild window.location.href ๊ฒฐ๋ก ๋ถ€ํ„ฐ ๋งํ•˜์ž๋ฉด ์‚ฝ์งˆ์ด๋‹ค.์–ด๋Š๋‚  ๊ฐ‘์ž๊ธฐ ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ๊ด‘๊ณ ๊ฐ€ ๋œจ์ง€ ์•Š๊ธธ๋ž˜ ํ™•์ธํ•ด ๋ณด๋‹ˆ ๊ฐœ์ธ๋„๋ฉ”์ธ์œผ๋กœ ์„ค์ •๋œ ๋ฌด๋ฃŒ ๋„๋ฉ”์ธ์˜ ๋ฃจํŠธ ๋„๋ฉ”์ธ์—์„œ ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์ •์ฑ… ์œ„๋ฐ˜์ด ๋–ด๋‹ค.๋ฌด๋ฃŒ ๋„๋ฉ”์ธ์€ ๋‚ด๋„๋ฉ”์ธ.ํ•œ๊ตญ ์˜ ์ฃผ์†Œ๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.์ด๊ฒŒ ํ•ด๊ฒฐ์ด ์•ˆ๋˜๋ฉด ๊ด‘๊ณ ๋ฅผ ๊ฒŒ์žฌํ•  ์ˆ˜๊ฐ€ ์—†๋‹จ๋‹ค.๋‚œ๊ฐํ•˜๊ฒŒ๋„...์ด ๋„๋ฉ”์ธ ์ฃผ์†Œ๋กœ ๋„ค์ด๋ฒ„ ์œ ์ž…์ด ์ œ๋ฒ• ์žˆ๋‹ค.๊ทธ๋ž˜์„œ ํ˜น์‹œ๋‚˜ 301 redirection์ด๋ผ๋„ ์จ ๋ณผ๊นŒ ํ–ˆ์ง€๋งŒ ๊ทธ๋Ÿด ๋ฐฉ๋ฒ•์ด ์ „ํ˜€ ์—†๋‹ค.๋ˆ์„ ์“ฐ๋ฉด ๊ฐ€๋Šฅํ•˜๊ฒ ์ง€๋งŒ...์ผ๋‹จ ์ƒˆ๋กœ ํ˜ธ์ŠคํŒ…์„ ๋ฐ›์ง€ ์•Š๋Š”๋‹ค๋Š” ์ „์ œ ํ•˜์— ๊ทธ๋ ‡๋‹ค.๊ทธ๋ž˜์„œ ๊ถ๋ฆฌํ•œ ๊ฒƒ์ด ๋‚ด ๋„๋ฉ”์ธ ํ•œ๊ตญ์˜ ๋‹จ์ผํŽ˜์ด์ง€ ์ˆ˜์ •์—์„œ Canonical๋ฅผ ์„ค์ •ํ•ด์ฃผ๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ location.href๋กœ ๋ฆฌ๋‹ค์ด๋ ‰์…˜์„ ๊ฑธ์–ด์„œ ์˜ฎ๊ธฐ๋Š” ๋ฐฉ๋ฒ•์„ ์ƒ๊ฐํ•ด ๋ดค๋‹ค.๊ฒฐ๊ณผ๋Š” ์•ž์„œ ๋งํ•œ ๋ฐ๋กœ ์‚ฝ์งˆ์ด๊ณ  ์‹คํŒจ๋‹ค.๋ฌผ๋ก  ํ›Œ.. 2019. 8. 26.
[javascript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ rgb ์ƒ‰์ƒํ‘œ ์ถœ๋ ฅํ•˜๊ธฐ html rgb์ƒ‰์ƒ ์ฝ”๋“œํ‘œ ๋งŒ๋“ค๊ธฐ โœˆ[javascript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ rgb ์ƒ‰์ƒํ‘œ ์ถœ๋ ฅํ•˜๊ธฐ html rgb์ƒ‰์ƒ ์ฝ”๋“œํ‘œ ๋งŒ๋“ค๊ธฐ RGB์ƒ‰์ƒ ์ฝ”๋“œ๋Š” rgb(255,255,255)๋‚˜ # FF FF FF ์™€ ๊ฐ™์ด ํ”ํžˆ ํ‘œํ˜„๋˜๋Š”๋ฐ, ์‚ฌ์‹ค์€ ์ปดํ“จํ„ฐ๋Š” 2์ง„์ˆ˜๋งŒ ์ดํ•ดํ•œ๋‹ค. FF๋“  255๋“  ์‚ฌ๋žŒ์ด ๋ณด๊ธฐ ํŽธํ•˜๋ผ๊ณ  ํ‘œํ˜„ํ•œ ํ˜•์‹์ด๋‹ค. ์•„๋ฌดํŠผ ์ปดํ“จํ„ฐ๋Š” ์ด ์ฝ”๋“œ๋ฅผ ์˜ฅํ…Ÿ[Octet]๋‹จ์œ„๋กœ ๋Š์–ด์„œ ์ดํ•ดํ•œ๋‹ค. ์˜ฅํ…Ÿ์ด๋ž€? ์˜ฅํ…Ÿ์ด๋ž€ 8๊ฐœ์˜ ํ•œ ๋ฌถ์Œ์ด๋‹ค. ๋‹ฌ๋ฆฌํ‘œํ˜„ํ•˜์ž๋ฉด ๋ฐ”์ดํŠธ์ฏค ๋˜๊ฒ ์ง€๋งŒ ์กฐ๊ธˆ์€ ๋‰˜์•™์Šค๊ฐ€ ๋‹ค๋ฅธ ๊ฐœ๋…์ด๋‹ค. ์ฒซ๋ฒˆ์งธ ์˜ฅํ…Ÿ์€ R, ์ฆ‰ RED๋ฅผ ๋œปํ•˜๊ณ , ๋‘๋ฒˆ์งธ ์˜ฅํ…Ÿ์€ G, ์ฆ‰ Green์„ ๋œปํ•˜๊ณ  ์„ธ๋ฒˆ์งธ ์˜ฅํ…Ÿ์€ B, ์ฆ‰ Blue๋ฅผ ๋œปํ•œ๋‹ค. ์ด ๊ฐ ์˜ฅํ…Ÿ์—์„œ ์ด ์„ธ๊ฐ€์ง€ ์ƒ‰์ƒ์˜ ๋น›์˜ ์ •๋„๋ฅผ ํ‘œํ˜„ํ•œ๋‹ค. 0์ด๋ฉด ๋ถˆ์ด ๊บผ์ ธ์žˆ์œผ๋‹ˆ ์–ด๋‘์šด๊ฒƒ์ด ๋˜๊ณ , ๋ชจ๋‘ 1๋กœ ์ฑ„์›Œ์ง€๋ฉด ๊ทธ๋งŒํผ ๋ฐ.. 2019. 7. 12.
โœˆ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ onresize ์ด๋ฒคํŠธ ์ฐฝํฌ๊ธฐ ๋ณ€๊ฒฝ ๊ฐ์ง€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ onresize ์ด๋ฒคํŠธ ์ฐฝํฌ๊ธฐ ๋ณ€๊ฒฝ ๊ฐ์ง€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ onresize ์ด๋ฒคํŠธ ์ฐฝ์˜ ํฌ๊ธฐ๊ฐ€ ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค ๊ทธ ๊ฒƒ(์ด๋ฒคํŠธ)์„ ๊ฐ์ง€ํ•ด์„œ ํŠน์ • ์ฒ˜๋ฆฌ๋ฅผ ํ•ด์•ผ ๋  ๋•Œ ๋Š˜ onresize ์ด๋ฒคํŠธ๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize ์ด๋ฒคํŠธ๋ฅผ ์ ์šฉ๊ฐ€๋Šฅํ•œ ์—˜๋ ˆ๋ฉ˜ํŠธ๋Š” window ๊ฐ์ฒด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‹ค์Œ์˜ ๊ฐ์ฒด๋“ค์—๋„ ์ ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. A, ADDRESS, APPLET, B, BIG, BL.. 2019. 7. 4.