{"id":748,"date":"2002-12-27T06:54:55","date_gmt":"2002-12-27T06:54:55","guid":{"rendered":"http:\/\/dev.jblove.net\/?p=748"},"modified":"2002-12-27T06:54:55","modified_gmt":"2002-12-27T06:54:55","slug":"%ec%83%89%ec%83%81%ea%b3%a0%eb%a5%b4%ea%b8%b0-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8","status":"publish","type":"post","link":"https:\/\/jblove.net\/?p=748","title":{"rendered":"\uc0c9\uc0c1\uace0\ub974\uae30 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8"},"content":{"rendered":"

\uae00\uc4f4\uc774:Javascript <\/p>\n

\uc0c9\uc0c1\uace0\ub974\uae30 \uc785\ub2c8\ub2e4.
\n\uc775\uc2a46\uc5d0\uc11c\ub9cc \ud14c\uc2a4\ud2b8\ud574\ubd24\uc2b5\ub2c8\ub2e4.
\n\ub137\uc2a47\uc5d0\uc120 \uc548\ub3cc\uc544\uac14\uc2b5\ub2c8\ub2e4. \uc2e4\ub825\uc774 \uc5c6\uc5b4\uc11c\uc694..
\n\uc2ac\ub77c\uc774\ub4dc \ubd80\ubd84\ub9cc \ub5bc\ub124\uc11c \uc2ac\ub77c\uc774\ub4dc\ubc14 \ucee8\ud2b8\ub864\ub85c \uc4f8\uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc5d0\ub514\ud130 \ub20c\ub7ec\uc11c \uc5d0\ub514\ud130 \ucf20\ub2e4\uc74c
\n\uc544\ub798\uc758 \uc18c\uc2a4\ub97c \ubcf5\uc0ac\ud574\uc11c \ubd99\uc5ec\ub123\uc740\ub2e4\uc74c \uc800\uc7a5\ud574\uc11c \ubcf4\uc138\uc5ec..\u314b\u314b<\/p>\n


\n
\nColorSet<\/title><\/p>\n<style>\n*{padding:0;margin:0;border:0;font-size:12px;font-family:tahoma;}<br \/>\nbody{padding:10;background-color:#c0c0c0;}<\/p>\n<p>.vtrack{width:271;height:16;border:1px solid #000000;border-color:#7f7f7f #ececec #ececec #7f7f7f;background-color:#c0c0c0;} \/* \uac00\uc0c1 \ud2b8\ub799 *\/<br \/>\n.btn{position:relative;top:0;left:0;width:12;height:12;border:1px solid #000000;border-color:#ececec #7f7f7f #7f7f7f #ececec;background-color:#c0c0c0;} \/* \ubc84\ud2bc *\/<br \/>\n.pram{font-size:9px;} \/* \uc218\uce58 \ud14d\uc2a4\ud2b8 *\/<br \/>\n.colorView{width:50;height:50;border:1px solid #000000;background-color:000000;} \/* \ubbf8\ub9ac\ubcf4\uae30 *\/<br \/>\n<\/style>\n<p><script language=\"javascript\"><\/p>\n<p>var isMouseDown = false; \/\/\ub9c8\uc6b0\uc2a4\uac00 \ub20c\ub838\ub294\uc9c0 \uc800\uc7a5<br \/>\nvar elemnt; \/\/\uc774\ub3d9\ud560 \uc5d8\ub9ac\uba3c\ud2b8<br \/>\nvar setColor; \/\/\uc774\ub3d9\ud560 \uc5d8\ub9ac\uba3c\ud2b8<br \/>\nvar downX, downY; \/\/\ub9c8\uc6b0\uc2a4\uac00 \ub20c\ub824\uc9c4 \uc704\uce58<br \/>\nvar hexChars = \"0123456789ABCDEF\"; \/\/10\uc9c4\uc218>16\uc9c4\uc218 \ubcc0\ud658\uc5d0 \uc4f8 \ubb38\uc790\uc5f4<\/p>\n<p>function getHex(dec) \/\/10\uc9c4\uc218 16\uc9c4\uc218 \ubcc0\ud658<br \/>\n{<br \/>\ntemp1 = dec % 16; \/\/16\uc73c\ub85c \ub098\ub208 \ub098\uba38\uc9c0 \uc800\uc7a5<br \/>\ntemp2 = (dec - temp1) \/ 16;<br \/>\ntemp3 = hexChars.charAt(temp2) + hexChars.charAt(temp1);<br \/>\n\/\/\uac01 \uc704\uce58\uc758 \ubb38\uc790\uc5f4 \uacb0\ud569<br \/>\nreturn temp3; \/\/16\uc9c4\uc218 \ubc18\ud658<br \/>\n}<\/p>\n<p>function mDrag() \/\/\ub9c8\uc6b0\uc2a4\uac00 \ub20c\ub9ac\uace0 \ub098\uc11c \uc2e4\uc81c\ub85c \uc774\ub3d9<br \/>\n{<br \/>\nif(isMouseDown && 0 <= (afterX + event.clientX - downX) && 255 >= (afterX + event.clientX - downX)) \/\/\ub9c8\uc6b0\uc2a4\uac00 \ub20c\ub838\ub2e4\uba74<br \/>\n{<br \/>\nelemnt.style.left = afterX + event.clientX - downX;<br \/>\n\/\/\ub4dc\ub798\uadf8\uc804 \uc5d8\ub9ac\uba3c\ud2b8 X\uc88c\ud45c+\ud604\uc7ac \ub9c8\uc6b0\uc2a4X\uc88c\ud45c-\ub4dc\ub798\uadf8\uc804 \ub9c8\uc6b0\uc2a4 \ub20c\ub9b0 X\uc88c\ud45c<br \/>\nif(setColor == \"setRed\") document.getElementById('setRed').innerHTML = afterX + event.clientX - downX; \/\/\ub808\ub4dc \uc218\uce58 innerHTML<br \/>\nif(setColor == \"setGreen\") document.getElementById('setGreen').innerHTML = afterX + event.clientX - downX; \/\/\uadf8\ub9b0 \uc218\uce58 innerHTML<br \/>\nif(setColor == \"setBlue\") document.getElementById('setBlue').innerHTML = afterX + event.clientX - downX; \/\/\ube14\ub8e8 \uc218\uce58 innerHTML<br \/>\ndocument.getElementById('colorView').style.backgroundColor =<br \/>\ngetHex(document.getElementById('setRed').innerHTML) + <br \/>\ngetHex(document.getElementById('setGreen').innerHTML) + <br \/>\ngetHex(document.getElementById('setBlue').innerHTML);<br \/>\n\/\/\ubbf8\ub9ac\ubcf4\uae30 \ubc30\uacbd\uc0c9\uc744 RGB16\uc9c4\uc218\ub85c \ubcc0\uacbd<br \/>\n}<br \/>\nif(isMouseDown && 0 > (afterX + event.clientX - downX)) \/\/0\ubc11<br \/>\n{<br \/>\nelemnt.style.left = \"0\";<br \/>\n\/\/\ub4dc\ub798\uadf8\uc804 \uc5d8\ub9ac\uba3c\ud2b8 X\uc88c\ud45c+\ud604\uc7ac \ub9c8\uc6b0\uc2a4X\uc88c\ud45c-\ub4dc\ub798\uadf8\uc804 \ub9c8\uc6b0\uc2a4 \ub20c\ub9b0 X\uc88c\ud45c<br \/>\nif(setColor == \"setRed\") document.getElementById('setRed').innerHTML = 0; \/\/\ub808\ub4dc \uc218\uce58 innerHTML<br \/>\nif(setColor == \"setGreen\") document.getElementById('setGreen').innerHTML = 0; \/\/\uadf8\ub9b0 \uc218\uce58 innerHTML<br \/>\nif(setColor == \"setBlue\") document.getElementById('setBlue').innerHTML = 0; \/\/\ube14\ub8e8 \uc218\uce58 innerHTML<br \/>\ndocument.getElementById('colorView').style.backgroundColor =<br \/>\ngetHex(document.getElementById('setRed').innerHTML) + <br \/>\ngetHex(document.getElementById('setGreen').innerHTML) + <br \/>\ngetHex(document.getElementById('setBlue').innerHTML);<br \/>\n\/\/\ubbf8\ub9ac\ubcf4\uae30 \ubc30\uacbd\uc0c9\uc744 RGB16\uc9c4\uc218\ub85c \ubcc0\uacbd<br \/>\n}<br \/>\nif(isMouseDown && 255 < (afterX + event.clientX - downX)) \/\/255\uc704<br \/>\n{<br \/>\nelemnt.style.left = \"255\";<br \/>\n\/\/\ub4dc\ub798\uadf8\uc804 \uc5d8\ub9ac\uba3c\ud2b8 X\uc88c\ud45c+\ud604\uc7ac \ub9c8\uc6b0\uc2a4X\uc88c\ud45c-\ub4dc\ub798\uadf8\uc804 \ub9c8\uc6b0\uc2a4 \ub20c\ub9b0 X\uc88c\ud45c<br \/>\nif(setColor==\"setRed\") document.getElementById('setRed').innerHTML = 255; \/\/\ub808\ub4dc \uc218\uce58 innerHTML<br \/>\nif(setColor==\"setGreen\") document.getElementById('setGreen').innerHTML = 255; \/\/\uadf8\ub9b0 \uc218\uce58 innerHTML<br \/>\nif(setColor==\"setBlue\") document.getElementById('setBlue').innerHTML = 255; \/\/\ube14\ub8e8 \uc218\uce58 innerHTML<br \/>\ndocument.getElementById('colorView').style.backgroundColor =<br \/>\ngetHex(document.getElementById('setRed').innerHTML) + <br \/>\ngetHex(document.getElementById('setGreen').innerHTML) + <br \/>\ngetHex(document.getElementById('setBlue').innerHTML);<br \/>\n\/\/\ubbf8\ub9ac\ubcf4\uae30 \ubc30\uacbd\uc0c9\uc744 RGB16\uc9c4\uc218\ub85c \ubcc0\uacbd<br \/>\n}<br \/>\nreturn false;<br \/>\n}<\/p>\n<p>function mDown() \/\/\ubc84\ud2bc \uc62e\uae38 \uc900\ube44<br \/>\n{<br \/>\nif(event.srcElement.className == \"btn\") \/\/\uc5d8\ub9ac\uba3c\ud2b8 \ud074\ub798\uc2a4\uac00 btn\uc774\ub77c\uba74<br \/>\n{<br \/>\nisMouseDown = true; \/\/\ub9c8\uc6b0\uc2a4\uac00 \ub20c\ub9b0\uac83\uc73c\ub85c \uc800\uc7a5<br \/>\nelemnt = event.srcElement; \/\/elemnt\uc5d0 \ub20c\ub9b0 \uc5d8\ub9ac\uba3c\ud2b8 \uc800\uc7a5<br \/>\nafterX = elemnt.style.pixelLeft; \/\/\ub4dc\ub798\uadf8\uc804 \uc5d8\ub9ac\uba3c\ud2b8 X\uc88c\ud45c\ub97c afterX\uc5d0 \uc800\uc7a5<br \/>\ndownX = event.clientX; \/\/\ub4dc\ub798\uadf8\uc804 \ub9c8\uc6b0\uc2a4 \ub20c\ub9b0 X\uc88c\ud45c\ub97c downX\uc5d0 \uc800\uc7a5<br \/>\nsetColor = event.srcElement.getAttribute('handlefor'); \/\/setColor\uc5d0 handlefor \uc560\ud2b8\ub9ac\ubdf0\ud2b8 \uc800\uc7a5<br \/>\ndocument.onmousemove = mDrag; \/\/mDrag \ud578\ub4e4\ub7ec<br \/>\n} <br \/>\n}<\/p>\n<p>document.onmousedown = mDown; \/\/\ub3c4\ud050\uba3c\ud2b8 \ub9c8\uc6b0\uc2a4 \ub20c\ub9ac\uba74 mDown\ud578\ub4e4\ub7ec<br \/>\ndocument.onmouseup = new Function(\"isMouseDown=false\");<br \/>\n\/\/\ub9c8\uc6b0\uc2a4 \uc5c5<\/p>\n<p><\/script><br \/>\n<\/head><br \/>\n<body><\/p>\n<p><span class=\"vtrack\"><img decoding=\"async\" src=\"http:\/\/nzeo.com\/images\/t.gif\" class=\"btn\" handlefor=\"setRed\"><\/span> RED : <font id=\"setRed\" class=\"pram\">0<\/font><\/p>\n<p><span class=\"vtrack\"><img decoding=\"async\" src=\"http:\/\/nzeo.com\/images\/t.gif\" class=\"btn\" handlefor=\"setGreen\"><\/span> GREEN : <font id=\"setGreen\" class=\"pram\">0<\/font><\/p>\n<p><span class=\"vtrack\"><img decoding=\"async\" src=\"http:\/\/nzeo.com\/images\/t.gif\" class=\"btn\" handlefor=\"setBlue\"><\/span> BLUE : <font id=\"setBlue\" class=\"pram\">0<\/font><\/p>\n<table><\/p>\n<tr><\/p>\n<td>\n<div class=\"colorView\" id=\"colorView\"><\/div>\n<\/td>\n<p><\/p>\n<td><\/p>\n<div id=\"hexCode\">\n<div>\n<\/td>\n<p>\n<\/tr>\n<p>\n<\/table>\n<p><\/body><br \/>\n<\/html> <\/p>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uae00\uc4f4\uc774:Javascript \uc0c9\uc0c1\uace0\ub974\uae30 \uc785\ub2c8\ub2e4. \uc775\uc2a46\uc5d0\uc11c\ub9cc \ud14c\uc2a4\ud2b8\ud574\ubd24\uc2b5\ub2c8\ub2e4. \ub137\uc2a47\uc5d0\uc120 \uc548\ub3cc\uc544\uac14\uc2b5\ub2c8\ub2e4. \uc2e4\ub825\uc774 \uc5c6\uc5b4\uc11c\uc694.. \uc2ac\ub77c\uc774\ub4dc \ubd80\ubd84\ub9cc \ub5bc\ub124\uc11c \uc2ac\ub77c\uc774\ub4dc\ubc14 \ucee8\ud2b8\ub864\ub85c \uc4f8\uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc5d0\ub514\ud130 \ub20c\ub7ec\uc11c \uc5d0\ub514\ud130 \ucf20\ub2e4\uc74c \uc544\ub798\uc758 \uc18c\uc2a4\ub97c \ubcf5\uc0ac\ud574\uc11c \ubd99\uc5ec\ub123\uc740\ub2e4\uc74c \uc800\uc7a5\ud574\uc11c \ubcf4\uc138\uc5ec..\u314b\u314b ColorSet RED : 0 GREEN : 0 BLUE : 0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[51],"tags":[],"class_list":["post-748","post","type-post","status-publish","format-standard","hentry","category-papa-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=748"}],"version-history":[{"count":0,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/748\/revisions"}],"wp:attachment":[{"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}