{"id":80,"date":"2007-08-30T11:10:42","date_gmt":"2007-08-30T11:10:42","guid":{"rendered":"http:\/\/minicube.kr\/wp\/?p=80"},"modified":"2007-08-30T11:10:42","modified_gmt":"2007-08-30T11:10:42","slug":"xray-css-boxmodel-bookmarklet","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=80","title":{"rendered":"XRAY &#8211; \ubc15\uc2a4\ubaa8\ub378 \ud45c\uc2dc\uae30(Bookmarklet)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0 \uad00\ub828\ub41c \uc18c\uc2dd\uc744 \ub9ce\uc774 \uc54c\ub824\uc8fc\ub294 \ud574\uc678 \ube14\ub85c\uadf8 \uc911\uc5d0 <a rel=\"noreferrer noopener\" aria-label=\"ajaxian (opens in a new tab)\" href=\"http:\/\/ajaxian.com\/\" target=\"_blank\">ajaxian<\/a> \uc774\ub77c\ub294 \uc0ac\uc774\ud2b8\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc2dc\uac04\uc774 \ub098\uba74 \uc790\uc8fc \ubc29\ubb38\ud574\uc11c \uae00\uc744 \uc77d\uc73c\uba74\uc11c \uc601\uc5b4\ub97c \uc77d\ub294 \uc5f0\uc2b5(?)\ub3c4 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4\ub9cc, UI\uac1c\ubc1c\uc790\ub85c\uc11c \ud765\ubbf8\uc788\ub294 \uc18c\uc2dd\uc774 \uc5c5\ub370\uc774\ud2b8 \ub418\uc5b4\uc11c \uc2a4\ud06c\ub7a9 \ud574\ubd05\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ajaxian&#8217;s article : <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/ajaxian.com\/archives\/xray-your-internet-explorer\" target=\"_blank\">http:\/\/ajaxian.com\/archives\/xray-your-internet-explorer<\/a><br>Original Post : <a href=\"http:\/\/westciv.com\/xray\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">http:\/\/westciv.com\/xray\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">XHTML\/CSS \uac1c\ubc1c\uc744 \ud558\ub2e4 \ubcf4\uba74 <strong>\ubc15\uc2a4 \ubaa8\ub378<\/strong>\uc774\ub780 \ub09c\uad00\uc5d0 \ubd80\ub52a\ud788\uac8c \ub429\ub2c8\ub2e4. HTML\uc758 \uac01\uac01 Element\ub97c \uac10\uc2f8\ub294 \uc694\uc18c\ub294 margin, padding, border \ub4f1\uc774 \uc788\ub294\ub370, \ucee8\ud150\uce20\ub97c \ubc15\uc2a4 \ud615\ud0dc\ub85c \uac10\uc2f8\ub294 \uc774 \uc694\uc18c\ub97c \ub354\ud574\uc11c \uc815\ub9ac\ud55c \uac83\uc744 <span style=\"color:#cf2e2e\" class=\"tadv-color\">\ubc15\uc2a4\ubaa8\ub378<\/span>\uc774\ub77c\uace0 \ud558\uc8e0. \uadf8\ub7f0\ub370 \uc774 \ubc15\uc2a4\ubaa8\ub378\uc744 \ub80c\ub354\ub9c1 \ud558\ub294 \ubc29\ubc95\uc774 \uac01\uac01\uc758 \ube0c\ub77c\uc6b0\uc800\ub4e4 \ub07c\ub9ac \ucc28\uc774\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c HTML \uac1c\ubc1c \uc2dc\uc5d0\ub294 \uc774 \ubc15\uc2a4 \ubaa8\ub378\uc744 \uc798 \ud30c\uc545\ud558\ub294 \uac83\ub3c4 \uc77c\uc778\ub370\uc694, \uc774 \uc791\uc5c5\uc744 \ub3c4\uc640\uc8fc\ub294 \ud234\ub85c\ub294 IE\uc758 \ud50c\ub7ec\uadf8\uc778\uc778 Developer Toolbar \ub77c\ub358\uac00 Firefox\uc758 FireBug \uac19\uc740 \ud234\uc774 \uc720\uba85\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">FireBug \ub294 \ubc15\uc2a4\ubaa8\ub378 \uc678\uc5d0\ub3c4 \uc5ec\ub7ec \ud3b8\ub9ac\ud55c \uc810\uc774 \ub9ce\uc544\uc11c \uc720\uc6a9\ud558\uac8c \uc0ac\uc6a9\ud558\ub294\ub370 \uc544\ubb34\ub798\ub3c4 \ubb38\uc81c\ub294 IE \uc600\uc2b5\ub2c8\ub2e4. IE\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 Developer Toolbar \ub294 \ud30c\uc774\uc5b4\ud3ed\uc2a4\uc758 \uadf8\uac83\uc5d0 \ube44\ud558\uba74 \uc0c1\ub2f9\ud788 \ubd80\uc2e4\ud558\uc8e0. \uadf8\ub798\ub3c4 <s>\uc5b4\uca0c\ub4e0 \uc5c6\ub294 \uac83\ubcf4\ub2e8 \ub0ab\uae30 \ub54c\ubb38\uc5d0<\/s> \uadf8\ub7ed\uc800\ub7ed \uc0ac\uc6a9\ud558\uace0 \uc788\uc5c8\ub294\ub370\uc694&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">XRAY \ub77c\ub294 \uc2a4\ud06c\ub9bd\ud2b8\uac00 \uac1c\ubc1c\ub418\uc5c8\ub2e4\uace0 \ud558\ub124\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ud234\uc740 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \ub418\uc5b4 \uc788\uace0, <strong>\ubd81\ub9c8\ud06c \ud615\ud0dc<\/strong>\ub85c \uc81c\uacf5\ub429\ub2c8\ub2e4. \uc0ac\uc6a9\uc744 \ud558\uba74 \uc544\ub798 \ud654\uba74\ucc98\ub7fc XRAY \uc548\ub0b4\uac00 \ub728\ub294\ub370\uc694.. \uc774\uc0c1\ud0dc\uc5d0\uc11c \uc5b4\ub5a4 \uc5d8\ub9ac\uba3c\ud2b8\ub97c \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \uc5d8\ub9ac\uba3c\ud2b8\uc758 \uc815\ubcf4\ub97c \uc0c1\uc138\ud788 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \uc5d8\ub9ac\uba3c\ud2b8\uc758 \uc774\ub984, ID, class \ubd80\ud130 \uc2dc\uc791\ud574\uc11c position, border, margin, padding \ub4f1\uc758 \uc815\ubcf4\ub97c \ube44\uc96c\uc5bc\ud558\uac8c \ubcf4\uc5ec\uc900\ub2f5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/xray1_preserde.jpg\" alt=\"\" class=\"wp-image-852\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc2e4 \uc608\uc804\uc5d0 \ubc1c\ud45c\ub418\uc5c8\uc744\ub54c\ub294 \uc815\uc791 \uc911\uc694\ud55c IE6 \uc774 \uc9c0\uc6d0\uc774 \uc548\ub418\uc11c \uc774\uac8c \ubb50\uc57c! \ud558\uba74\uc11c \uadf8\ub0e5 \ub118\uc5b4\uac14\uc5c8\ub294\ub370 (\ud30c\uc774\uc5b4\ud3ed\uc2a4\uc5d0\uc120 \uadf8\ub0e5 FireBug\ub97c \uc4f0\ub294\uac8c \ud6e8\uc52c \ub0ab\uc8e0) \uc774\ubc88 \ubc1c\ud45c\ub41c XRAY 0.91a \ubc84\uc804\uc758 \uacbd\uc6b0\uc5d4 IE6 \ubc84\uc804\ub3c4 \uc9c0\uc6d0\ub41c\ub2e4\uace0 \ud569\ub2c8\ub2e4!! \uadf8\ub798\uc11c \ud604\uc7ac \uc800\ub3c4 \ubd81\ub9c8\ud06c\ud574\ub193\uace0 \uc720\uc6a9\ud558\uac8c \uc0ac\uc6a9\uc911\uc785\ub2c8\ub2e4.<br>\uc815\uc2dd\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ube0c\ub77c\uc6b0\uc800\ub294 IE6 \uc774\ud6c4, Webkit &amp; Mozilla \uacc4\uc5f4 \ube0c\ub77c\uc6b0\uc800(Safari, Firebox, Camino, Mozilla)\ub97c \uc9c0\uc6d0\ud55c\ub2e4\uace0 \ud558\ub294\ub370 \uc544\uc27d\uac8c \uc624\ud398\ub77c\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\uad70\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\ubc29\ubc95\uc740 \uac04\ub2e8\ud569\ub2c8\ub2e4. \uc0ac\uc774\ud2b8\uc5d0\uc11c\ub294 <strong>\ubd81\ub9c8\ud06c\ub81b(bookmarklet) \ud615\ud0dc<\/strong>\ub85c \uc9c0\uc6d0\ud55c\ub2e4\uace0 \ud558\ub294\ub370\uc694, \uc704\uc5d0\uc11c \ubc1d\ud614\ub4ef \ubd81\ub9c8\ud06c\ub85c \ub9c1\ud06c\ub97c \uc800\uc7a5\ud55c \ud6c4 \ud544\uc694\ud560 \ub54c\uc5d0 \ud074\ub9ad\ud574\uc11c \uc0ac\uc6a9\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/xray2_preserde.gif\" alt=\"\" class=\"wp-image-853\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\ub798\uc640 \uac19\uc774 XRAY \ubc84\ud2bc\uc5d0\uc11c \uc624\ub978\ucabd \ub9c8\uc6b0\uc2a4\ubc84\ud2bc\uc744 \ud074\ub9ad\ud55c \ud6c4 <strong>\uc990\uaca8\ucc3e\uae30\uc5d0 \ucd94\uac00(F)<\/strong> \ub97c \uc120\ud0dd\ud558\uc2dc\uace0 \uc774\uac78 &#8220;\uc5f0\uacb0&#8221; \ud0ed\uc5d0 \ucd94\uac00\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4. (IE\uae30\uc900)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/xray3_preserde.gif\" alt=\"\" class=\"wp-image-854\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8 \ud6c4 \uc544\ubb34 \uc0ac\uc774\ud2b8\ub098 \uc5f4\uc5b4\ubcf4\uc2dc\uace0 \uc800 \ubd81\ub9c8\ud06c\ub97c \ud074\ub9ad\ud558\uba74 \uac00\uc7a5 \uc704\uc758 \uadf8\ub9bc\ucc98\ub7fc \uc548\ub0b4 \uba54\uc138\uc9c0\uac00 \ub728\uad6c\uc694, \uadf8 \ud6c4\ubd80\ud130 XRAY \ud234\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9cc \uc0ac\uc6a9\ud560 \ub54c\ub294 \uc0ac\uc774\ud2b8\ub97c \ub9ac\ub85c\ub4dc(F5)\ud558\uac70\ub098, X\ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/ajaxian.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ajaxian.com (opens in a new tab)\">ajaxian.com<\/a> \uc740 \uc7ac\ubbf8\uc788\ub294\uac8c \ub9ce\uc774 \uc62c\ub77c\uc640\uc11c \uc88b\uc544\uc694~ \u314b\u314b<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0 \uad00\ub828\ub41c \uc18c\uc2dd\uc744 \ub9ce\uc774 \uc54c\ub824\uc8fc\ub294 \ud574\uc678 \ube14\ub85c\uadf8 \uc911\uc5d0 ajaxian \uc774\ub77c\ub294 \uc0ac\uc774\ud2b8\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc2dc\uac04\uc774 \ub098\uba74 \uc790\uc8fc \ubc29\ubb38\ud574\uc11c \uae00\uc744 \uc77d\uc73c\uba74\uc11c \uc601\uc5b4\ub97c \uc77d\ub294 \uc5f0\uc2b5(?)\ub3c4 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4\ub9cc, UI\uac1c\ubc1c\uc790\ub85c\uc11c \ud765\ubbf8\uc788\ub294 \uc18c\uc2dd\uc774 \uc5c5\ub370\uc774\ud2b8 \ub418\uc5b4\uc11c \uc2a4\ud06c\ub7a9 \ud574\ubd05\ub2c8\ub2e4. ajaxian&#8217;s article : http:\/\/ajaxian.com\/archives\/xray-your-internet-explorerOriginal Post : http:\/\/westciv.com\/xray\/ XHTML\/CSS \uac1c\ubc1c\uc744 \ud558\ub2e4 \ubcf4\uba74 \ubc15\uc2a4 \ubaa8\ub378\uc774\ub780 \ub09c\uad00\uc5d0 \ubd80\ub52a\ud788\uac8c \ub429\ub2c8\ub2e4. HTML\uc758 \uac01\uac01 Element\ub97c \uac10\uc2f8\ub294 \uc694\uc18c\ub294 margin, padding, border \ub4f1\uc774 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":852,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[27,142,143,185],"class_list":["post-80","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend-dev-story","tag-ajaxian","tag-xhtmlcss","tag-xray","tag-185"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=80"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/80\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}