{"id":1782,"date":"2012-12-19T02:05:24","date_gmt":"2012-12-19T02:05:24","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=1782"},"modified":"2017-01-27T14:55:47","modified_gmt":"2017-01-27T05:55:47","slug":"javascript-%ed%81%b4%eb%9e%98%ec%8a%a4-%ec%83%81%ec%86%8d","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=1782","title":{"rendered":"[JavaScript] \ud074\ub798\uc2a4 \uc0c1\uc18d"},"content":{"rendered":"

\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ud074\ub798\uc2a4\uc758 \uc0c1\uc18d \uac1c\ub150\uc744 \uc815\ub9ac\ud574 \ubcf4\uace0\uc790 \ud569\ub2c8\ub2e4. \uba3c\uc800 \ud06c\uae30\uac12(width, height) \ub9cc\uc744 \uac16\ub294 Rectangle\ub77c\ub294 \ud074\ub798\uc2a4\uac00 \uc788\uace0 \uc774 \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc73c\uba74\uc11c \uc704\uce58\uac12(x, y)\ub97c \uac16\ub294 PositionedRectangle \ud074\ub798\uc2a4\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\ub294 \uc608\ub97c \ud1b5\ud574 \uc815\ub9ac\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. (\uc774 \uae00\uc740 \uc778\uc0ac\uc774\ud2b8\uc758 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc644\ubcbd\uac00\uc774\ub4dc \ub0b4\uc6a9\uc744 \uc77d\uace0 \uc774\ud574\ud558\uc5ec \uc9e7\uac8c \uc694\uc57d\ud55c \uae00\uc785\ub2c8\ub2e4)<\/p>\n

<\/p>\n
\uac00\uc7a5 \uba3c\uc800 Rectangle\uc774\ub77c\ub294 \ud074\ub798\uc2a4 \uc815\uc758 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/div>\n
\n
\r\nfunction Rectangle(w, h)\r\n{\r\n    this.width = w;\r\n    this.height = h;\r\n}\r\n\r\nRectangle.prototype.area = function()\r\n{\r\n    return this.width * this.height;\r\n}\r\n\r\nRectangle.prototype.toString = function() \r\n{\r\n    return \"[\" + this.width + \", \" + this.height + \"]\";\r\n}\r\n<\/pre>\n
\uc0dd\uc131\uc790 \ud568\uc218\uc5d0\uc11c \ud06c\uae30\uac12\uc5d0 \ub300\ud55c \uc778\uc790 w, h\ub97c \ubc1b\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 area\ub77c\ub294 \ub9e4\uc11c\ub4dc\uc640 toString\uc774\ub77c\ub294 \ub9e4\uc11c\ub4dc\ub97c \uc815\uc758\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ud6c4\uc5d0 Rectangle \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc544 toString \ud568\uc218\ub97c \uc7ac\uc815\uc758\ud560\ub54c \ubd80\ubaa8 \ud074\ub798\uc2a4\uc758 toString\uc744 \ud638\ucd9c\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p><\/div>\n
<\/div>\n
\uc790, \uc774\uc81c PositionedRectangle\uc774\ub77c\ub294 \ud074\ub798\uc2a4\ub97c Rectangle \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc544 \uc815\uc758\ud558\ub294 \ucf54\ub4dc\ub97c \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/div>\n
\n
\r\nfunction PositionedRectangle(x, y, w, h)\r\n{\r\n    Rectangle.call(this, w, h);\r\n    \r\n    this.x = x;\r\n    this.y = y;\r\n}<\/pre>\n
3\ubc88 \ucf54\ub4dc\uc5d0\uc11c \uc0c1\uc18d\ubc1b\uc744 Rectangle \ud074\ub798\uc2a4\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 PositionedRectangle\uc758 \ubd80\ubaa8 \ud074\ub798\uc2a4\uac00 Rectangle\uc774\ub77c\ub294 \uac83\uc744 \uba85\ud655\ud788 \ud558\ub3c4\ub85d \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p><\/div>\n
\n
\r\nPositionedRectangle.prototype = new Rectangle();\r\n<\/pre>\n
\uc704\uc758 \ucf54\ub4dc\uc758 \ubb38\uc81c\uc810\uc740 PositionedRectangle\uc758 \uc0dd\uc131\uc790 \ud568\uc218\uae4c\uc9c0\ub3c4 Rectangle\ub85c \uc9c0\uc815\ub41c\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4. PositionedRectangle\uc758 \uc0dd\uc131\uc790 \ud568\uc218\ub97c \ub2e4\uc2dc \uc790\uae30\uc758 \uac83\uc73c\ub85c \uc9c0\uc815\ub418\ub3c4\ub85d \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p><\/div>\n
\n
\r\nPositionedRectangle.prototype.constructor = PositionedRectangle;\r\n<\/pre>\n
\ub610 \ud55c\uac00\uc9c0 \ubb38\uc81c\uac00 \uc788\ub294\ub370, \uadf8\uac83\uc740 \uc911\ubcf5\ub41c \ub370\uc774\ud130\uc785\ub2c8\ub2e4. PositionedRectangle\ub294 Rectangle\ub85c\ubd80\ud130 \uc0c1\uc18d\uc744 \ubc1b\uc558\uc73c\ubbc0\ub85c Rectangle\uc758 width\uc640 height \ub370\uc774\ud130\ub97c \uac16\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0\ub370 \uc774 \uac12\uc774 \uac01\uac01 2\uac1c\uc529 \uc911\ubcf5(PositionedRectangle\uc5d0 \ud558\ub098, PositionedRectangle.prototype\uc5d0 \ud558\ub098)\ub418\uc5b4 \uac16\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud574\uc11c \uc911\ubcf5\ub418\uc9c0 \uc54a\ub3c4\ub85d \uc81c\uac70\ud574 \uc8fc\ub294 \ucf54\ub4dc\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p><\/div>\n
\n
\r\ndelete PositionedRectangle.prototype.width;\r\ndelete PositionedRectangle.prototype.height;\r\n<\/pre>\n
\uc774\uc81c \uc635\uc158\uc73c\ub85c PositionedRectangle \uc790\uc2e0\uc758 \ud568\uc218\ub97c \ucd94\uac00\ud558\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p><\/div>\n
\n
\r\nPositionedRectangle.prototype.contains = function(x y)\r\n{\r\n    return (x > this.x && x < this.x + this.width \r\n        && y > this.y && y < this.y + this.height);\r\n}\r\n<\/pre>\n
\ub05d\uc73c\ub85c \ubd80\ubaa8 \ud074\ub798\uc2a4\uc758 \uba54\uc11c\ub4dc \ud568\uc218\ub97c \uc7ac\uc815\uc758\ud560\ub54c \ubd80\ubaa8 \ud074\ub798\uc2a4\uc758 \uba54\uc11c\ub4dc \ud568\uc218\ub97c \ud638\ucd9c\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4. toString \ud568\uc218\ub97c \uc608\ub85c \uc815\ub9ac\ud558\uba74, PositionedRectangle\uc5d0 \ub2e4\uc74c\ucc98\ub7fc toString \ud568\uc218\ub97c \uc7ac\uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/div>\n
\n
\r\nPositionedRectangle.prototype.toString = function()\r\n{\r\n    return \"(\" + this.x + \", \" + this.y + \") \" \r\n        + Rectangle.prototype.toString.apply(this);\r\n}\r\n<\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ud074\ub798\uc2a4\uc758 \uc0c1\uc18d \uac1c\ub150\uc744 \uc815\ub9ac\ud574 \ubcf4\uace0\uc790 \ud569\ub2c8\ub2e4. \uba3c\uc800 \ud06c\uae30\uac12(width, height) \ub9cc\uc744 \uac16\ub294 Rectangle\ub77c\ub294 \ud074\ub798\uc2a4\uac00 \uc788\uace0 \uc774 \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc73c\uba74\uc11c \uc704\uce58\uac12(x, y)\ub97c \uac16\ub294 PositionedRectangle \ud074\ub798\uc2a4\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\ub294 \uc608\ub97c \ud1b5\ud574 \uc815\ub9ac\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. (\uc774 \uae00\uc740 \uc778\uc0ac\uc774\ud2b8\uc758 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc644\ubcbd\uac00\uc774\ub4dc \ub0b4\uc6a9\uc744 \uc77d\uace0 \uc774\ud574\ud558\uc5ec \uc9e7\uac8c \uc694\uc57d\ud55c \uae00\uc785\ub2c8\ub2e4) \uac00\uc7a5 \uba3c\uc800 Rectangle\uc774\ub77c\ub294 \ud074\ub798\uc2a4 \uc815\uc758 \ucf54\ub4dc\uc785\ub2c8\ub2e4. function Rectangle(w, h) { this.width = w; this.height = … <\/p>\n
\ub354 \ubcf4\uae30 “[JavaScript] \ud074\ub798\uc2a4 \uc0c1\uc18d”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[87],"class_list":["post-1782","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1782"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1782\/revisions"}],"predecessor-version":[{"id":3018,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1782\/revisions\/3018"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1782"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}