{"id":11697,"date":"2021-10-06T12:52:17","date_gmt":"2021-10-06T03:52:17","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=11697"},"modified":"2021-10-06T12:52:17","modified_gmt":"2021-10-06T03:52:17","slug":"javascript%ec%9d%98-class%ec%97%90%ec%84%9c-private-field-method-%ec%a0%95%ec%9d%98","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=11697","title":{"rendered":"JavaScript\uc758 class\uc5d0\uc11c private Field, Method \uc815\uc758"},"content":{"rendered":"<p>\ucd5c\uadfc JS\uc758 class\uc5d0\uc11c private \uc811\uadfc\uc790\ub97c \uc9c0\uc6d0\ud55c\ub2e4\ub294 \uac83\uc744 \uc54c\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\uc804\uc5d0\ub294 \ubc11\uc904(_)\ub85c \uc2dc\uc791\ud558\ub294 \ud544\ub4dc\uc640 \ub9e4\uc11c\ub4dc\uac00 private\ub77c\ub294 \uac15\uc81c\uc131\uc774 \uc5c6\ub294 \ubc29\uc2dd\uc73c\ub85c \ud574\uc654\ub294\ub370\uc694. \uc544\ub798\ub294 #width\uc640 #height \ud544\ub4dc \uadf8\ub9ac\uace0 #getArea \ub9e4\uc11c\ub4dc\uac00 private \uc811\uadfc\uc790\uc758 \uc131\uaca9\uc744 \uac16\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nclass Rectangle {\r\n    #width = 10;\r\n    #height = 10;\r\n\r\n    constructor(height, width) {\r\n        this.#width = width;\r\n        this.#height = height;\r\n    }\r\n\r\n    #getArea() {\r\n        return this.#width * this.#height;\r\n    }\r\n\r\n    get area() {\r\n        return this.#getArea();\r\n    }\r\n}\r\n<\/pre>\n<p>\uc774\uc81c \uc544\ub798\uc758 \ucf54\ub4dc\ub294 \uc5d0\ub7ec\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst rec = new Rectangle(10, 10);\r\nconsole.log(rec.#width);\r\n<\/pre>\n<p>\uc5d0\ub7ec\uc758 \ub0b4\uc6a9\ub3c4 \uba85\ud655\ud788 &#8220;Private field &#8216;#width&#8217; &#8230;&#8221;\ub77c\uace0 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uadf8\ub7ec\ub098 Rectangle\uc5d0 width\ub77c\ub294 \ud544\ub4dc\ub97c \ucd94\uac00\ud560 \uc218 \uc788\ub294\ub370, \uc774 width\ub294 public\uc785\ub2c8\ub2e4. #width\uc640\ub294 \ubcc4\uac1c\uc774\uad6c\uc694. \ud63c\ub780\uc2a4\ub7fd\uc2b5\ub2c8\ub2e4. \uac8c\ub2e4\uac00 \uc544\uc9c1 protected \uc811\uadfc\uc790\ub294 \uc81c\uacf5\ud558\uc9c0\ub3c4 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc6f9\uc5d0\uc11c\uc758 \uac1d\uccb4\uc9c0\ud5a5\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc704\ud574\uc11c\ub294 \uc544\uc9c1\uae4c\uc9c0 TypeScript\uac00 \uac15\ub825\ud55c \ub300\uc548\uc73c\ub85c \uc0dd\uac01\ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ucd5c\uadfc JS\uc758 class\uc5d0\uc11c private \uc811\uadfc\uc790\ub97c \uc9c0\uc6d0\ud55c\ub2e4\ub294 \uac83\uc744 \uc54c\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\uc804\uc5d0\ub294 \ubc11\uc904(_)\ub85c \uc2dc\uc791\ud558\ub294 \ud544\ub4dc\uc640 \ub9e4\uc11c\ub4dc\uac00 private\ub77c\ub294 \uac15\uc81c\uc131\uc774 \uc5c6\ub294 \ubc29\uc2dd\uc73c\ub85c \ud574\uc654\ub294\ub370\uc694. \uc544\ub798\ub294 #width\uc640 #height \ud544\ub4dc \uadf8\ub9ac\uace0 #getArea \ub9e4\uc11c\ub4dc\uac00 private \uc811\uadfc\uc790\uc758 \uc131\uaca9\uc744 \uac16\uc2b5\ub2c8\ub2e4. class Rectangle { #width = 10; #height = 10; constructor(height, width) { this.#width = width; this.#height = height; } #getArea() { return this.#width * this.#height; &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=11697\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;JavaScript\uc758 class\uc5d0\uc11c private Field, Method \uc815\uc758&#8221;<\/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":[1],"tags":[],"class_list":["post-11697","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11697","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=11697"}],"version-history":[{"count":2,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11697\/revisions"}],"predecessor-version":[{"id":11750,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11697\/revisions\/11750"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11697"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}