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

Lect & Tip/javascript, jQuery33

[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.
jQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between ๐Ÿ“ŒjQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between 1๋ฒˆ๋ถ€ํ„ฐ 10๋ฒˆ๊นŒ์ง€ ํ˜•์ œ ์š”์†Œ๋“ค์ด ์žˆ์„ ๋•Œ ์ด ์ค‘์—์„œ 2๋ฒˆ๋ถ€ํ„ฐ 5๋ฒˆ๊นŒ์ง€๋งŒ ์„ ํƒํ•ด์„œ jquery๋กœ ๋™์ž‘์„ ์‹œํ‚ค๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ๋ฐ”๋กœ jquery slice()ํ•จ์ˆ˜๋‹ค. ์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. $('selector').slice(2,5).addClass('newClass'); ์ด์™€ ๊ฐ™์ด ์‹คํ–‰ํ•˜๋ฉด, ์„ ํƒ๋œ ์š”์†Œ๋“ค์—์„œ eq(2),eq(3),eq(4),eq(5) ๊ฐ€ ์„ ํƒ๋˜์–ด์„œ addClassํ•จ์ˆ˜์— ์˜ํ•ด 'newClass'๋ผ๋Š” ํด๋ž˜์Šค๋ช…์ด ๋ถ€์—ฌ๋œ๋‹ค. 2019. 6. 24.