{"id":4,"date":"2012-08-22T13:45:07","date_gmt":"2012-08-22T04:45:07","guid":{"rendered":"http:\/\/www.freesens.com\/wordpress\/?p=4"},"modified":"2012-08-23T14:20:54","modified_gmt":"2012-08-23T05:20:54","slug":"javascript-class","status":"publish","type":"post","link":"http:\/\/www.freesens.com\/x\/?p=4","title":{"rendered":"javascript class"},"content":{"rendered":"

\ucd9c\ucc98 :\u00a0http:\/\/plming.tistory.com\/8<\/a><\/p>\n

 <\/p>\n

1. \ud504\ub85c\ud37c\ud2f0(\ud074\ub798\uc2a4\ud544\ub4dc) \uc815\uc758\ud558\uae30.<\/strong><\/p>\n

class_name<\/em>\u00a0=\u00a0function<\/strong>\u00a0(\u00a0parameter<\/em>, … ) {<\/span><\/p>\n

\u00a0 \u00a0 ….<\/span><\/p>\n

\u00a0 \u00a0\u00a0property declaration…<\/em><\/span><\/p>\n

\u00a0 \u00a0 …<\/span><\/p>\n

}<\/span><\/p>\n

\ub610\ub294<\/span><\/p>\n

function<\/strong>\u00a0class_name\u00a0<\/em>(\u00a0parameter<\/em>, … ) {<\/span><\/p>\n

\u00a0 \u00a0 ….<\/span><\/p>\n

\u00a0 \u00a0\u00a0property declaration…<\/em><\/span><\/p>\n

\u00a0 \u00a0 …<\/span><\/p>\n

}<\/span><\/p>\n

function \uc774 \ud568\uc218\ub97c \uc758\ubbf8\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc5ec\uae30\uc11c\ub294 \ud074\ub798\uc2a4 \uc120\uc5b8\uc744 \uc704\ud574\uc11c \uc0ac\uc6a9\ud558\ub294 \ud0a4\uc6cc\ub4dc\uc784. \ub2e8\uc5b4 \uc790\uccb4\uac00 \uc8fc\ub294 \uc0ac\uc804\uc801 \uc758\ubbf8\uc5d0 \ud568\ubab0\ub418\uc5b4\uc11c \uc790\uafb8 \ub534\uc9c0 \uac78\uba74 \uc548\ub428.(\ub0b4\uac00 … \uadf8\ub7ac\uc5c8\uc74c..). \ud074\ub798\uc2a4\ub098 \ud568\uc218\ub098 \uc5b4\ucc28\ud53c \ud504\ub85c\uc138\uc2a4\ub85c \uc874\uc7ac\ud560\ub54c \uba54\ubaa8\ub9ac\ub97c \ucc28\uc9c0\ud558\ub294 \ubaa8\ub4c8\ub85c\uc11c \ubcf8\ub2e4\uba74 \uac1d\uccb4\uc640 \uba54\uc18c\ub4dc \ub530\uc704\uc758 \uad6c\ubd84\uc774 \uc758\ubbf8\uac00 \uc5c6\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 public class Student {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 String name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 int age;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 public Student(String name, int age) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 this.name = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 this.age = age;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\uc704\uc640\uac19\uc740 \uc790\ubc14 \ud074\ub798\uc2a4\uc5d0 \ub300\uc751\ud558\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \ud074\ub798\uc2a4\ub294 \ub2e4\uc74c\uacfc \uac19\uc74c.<\/span><\/p>\n

\u00a0 \u00a0 Student = function(name, age) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.name = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.age = age;<\/span><\/p>\n

\u00a0 \u00a0 } \/\/ \ucd08\uac04\ub2e8. -_-;<\/span><\/p>\n

\ub2e4\uc74c\uacfc \uac19\uc774 \uc778\uc2a4\ud134\uc2a4\ub97c \uc0dd\uc131\ud558\uace0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc74c.<\/span><\/p>\n

Student student = new Student(“\uc804\uc9c0\ud604”, 26);<\/span><\/p>\n

document.write(“\uc774\ub984 : ” + student.name + “, \ub098\uc774 : ” + student.age );<\/span><\/p>\n

2. \uba54\uc18c\ub4dc \uc815\uc758\ud558\uae30.<\/strong><\/span><\/p>\n

\uba54\uc18c\ub4dc\ub3c4 \uc815\uc758\ud560 \uc218 \uc788\ub294\ub370 \ub450\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\uc74c. prototype\uc5d0 \uc815\uc758\ud558\ub294 \ubc29\ubc95\uacfc \ud074\ub798\uc2a4 \uc790\uccb4\uc5d0 \uc815\uc758\ud558\ub294 \ubc29\ubc95.<\/span><\/p>\n

2-1. prototype \ud504\ub85c\ud37c\ud2f0\uc5d0 \uba54\uc18c\ub4dc \uc815\uc758<\/strong><\/span><\/p>\n

\uc704\uc5d0\uc11c \ub9cc\ub4e0 Student \ud074\ub798\uc2a4\uc5d0 getter\/setter \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/span><\/p>\n

Student.prototype.getName = function() {<\/span><\/p>\n

\u00a0 \u00a0 return this.name;<\/span><\/p>\n

}<\/span><\/p>\n

Studoent.prototype.setName = function (name) {<\/span><\/p>\n

\u00a0 \u00a0 this.name = name;<\/span><\/p>\n

}<\/span><\/p>\n

 <\/p>\n

\uc774\uc81c \ub2e4\uc74c\uc740 \ub3d9\uc77c\ud55c \uacb0\uacfc\ub97c \ubcf4\uc5ec\uc900\ub2e4.<\/span><\/p>\n

student.name;|\u00a0<\/span>student.getName();<\/span><\/p>\n

student.name = “\uc655\uc9c0\ud604”; | student.setName(“\uc655\uc9c0\ud604”);<\/span><\/p>\n

\uc704\uc5d0\uc11c \uc8fc\uc758\ud560 \uc810\uc740 Student.prototype.getName()<\/span><\/strong>\u00a0\uc774 \uc544\ub2c8\ub77c \uadf8\ub0e5 getName\uc784. \uad04\ud638 \ub123\uc73c\uba74 \uc791\ub3d9\ud558\uc9c0 \uc54a\uc74c. -_-a<\/span><\/p>\n

\uc5ec\uae30\uc11c \uc7a0\uae50\u00a0prototype<\/strong>\u00a0\uc5d0\ub300\ud574\uc11c \uc9da\uace0 \ub118\uc5b4\uac00\ubcf4\uc790.<\/span><\/p>\n

\uc790\ubc14\uc5d0\uc11c \uc77c\ubc18\uc801\uc778 \uac1d\uccb4 \uc0c1\uc18d\uad6c\uc870\ub97c \ub5a0\uc62c\ub824\ubcf4\uc790.<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 student.getAddress();<\/span><\/p>\n

\ub77c\uace0 \ud638\ucd9c\ud558\uba74 Student \ud074\ub798\uc2a4\uc5d0\uc11c \uc544\uc9c1 \uc815\uc758\ub418\uc5b4 \uc788\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0 \ubd80\ubaa8 \ud074\ub798\uc2a4\uc5d0\uc11c getAddress() \uba54\uc18c\ub4dc\uac00 \uc788\ub294\uc9c0 \ucc3e\ub294\ub2e4. \uc874\uc7ac \ud558\uc9c0 \uc54a\uc73c\uba74 \uadf8 \ubd80\ubaa8\ud074\ub798\uc2a4\uc758 \ubd80\ubaa8 \ud074\ub798\uc2a4\ub97c \uc870\ud68c\ud558\uace0 \ub9c8\uc9c0\ub9c9\uc73c\ub85c Object \uac1d\uccb4\uae4c\uc9c0 \uac70\uc2ac\ub7ec \uc62c\ub77c\uac00\uc11c \ucd5c\uc885\uc801\uc73c\ub85c \ucc3e\uc9c0 \ubabb\ud558\uba74 \uc608\uc678\uac00 \ubc1c\uc0dd\ud55c\ub2e4.<\/span><\/p>\n

javascript\uc5d0\uc11c \uc815\uc758\ub418\ub294 class\ub294 \ubaa8\ub450 prototype\uc774\ub77c\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uac00\uc9c0\ub294\ub370 \uac1d\uccb4\uc5d0 \uc874\uc7ac\ud558\uc9c0 \uc54a\ub294 \uba54\uc18c\ub4dc\ub098 \ud074\ub798\uc2a4 \ud544\ub4dc\ub97c \ud638\ucd9c\ud558\uba74 prototype \ud504\ub85c\ud37c\ud2f0\uc5d0\uc11c \uba54\uc18c\ub4dc\ub098 \ud074\ub798\uc2a4 \ud544\ub4dc\ub97c \ucc3e\ub294\ub2e4. prototype\uc5d0\uc11c \ucc3e\uc9c0 \ubabb\ud558\uba74 prototype\uc758 prototype \ud504\ub85c\ud37c\ud2f0\uae4c\uc9c0 \uacc4\uc18d\ud574\uc11c \ud0d0\uc0c9\uc744 \ud558\uace0 \ucd5c\uc885\uc801\uc73c\ub85c \ucc3e\uc9c0 \ubabb\ud558\uba74<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 “undefined”(\ud074\ub798\uc2a4 \ud544\ub4dc\uc778 \uacbd\uc6b0) , “”(\uba54\uc18c\ub4dc\uc778 \uacbd\uc6b0)<\/span><\/p>\n

\ub97c \ucd9c\ub825\ud55c\ub2e4. \uc704\uc5d0\uc11c \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud55c \ubc29\uc2dd\uc774 \ubc14\ub85c \uc774 prototype \ud504\ub85c\ud37c\ud2f0\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud55c \uac83\uc778\ub370 \uc5c4\ubc00\ud788 \ub9d0\ud558\uba74 \uc704\uc5d0\uc11c \uc815\uc758\ud55c \uba54\uc18c\ub4dc\ub294 Student \ud074\ub798\uc2a4\uc758 \uac83\uc774 \uc544\ub2cc, prototype \ud504\ub85c\ud37c\ud2f0\uc758 \uba54\uc18c\ub4dc\uc778 \uc148\uc774\ub2e4. \ud558\uc9c0\ub9cc \uc0ac\uc6a9\ud558\ub294 \uc785\uc7a5\uc5d0\uc11c\ub294 \uc911\uc694\ud55c \ub0b4\uc6a9\uc740 \uc544\ub2cc \ub4ef.<\/span><\/p>\n

\uae30\uc5b5\ud574\uc57c \ud560 \uc810\uc740\u00a0prototype \ud504\ub85c\ud37c\ud2f0\ub294 \uc778\uc2a4\ud134\uc2a4\ub2f9 \ud560\ub2f9\ub418\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \ud074\ub798\uc2a4\ub2f9 \ud558\ub098\uc529 \ud560\ub2f9\ub41c\ub2e4\ub294 \uac83.<\/strong><\/span>\u00a0\ub9c8\uce58 \uc790\ubc14\uc5d0\uc11c Object.class, ArrayList.class \uc640 \uac19\uc740 Class \ub97c \ub5a0\uc62c\ub9ac\uba74 \uc88b\uc744\ub4ef \ud558\ub2e4.<\/span><\/p>\n

student.getEmail() \uc744 \ud638\ucd9c\ud558\uba74 \uc815\uc758\ub418\uc9c0 \uc54a\uc740 \uba54\uc18c\ub4dc\uc774\ubbc0\ub85c TypeError\uac00 \ubc1c\uc0dd\ud558\uace0 \uc9c4\ud589\uc911\uc778 \uba54\uc18c\ub4dc\uac00 \uc885\ub8cc\ub41c\ub2e4. \uc544\ubb34\uac83\ub3c4 \ucd9c\ub825\uc774 \uc548\ub418\ub294 \uac83\ucc98\ub7fc \ubcf4\uc774\uc9c0\ub9cc \uc608\uc678\uac00 \ub358\uc838\uc838\uc11c \uc9c4\ud589\uc911\uc774\ub358 \uba54\uc18c\ub4dc\ub97c \ubc97\uc5b4\ub098\ubc84\ub9ac\ub294 \uac83\uc784.<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student jenny = new Student(….);<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 try {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 jenny.getEmail(); \/\/ NO!!!<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 } catch(e) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 alert(e); \/\/ firefox\uc5d0\uc11c\ub294 \uc608\uc678\uac00 \ub358\uc838\uc9d0.<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0}<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype.getEmail = function() { return\u00a0googler@gmail.com<\/a>; };<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 jenny.getEmail() ; \/\/ OK!!!!!!!!!!!<\/span><\/p>\n

\uc704\ucc98\ub7fc prototype\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud558\uba74 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud558\uae30 \uc774\uc804\uc5d0 \uc0dd\uc131\ub418\uc5b4 \uc0ac\uc6a9\ub418\ub358 \uc778\uc2a4\ud134\uc2a4\ub77c\ub3c4 getEmail() \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uac8c \ub41c\ub2e4. \uc65c\ub0d0\ud558\uba74 \uc704\uc5d0\uc11c \ub9d0\ud588\ub4ef\uc774 prototype\uc740 \ud074\ub798\uc2a4\ub2f9 \ud558\ub098\uc774\ubbc0\ub85c \ud558\ub098\uc758 \ud074\ub798\uc2a4\uc5d0\uc11c \uc0dd\uc131\ub41c \uc778\uc2a4\ud134\uc2a4\ub4e4\uc740 prototype\uc744 \uacf5\uc720\ud55c\ub2e4.<\/span><\/p>\n

\uc774\ub54c\ubb38\uc5d0 \uc5b8\uc81c\ub4e0\uc9c0 \uba54\uc18c\ub4dc\ub098 \ud074\ub798\uc2a4 \ud544\ub4dc\ub97c \ub9c8\uc74c\ub300\ub85c \ub9cc\ub4e4\uc5b4\ub0bc \uc218 \uc788\uc73c\ub2c8 \uc870\ub0b8! \ud0c4\ub825\uc801\uc774\ub2e4!!<\/span><\/p>\n

2-2. \ud074\ub798\uc2a4 \uc790\uccb4\uc5d0 \uba54\uc18c\ub4dc \uc815\uc758<\/strong><\/span><\/p>\n

prototype \uc774 \uc544\ub2cc class \uc790\uccb4\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\ub3c4 \uc788\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 Student = function(name, age) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.name = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.age = age;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.getName = function() { return this.name ; }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.setName = function(name) { this.name = name;}<\/span><\/p>\n

\u00a0 \u00a0 } \/\/ \ucd08\uac04\ub2e8. -_-;<\/span><\/p>\n

\uadf8\ub807\ub2e4\uba74 \uba54\uc18c\ub4dc\ub97c prototype\uc5d0 \uc815\uc758\ud558\ub294 \uac83\uacfc \ud074\ub798\uc2a4 \uc790\uccb4\uc5d0 \uc815\uc758\ud558\ub294\uac8c \uc5b4\ub5bb\uac8c \ub2e4\ub97c\uae4c?<\/span><\/p>\n

\ud074\ub798\uc2a4 \uc790\uccb4\uc5d0 \uc815\uc758\ud560 \uacbd\uc6b0, \ud074\ub798\uc2a4\uc758 \uc778\uc2a4\ud134\uc2a4\ub97c \uc5ec\ub7ec\uac1c \uc0dd\uc131\ud560 \ub54c \uba54\uc18c\ub4dc \ucf54\ub4dc\ub97c \uc778\uc2a4\ud134\uc2a4\ub4e4\ub9c8\ub2e4 \ub530\ub85c \uac16\uac8c \ub41c\ub2e4. \ud558\uc9c0\ub9cc prototype\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud558\uba74 \ub3d9\uc77c\ud55c \ud074\ub798\uc2a4\ub85c\ubd80\ud130 \uc0dd\uc131\ub41c \uc778\uc2a4\ud134\uc2a4\ub4e4\uc740 \ud558\ub098\uc758 prototype \ud504\ub85c\ud37c\ud2f0\ub97c \uacf5\uc720\ud558\ubbc0\ub85c \uc778\uc2a4\ud134\uc2a4\ub4e4\ub9c8\ub2e4 \uc911\ubcf5\ud574\uc11c \uba54\uc18c\ub4dc \ucf54\ub4dc\ub97c \uac00\uc9c8 \ud544\uc694\uac00 \uc5c6\uac8c\ub41c\ub2e4.<\/span><\/p>\n

\ub530\ub77c\uc11c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud560 \ub54c \uac00\ub2a5\ud558\uba74 prototype\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud558\ub294\uac8c \uba54\ubaa8\ub9ac\ub97c \uc544\ub084 \uc218 \uc788\ub294 \uae38\uc774\ub2e4…\ub77c\uace0 \uc77c\ub2e8 \uc815\ub9ac\ud558\uac8c \ub118\uc5b4\uac00\uaca0\ub2e4. (\uadf8\ub7f0\ub370 \uba54\uc18c\ub4dc\ub97c \ud074\ub798\uc2a4 \uc790\uccb4\uc5d0 \uc815\uc758\ud574\uc57c \ud558\ub294 \uc0c1\ud669\ub3c4 \uc788\uc9c0 \uc54a\uc744\uae4c? \uc7a0\uae50 \uace0\ubbfc\ud574\ubd24\ub294\ub370, \uc544\uc9c1\uc740 \uc5c6\ub294 \uac83 \uac19\ub2e4. \uc778\uc2a4\ud134\uc2a4\uc758 \uc0c1\ud0dc\ub294 \ud504\ub85c\ud37c\ud2f0\uc5d0 \uc88c\uc6b0\ub418\uae30 \ub54c\ubb38\uc5d0 \uba54\uc18c\ub4dc\ub97c \uc778\uc2a4\ud134\uc2a4\ub9c8\ub2e4 \ub530\ub85c \uac00\uc838\uc57c\ud560 \uc0c1\ud669\uc740 \uc5c6\ub294 \ub4ef.)<\/span><\/p>\n

\ud558\uc9c0\ub9cc \ub2e4\uc74c\uacfc \uac19\uc774 \uc624\ubc84\ud558\uba74 \uc548\ub41c\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 Student = function(name, age) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype.name = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype.age = age;<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\uc774\ub807\uac8c \ud558\uba74 \ud074\ub798\uc2a4\uc758 \uc778\uc2a4\ud134\uc2a4\ub4e4\uc774 \ubaa8\ub450 \ub3d9\uc77c\ud55c \uc774\ub984\uacfc \ub098\uc774\ub97c \uac16\uac8c \ub41c\ub2e4. \uc989,<\/span><\/p>\n

\u00a0 \u00a0 Student jane = new Student(“jane”, 21);<\/span><\/p>\n

\uc744 \uc0dd\uc131\ud55c \ud6c4<\/span><\/p>\n

\u00a0 \u00a0 Student jack = new Student(“jack”, 34);<\/span><\/p>\n

\ub85c jack\uc744 \uc0dd\uc131\ud558\uba74 jane\uc758 \uc774\ub984\uc774 “jack”, \ub098\uc774\uac00 34\uc0b4\ub85c \ub454\uac11\ud55c\ub2e4.(\ub728\uc544~).<\/span><\/p>\n

\uc815\ub9ac\ud558\uba74 \uc0c1\ud669\uc5d0 \ub9de\uac8c \uc798 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/span><\/p>\n

2-3 \ud6a8\uc728\uc801\uc778 \ud074\ub798\uc2a4 \uc815\uc758 \ubc29\ubc95<\/strong><\/span><\/p>\n

2-1 \ubc29\uc2dd\uc758 \ubb38\uc81c\uc810\uc740 \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud560 \ub54c \ucf54\ub4dc\uac00 \ub09c\uc7a1\ud574\uc838\uc11c \uac00\ub3c5\uc131\uc774 \ub5a8\uc5b4\uc9c4\ub2e4\ub294 \uc810\uc774\ub2e4. \ud074\ub798\uc2a4\ub97c \uc5ec\ub7ec\uac1c \uc815\uc758\ud558\ub294 \uc0c1\ud669\uc774\ub77c\uba74 \uba54\uc18c\ub4dc\ub97c \uc815\uc758\ud55c \ube14\ub85d\ub4e4\uc774 \uc0b0\uc7ac\ud574 \uc788\uc5b4\uc11c \ud074\ub798\uc2a4\uc758 \ubaa8\uc2b5\uc774 \ub208\uc5d0 \ub531 \ub4e4\uc5b4\uc624\uc9c0\ub294 \uc54a\ub294\ub2e4.<\/span><\/p>\n

\ubc18\uba74\uc5d0 2-2\ub294 \ucf54\ub4dc\uac00 \uae54\ub054\ud574\uc838\uc11c \uac00\ub3c5\uc131\uc774 \ub192\uc544\uc9c0\uc9c0\ub9cc \ubb38\uc81c\ub294 \uc704\uc5d0\uc11c \ub9d0\ud588\ub4ef\uc774 \uc778\uc2a4\ud134\uc2a4\ub4e4\uc774 \uc911\ubcf5\ub41c \uba54\uc18c\ub4dc \ucf54\ub4dc\ub97c \uac16\ub294\ub2e4\ub294 \uc810\uc774\ub2e4.(\uac04\ub2e8\ud55c \ud074\ub798\uc2a4\ub77c\uba74 \uc0c1\uad00\uc5c6\uaca0\uc9c0\ub9cc…)<\/span><\/p>\n

\uadf8\ub798\uc11c \uc0dd\uac01\ud574\ub0b8 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 function Student(name, age)<\/span><\/p>\n

\u00a0 \u00a0 {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 var strName = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 var intAge = age;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype<\/strong>.getName() { return this.strName; }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype<\/strong>.setName(name) { this.strName = name; }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype<\/strong>.getAge() { return this.strAge; }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 Student.prototype<\/strong>.setAge(age) { this.intAge = age; }<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\uba54\uc18c\ub4dc \uc815\uc758\ubd80\ub97c \ud074\ub798\uc2a4 \ub0b4\ub85c \uc62e\uae30\uba74\uc11c<\/span><\/p>\n

\u00a0 \u00a0 fucntion\u00a0class_name<\/em>\u00a0(\u00a0parameter<\/em>, … )<\/span><\/p>\n

\u00a0 \u00a0 {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0\u00a0class_name<\/em>.prototype<\/strong>.method_name<\/em>\u00a0(\u00a0parameter<\/em>, … ) { … };<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 …..<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\ub85c \ubc14\uafd4\uc8fc\ub294 \uac83. IE\uc640 FF \uc5d0\uc11c \ud14c\uc2a4\ud2b8\ud574\ubd24\ub294\ub370 \uc544\ubb34 \ubb38\uc81c\uc5c6\uc774 \uc798 \ub3cc\uc544\uac04\ub2e4. \ud750\ud654\ud654~<\/span><\/p>\n

\u00a0 \u00a0<\/span><\/p>\n

3. JSON \ud45c\uae30\ubc95\uc744 \uc774\uc6a9\ud55c \ud074\ub798\uc2a4 \uc815\uc758<\/strong><\/span><\/p>\n

\uc544, \uc774\ub7f0\uac83\ub3c4 \uc788\ub2e4. JSON\uc5d0 \ub300\ud55c \uc790\uc138\ud55c \ub0b4\uc6a9\uc740\u00a0http:\/\/www.json.org\/<\/a>\u00a0\uc5d0\uc11c \ubcf4\uba74 \ub420 \uac83 \uac19\ub2e4.<\/span><\/p>\n

\uc704\uc5d0\uc11c \uba54\uc18c\ub4dc \uc815\uc758\ud558\ub294 \ubd80\ubd84\uc744 \uc544\ub798\uc758 \ucf54\ub4dc\ub85c \ud45c\ud604\ud588\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 Student.prototype.getName = function() {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 return this.name;<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 Studoent.prototype.setName = function (name) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.name = name;<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

\uc704\uc758 \ucf54\ub4dc\ub97c JSON \uc744 \uc774\uc6a9\ud574\uc11c \ub098\ud0c0\ub0b4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 Student.prototype<\/strong>\u00a0= {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 getName\u00a0:<\/strong>\u00a0function<\/em>() {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return this.name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 setName\u00a0:<\/strong>\u00a0function<\/em>\u00a0(name) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 this.name = name;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

4. \uc815\ubcf4\uc740\ub2c9(encapsulation)<\/strong><\/span><\/p>\n

\uc704\uc5d0\uc11c \uc124\uba85\ud55c \ud074\ub798\uc2a4 \uc815\uc758 \ubc29\ubc95\uc740 \uc815\ubcf4\uc740\ub2c9\uc774 \uc548\ub41c\ub2e4\ub294 \ubb38\uc81c\uc810\uc774 \uc788\ub2e4. student.name \uc73c\ub85c \ud504\ub85c\ud37c\ud2f0\uc5d0 \uc811\uc18d\uc774 \uac00\ub2a5\ud55c\ub370 OOP \uc5d0\uc11c\ub294 \uc774\ub7f0 \uc811\uadfc\uc744 \uaebc\ub9ac\uae30 \ub54c\ubb38\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c\ub3c4 \uc774\uac78 \ud749\ub0b4\ub0b4\ub824\ub294 \uc2dc\ub3c4\uac00 \uc788\uc9c0 \uc54a\uc558\ub098 \ucd94\uce21\ud574\ubcf8\ub2e4.<\/span><\/p>\n

\uc5ec\uc790\ub4e4\uc758 \ubab8\ubb34\uac8c \ud3c9\uade0\uc744 \ub0b4\ub294 \uc800\uc6b8\uc774 \uc788\ub2e4\uace0 \uce58\uc790. \uba87 \uba85\uc758 \uc5ec\uc131\uc758 \uc815\ubcf4\ub97c \uac00\uc838\uc640\uc11c \uc804\uccb4 \ubab8\ubb34\uac8c\uc744 \ub0b4\ub294\ub370 \uc5ec\uc790\ub4e4\uc740 \uc790\uc2e0\uc758 \ubab8\ubb34\uac8c\uac00 \ub4dc\ub7ec\ub098\ub294 \uac83\uc744 \ubc18\ub300\ud55c\ub2e4. \uc800\uc6b8\uc744 \ud1b5\ud574\uc11c \ud2b9\uc815 \uc5ec\uc131\uc758 \ubab8\ubb34\uac8c\ub97c \uc54c\uc544\uc11c\ub294 \uc548\ub418\ub294 \uacbd\uc6b0\ub97c \uc0dd\uac01\ud574\ubcf4\uc790.<\/span><\/p>\n

\uc774\ub7f0 \uc0c1\ud669\uc744 \ubaa8\ub378\ub9c1\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 function Scale (\u00a0 ) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.womans = [new Woman(…), new Woman(…), …<\/span>];<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.prototype.getTotalWeights() {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var totalWeight = 0;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 for( i = 0 ; i < womans.length ; i++) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 totlaWeight += this.womans[i].getWeight();<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return totalWeight;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n

…..<\/span><\/p>\n

\u00a0 \u00a0 Scale scale = new Scale() ;<\/span><\/p>\n

\u00a0 \u00a0 scale.getTotalWeight();<\/span><\/p>\n

\uc704\ucf54\ub4dc\uc5d0\uc11c\ub294<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 scale.womans[0].getWeight();<\/span><\/p>\n

\ub85c \ud2b9\uc815 \uc5ec\uc131\uc758 \ubab8\ubb34\uac8c\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\ub2e4.<\/span><\/p>\n

\uc815\ubcf4\uc740\ub2c9\uc774\ub780 \uc678\ubd80\uc5d0 \ub178\ucd9c\ub418\uc5b4\uc11c\ub294 \uc548\ub418\ub294 \ub370\uc774\ud130\ub97c \uaf2d\uaf2d \uac10\ucd94\ub294 \uac83\uc744 \uc758\ubbf8\ud558\ub294\ub370 \uc5ec\uae30\uc11c \uc5ec\uc131\ub4e4\uc758 \ubab8\ubb34\uac8c \ub178\ucd9c\uc744 \ub9c9\uae30 \uc704\ud574\uc11c\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \ud504\ub85c\ud37c\ud2f0 \uc120\uc5b8\uc744 \ubcc0\uacbd\ud574\uc900\ub2e4.<\/span><\/p>\n

\u00a0 \u00a0 function Scale (\u00a0 ) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0\u00a0var<\/span><\/strong>\u00a0womans = [new Woman(….), new Woman(….), new Woman(…)];<\/span><\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 this.prototype.getTotalWeights() {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var totalWeight = 0;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 for( i = 0 ; i < womans.length ; i++) {<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 totlaWeight += womans[i].getWeight();<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return totalWeight;<\/span><\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/p>\n

\u00a0 \u00a0 }<\/span><\/p>\n


\n<\/span><\/span><\/p>\n

\uc774\uc81c scale.womans \ub85c \uc811\uadfc\ud558\uba74 “undefined”\uac00 \ucd9c\ub825\ub418\uae30 \ub54c\ubb38\uc5d0 \uc5ec\uc131\ub4e4 \uac1c\uac1c\uc778\uc758 \ubab8\ubb34\uac8c\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uba54\uc18c\ub4dc \ud638\ucd9c\uc744 \ud560 \uc218 \uc5c6\ub2e4.<\/p>\n


\n<\/span><\/span><\/p>\n

5. \uc815\ub9ac\ud558\uba74.<\/strong><\/p>\n


\n<\/span><\/span><\/p>\n

\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud574\uc11c \uc0ac\uc6a9\ud558\ub294\uac8c \ubd88\ud544\uc694\ud558\uace0 \uc774\uc0c1\ud574 \ubcf4\uc77c \uc218\ub3c4 \uc788\ub2e4. \uc65c\ub0d0\ud558\uba74 \uc9c0\uae08\uae4c\uc9c0 \uc774\ub807\uac8c \ud558\uc9c0 \uc54a\uc544\ub3c4 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc798\ub9cc \uc368\uc654\uae30 \ub54c\ubb38\uc774\ub2e4. \uc774\ub7f0 \ud3b8\uacac\uc740 \uc608\uc804\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud654\uba74\uc744 \ub3d9\uc801\uc73c\ub85c \uad6c\uc131\ud558\ub294 \ub3c4\uad6c\ub85c\uc11c \uc0ac\uc6a9\ub418\uc5b4\uc654\uae30 \ub54c\ubb38\uc5d0 \uc0dd\uae34 \uac83\uc774 \uc544\ub2cc\uac00 \uc2f6\ub2e4. \ub610\ud55c \uc5b8\uc5b4\uac00 \ub9e4\uc6b0 \ud0c4\ub825\uc131\uc774 \ub192\uc544\uc11c \ucd08\uae30\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc5b4\ub5a0\ud55c \uccb4\uacc4\uc5d0 \ub9de\ucdb0\uc11c \uc0ac\uc6a9\ud560\uc9c0 \ub69c\ub837\ud55c \uac00\uc774\ub4dc\ub77c\uc778\uc774 \uc5c6\uc5c8\uae30 \ub54c\ubb38\uc774\uae30\ub3c4 \ud558\ub2e4.<\/p>\n


\n<\/span><\/span><\/p>\n

\ud558\uc9c0\ub9cc ajax\uc758 \ub3c4\uc785\uc73c\ub85c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uac00 \ub370\uc774\ud130 \ucc98\ub9ac\ub97c \uc704\ud55c \uc218\ub2e8\uc73c\ub85c\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ub418\uace0 \uc788\ub2e4. \uc11c\ubc84\ucabd\uc5d0\uc11c\ub294 \ub370\uc774\ud130 \ucc98\ub9ac\ub9cc \ud574\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0 \uc804\ub2ec\ud574\uc8fc\uace0 \ud074\ub77c\uc774\uc5b8\ud2b8\ub294 ajax \ub97c \uc774\uc6a9\ud574\uc11c \ub370\uc774\ud130\ub97c 2\ucc28 \uac00\uacf5\ud55c \ud6c4 display\ud558\ub294 ui \uacfc\uc815\uc744 \ubaa8\ub450 \ub5a0\uc548\uac8c \ub418\ub294 \uac83\uc774\ub2e4.<\/p>\n


\n<\/span><\/span><\/p>\n

\uc774\ub7ec\ud55c \ubcc0\ud654\uc5d0 \ub300\uc751\ud558\uae30 \uc704\ud574\uc11c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub3c4 class \ub97c \ub3c4\uc785\ud574\uc11c \uc880 \ub354 \uccb4\uacc4\uc801\uc73c\ub85c \ucf54\ub4dc\ub97c \ub9cc\ub4e4\uc5b4\uc5b4\uc9c0 \ud5a5\ud6c4 \uc720\uc9c0 \ubcf4\uc218\ud558\ub294\ub370 \uc5b4\ub824\uc6c0\uc774 \uc5c6\uc744 \uac83\uc73c\ub85c \uc0dd\uac01\ub41c\ub2e4. \uc608\uc804\uc5d0\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc544\uc8fc \uc6b0\uc2a4\uc6b4 \uc5b8\uc5b4, \uc6f9 \ub514\uc790\uc774\ub108\ub4e4\uc774\ub098 \ub2e4\ub8e8\ub294 \uc218\uc900\ub0ae\uc740 \uc5b8\uc5b4\ub85c \uc0dd\uac01\ud574\uc654\uc9c0\ub9cc \uc774\uc81c\ub294 \uc0dd\uac01\uc744 \ubc14\uafc0 \ub54c\uac00 \ub41c \uac83 \uac19\ub2e4.<\/p>\n


\n<\/span><\/span><\/p>\n

OOP\uc758 \uac1c\ub150\uc744 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0 \uc774\uc2dd\ud574\uc11c \uc5b8\uc5b4\uc758 \uc9c8\uc744 \ud55c\uce35 \ub192\uc77c \ub54c\uac00 \ub418\uc9c0 \uc54a\uc558\ub098 \uc2f6\ub2e4.<\/p>\n

 <\/p>\n

\ucd9c\ucc98 :\u00a0http:\/\/plming.tistory.com\/8<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\ucd9c\ucc98 :\u00a0http:\/\/plming.tistory.com\/8<\/a> <\/p>\n

\u00a0 <\/p>\n

1. \ud504\ub85c\ud37c\ud2f0(\ud074\ub798\uc2a4\ud544\ub4dc) \uc815\uc758\ud558\uae30.<\/strong> <\/p>\n

class_name<\/em>\u00a0=\u00a0function<\/strong>\u00a0(\u00a0parameter<\/em>, … ) {<\/span> <\/p>\n

\u00a0 \u00a0 ….<\/span> <\/p>\n

\u00a0 \u00a0\u00a0property declaration…<\/em><\/span> <\/p>\n

\u00a0 \u00a0 …<\/span> <\/p>\n

}<\/span> <\/p>\n

\ub610\ub294<\/span> <\/p>\n

function<\/strong>\u00a0class_name\u00a0<\/em>(\u00a0parameter<\/em>, … ) {<\/span> <\/p>\n

\u00a0 \u00a0 ….<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[],"class_list":["post-4","post","type-post","status-publish","format-standard","hentry","category-development","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/posts\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":6,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/posts\/4\/revisions"}],"predecessor-version":[{"id":6,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=\/wp\/v2\/posts\/4\/revisions\/6"}],"wp:attachment":[{"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.freesens.com\/x\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}