{"id":477,"date":"2023-01-24T15:39:17","date_gmt":"2023-01-24T06:39:17","guid":{"rendered":"https:\/\/dozzing.kr\/wordpress\/?p=477"},"modified":"2025-10-24T11:48:53","modified_gmt":"2025-10-24T02:48:53","slug":"javascript-%ea%b0%9d%ec%b2%b4","status":"publish","type":"post","link":"https:\/\/blog.dozzing.kr\/?p=477","title":{"rendered":"[JavaScript] \uac1d\uccb4"},"content":{"rendered":"

\ud83d\udc33\uac1d\uccb4<\/a><\/yy><\/strong> \uae00\uc744 \ubcf4\uace0 \uc815\ub9ac\ud55c \uae00\uc785\ub2c8\ub2e4 \ud83d\udc33<\/dodo><\/p>\n

1. \uac1d\uccb4(Object)\ub780?<\/h2>\n
    \n
  • \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \uac1d\uccb4(object) \uae30\ubc18\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\uc774\uba70 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\ub8e8\uace0 \uc788\ub294 \uac70\uc758 \u201c\ubaa8\ub4e0 \uac83\u201d\uc774 \uac1d\uccb4\uc774\ub2e4.
    \n\u00a0<\/li>\n<\/ul>\n

    1) \ud504\ub85c\ud37c\ud2f0<\/h3>\n

    \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4(\uc774\ub984)\uc640 \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4. \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc720\uc77c\ud558\uac8c \uc2dd\ubcc4\ud560 \uc218 \uc788\ub2e4. \uc989, \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uc2dd\ubcc4\ud558\uae30 \uc704\ud55c \uc2dd\ubcc4\uc790(identifier)\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc758 \uba85\uba85 \uaddc\uce59\uacfc \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uac12\uc740 \uc544\ub798\uc640 \uac19\ub2e4.
    \n- \ud504\ub85c\ud37c\ud2f0 \ud0a4 : \ube48 \ubb38\uc790\uc5f4\uc744 \ud3ec\ud568\ud558\ub294 \ubaa8\ub4e0 \ubb38\uc790\uc5f4 \ub610\ub294 symbol \uac12
    \n- \ud504\ub85c\ud37c\ud2f0 \uac12 : \ubaa8\ub4e0 \uac12
    \n\ud504\ub85c\ud37c\ud2f0 \ud0a4\uc5d0 \ubb38\uc790\uc5f4\uc774\ub098 symbol \uac12 \uc774\uc678\uc758 \uac12\uc744 \uc9c0\uc815\ud558\uba74 \uc554\ubb35\uc801\uc73c\ub85c \ud0c0\uc785\uc774 \ubcc0\ud658\ub418\uc5b4 \ubb38\uc790\uc5f4\uc774 \ub41c\ub2e4. \uc774\ubbf8 \uc874\uc7ac\ud558\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub97c \uc911\ubcf5 \uc120\uc5b8\ud558\uba74 \ub098\uc911\uc5d0 \uc120\uc5b8\ud55c \ud504\ub85c\ud37c\ud2f0\uac00 \uba3c\uc800 \uc120\uc5b8\ud55c \ud504\ub85c\ud37c\ud2f0\ub97c \ub36e\uc5b4\uc4f4\ub2e4. \ubc30\uc5f4\uacfc\ub294 \ub2ec\ub9ac \uac1d\uccb4\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uc5f4\uac70\ud560 \ub54c \uc21c\uc11c\ub97c \ubcf4\uc7a5\ud558\uc9c0 \uc54a\ub294\ub2e4.
    \n\u00a0<\/p>\n

    2) \uba54\uc18c\ub4dc<\/h3>\n

    \ud504\ub85c\ud37c\ud2f0 \uac12\uc774 \ud568\uc218\uc77c \uacbd\uc6b0, \uc77c\ubc18 \ud568\uc218\uc640 \uad6c\ubd84\ud558\uae30 \uc704\ud574 \uba54\uc18c\ub4dc\ub77c \ubd80\ub978\ub2e4. \uc989, \uba54\uc18c\ub4dc\ub294 \uac1d\uccb4\uc5d0 \uc81c\ud55c\ub418\uc5b4 \uc788\ub294 \ud568\uc218\ub97c \uc758\ubbf8\ud55c\ub2e4.
    \n\u00a0<\/p>\n

    2. \uac1d\uccb4 \uc0dd\uc131 \ubc29\ubc95<\/h2>\n

    1) \uac1d\uccb4 \ub9ac\ud130\ub7f4<\/h3>\n

    \uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \uac1d\uccb4 \uc0dd\uc131 \ubc29\uc2dd\uc774\ub2e4. \ud074\ub798\uc2a4 \uae30\ubc18 \uac1d\uccb4 \uc9c0\ud5a5 \uc5b8\uc5b4\uc640 \ube44\uad50\ud560 \ub54c \ub9e4\uc6b0 \uac04\ud3b8\ud558\uac8c \uac1d\uccb4\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4. ({})<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294\ub370 {}<\/code> \ub0b4\uc5d0 1\uac1c \uc774\uc0c1\uc758 \ud504\ub85c\ud37c\ud2f0\ub97c \uae30\uc220\ud558\uba74 \ud574\ub2f9 \ud504\ub85c\ud37c\ud2f0\uac00 \ucd94\uac00\ub41c \uac1d\uccb4\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4. {}<\/code> \ub0b4\uc5d0 \uc544\ubb34\uac83\ub3c4 \uae30\uc220\ud558\uc9c0 \uc54a\uc73c\uba74 \ube48 \uac1d\uccb4\uac00 \uc0dd\uc131\ub41c\ub2e4.<\/p>\n

    var emptyObject = {};\nconsole.log(typeof emptyObject); \/\/ object\n\nvar person = {\n  name: 'Lee',\n  gender: 'male',\n  sayHello: function () {\n    console.log('Hi! My name is ' + this.name);\n  }\n};\n\nconsole.log(typeof person); \/\/ object\nconsole.log(person); \/\/ {name: \"Lee\", gender: \"male\", sayHello: \u0192}\n\nperson.sayHello(); \/\/ Hi! My name is Lee\n<\/code><\/pre>\n
    \u00a0<\/p>\n
    2) Object \uc0dd\uc131\uc790 \ud568\uc218<\/h3>\n
    new \uc5f0\uc0b0\uc790\uc640 Object \uc0dd\uc131\uc790 \ud568\uc218\ub97c \ud638\ucd9c\ud558\uc5ec \ube48 \uac1d\uccb4\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4.
    \n- \uc0dd\uc131\uc790(constructor) \ud568\uc218\ub780 new \ud0a4\uc6cc\ub4dc\uc640 \ud568\uaed8 \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\uace0 \ucd08\uae30\ud654\ud558\ub294 \ud568\uc218\ub97c \ub9d0\ud55c\ub2e4. \uc0dd\uc131\uc790 \ud568\uc218\ub97c \ud1b5\ud574 \uc0dd\uc131\ub41c \uac1d\uccb4\ub97c \uc778\uc2a4\ud134\uc2a4(instance)\ub77c \ud55c\ub2e4. \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 Object \uc0dd\uc131\uc790 \ud568\uc218 \uc774\uc678\uc5d0\ub3c4 String, Number, Boolean, Array, Date, RegExp \ub4f1\uc758 \ube4c\ud2b8\uc778 \uc0dd\uc131\uc790 \ud568\uc218\ub97c \uc81c\uacf5\ud55c\ub2e4. \uc77c\ubc18 \ud568\uc218\uc640 \uc0dd\uc131\uc790 \ud568\uc218\ub97c \uad6c\ubd84\ud558\uae30 \uc704\ud574 \uc0dd\uc131\uc790 \ud568\uc218\uc758 \uc774\ub984\uc740 \ud30c\uc2a4\uce7c \ucf00\uc774\uc2a4(PascalCase)\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc774\ub2e4.<\/p>\n
    \/\/ \ube48 \uac1d\uccb4\uc758 \uc0dd\uc131\nvar person = new Object();\n\/\/ \ud504\ub85c\ud37c\ud2f0 \ucd94\uac00\nperson.name = 'Lee';\nperson.gender = 'male';\nperson.sayHello = function () {\n  console.log('Hi! My name is ' + this.name);\n};\n\nconsole.log(typeof person); \/\/ object\nconsole.log(person); \/\/ {name: \"Lee\", gender: \"male\", sayHello: \u0192}\n\nperson.sayHello(); \/\/ Hi! My name is Lee\n<\/code><\/pre>\n
      \n
    • \uac1d\uccb4 \ub9ac\ud130\ub7f4 \ubc29\uc2dd\uc73c\ub85c \uc0dd\uc131\ub41c \uac1d\uccb4\ub294 \uacb0\uad6d \ube4c\ud2b8\uc778(Built-in) \ud568\uc218\uc778 Object \uc0dd\uc131\uc790 \ud568\uc218\ub85c \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294 \uac83\uc744 \ub2e8\uc21c\ud654\uc2dc\ud0a8 \ucd95\uc57d \ud45c\ud604(short-hand)\uc774\ub2e4.
      \n\u00a0<\/li>\n<\/ul>\n
      3) \uc0dd\uc131\uc790 \ud568\uc218<\/h3>\n
      \uac1d\uccb4 \ub9ac\ud130\ub7f4 \ubc29\uc2dd\uacfc Object \uc0dd\uc131\uc790 \ud568\uc218 \ubc29\uc2dd\uc73c\ub85c \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294 \uac83\uc740 \ud504\ub85c\ud37c\ud2f0 \uac12\ub9cc \ub2e4\ub978 \uc5ec\ub7ec \uac1c\uc758 \uac1d\uccb4\ub97c \uc0dd\uc131\ud560 \ub54c \ubd88\ud3b8\ud558\ub2e4. \ub3d9\uc77c\ud55c \ud504\ub85c\ud37c\ud2f0\ub97c \uac16\ub294 \uac1d\uccb4\uc784\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 \ub9e4\ubc88 \uac19\uc740 \ud504\ub85c\ud37c\ud2f0\ub97c \uae30\uc220\ud574\uc57c \ud55c\ub2e4.<\/p>\n
      var person1 = {\n  name: 'Lee',\n  gender: 'male',\n  sayHello: function () {\n    console.log('Hi! My name is ' + this.name);\n  }\n};\n\nvar person2 = {\n  name: 'Kim',\n  gender: 'female',\n  sayHello: function () {\n    console.log('Hi! My name is ' + this.name);\n  }\n};\n<\/code><\/pre>\n
      \uc0dd\uc131\uc790 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uba74 \ub9c8\uce58 \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\uae30 \uc704\ud55c \ud15c\ud50c\ub9bf(\ud074\ub798\uc2a4)\ucc98\ub7fc \uc0ac\uc6a9\ud558\uc5ec \ud504\ub85c\ud37c\ud2f0\uac00 \ub3d9\uc77c\ud55c \uac1d\uccb4 \uc5ec\ub7ec \uac1c\ub97c \uac04\ud3b8\ud558\uac8c \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4.<\/h5>\n
      \/\/ \uc0dd\uc131\uc790 \ud568\uc218\nfunction Person(name, gender) {\n  this.name = name;\n  this.gender = gender;\n  this.sayHello = function(){\n    console.log('Hi! My name is ' + this.name);\n  };\n}\n\n\/\/ \uc778\uc2a4\ud134\uc2a4\uc758 \uc0dd\uc131\nvar person1 = new Person('Lee', 'male');\nvar person2 = new Person('Kim', 'female');\n\nconsole.log('person1: ', typeof person1);\nconsole.log('person2: ', typeof person2);\nconsole.log('person1: ', person1);\nconsole.log('person2: ', person2);\n\nperson1.sayHello();\nperson2.sayHello();\n<\/code><\/pre>\n
        \n
      • \uc0dd\uc131\uc790 \ud568\uc218 \uc774\ub984\uc740 \uc77c\ubc18\uc801\uc73c\ub85c \ub300\ubb38\uc790\ub85c \uc2dc\uc791\ud55c\ub2e4. \uc774\uac83\uc740 \uc0dd\uc131\uc790 \ud568\uc218\uc784\uc744 \uc778\uc2dd\ud558\ub3c4\ub85d \ub3c4\uc6c0\uc744 \uc900\ub2e4.<\/li>\n
      • \ud504\ub85c\ud37c\ud2f0 \ub610\ub294 \uba54\uc18c\ub4dc\uba85 \uc55e\uc5d0 \uae30\uc220\ud55c this<\/code>\ub294 \uc0dd\uc131\uc790 \ud568\uc218\uac00 \uc0dd\uc131\ud560 \uc778\uc2a4\ud134\uc2a4(instance)<\/strong>\ub97c \uac00\ub9ac\ud0a8\ub2e4.<\/li>\n
      • this\uc5d0 \uc5f0\uacb0(\ubc14\uc778\ub529)\ub418\uc5b4 \uc788\ub294 \ud504\ub85c\ud37c\ud2f0\uc640 \uba54\uc18c\ub4dc\ub294 public<\/code>(\uc678\ubd80\uc5d0\uc11c \ucc38\uc870 \uac00\ub2a5)\ud558\ub2e4.<\/li>\n
      • \uc0dd\uc131\uc790 \ud568\uc218 \ub0b4\uc5d0\uc11c \uc120\uc5b8\ub41c \uc77c\ubc18 \ubcc0\uc218\ub294 private<\/code>(\uc678\ubd80\uc5d0\uc11c \ucc38\uc870 \ubd88\uac00\ub2a5)\ud558\ub2e4. \uc989, \uc0dd\uc131\uc790 \ud568\uc218 \ub0b4\ubd80\uc5d0\uc11c\ub294 \uc790\uc720\ub86d\uac8c \uc811\uadfc\uc774 \uac00\ub2a5\ud558\ub098 \uc678\ubd80\uc5d0\uc11c \uc811\uadfc\ud560 \uc218 \uc5c6\ub2e4.<\/li>\n<\/ul>\n
        function Person(name, gender) {\n  var married = true;         \/\/ private\n  this.name = name;           \/\/ public\n  this.gender = gender;       \/\/ public\n  this.sayHello = function(){ \/\/ public\n    console.log('Hi! My name is ' + this.name);\n  };\n}\n\nvar person = new Person('Lee', 'male');\n\nconsole.log(typeof person); \/\/ object\nconsole.log(person); \/\/ Person { name: 'Lee', gender: 'male', sayHello: [Function] }\n\nconsole.log(person.gender);  \/\/ 'male'\nconsole.log(person.married); \/\/ undefined\n<\/code><\/pre>\n
        \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \uc0dd\uc131\uc790 \ud568\uc218\ub294 \uc774\ub984 \uadf8\ub300\ub85c \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294 \ud568\uc218\uc774\ub2e4. \ud558\uc9c0\ub9cc \uc790\ubc14\uc640 \uac19\uc740 \ud074\ub798\uc2a4 \uae30\ubc18 \uac1d\uccb4\uc9c0\ud5a5 \uc5b8\uc5b4\uc758 \uc0dd\uc131\uc790(constructor)\uc640\ub294 \ub2e4\ub974\uac8c \uadf8 \ud615\uc2dd\uc774 \uc815\ud574\uc838 \uc788\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uae30\uc874 \ud568\uc218\uc640 \ub3d9\uc77c\ud55c \ubc29\ubc95\uc73c\ub85c \uc0dd\uc131\uc790 \ud568\uc218\ub97c \uc120\uc5b8\ud558\uace0 new \uc5f0\uc0b0\uc790\ub97c \ubd99\uc5ec\uc11c \ud638\ucd9c\ud558\uba74 \ud574\ub2f9 \ud568\uc218\ub294 \uc0dd\uc131\uc790 \ud568\uc218\ub85c \ub3d9\uc791\ud55c\ub2e4.<\/p>\n
        \uc774\ub294 \uc0dd\uc131\uc790 \ud568\uc218\uac00 \uc544\ub2cc \uc77c\ubc18 \ud568\uc218\uc5d0 new \uc5f0\uc0b0\uc790\ub97c \ubd99\uc5ec \ud638\ucd9c\ud558\uba74 \uc0dd\uc131\uc790 \ud568\uc218\ucc98\ub7fc \ub3d9\uc791\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud55c\ub2e4. \ub530\ub77c\uc11c \uc77c\ubc18\uc801\uc73c\ub85c \uc0dd\uc131\uc790 \ud568\uc218\uba85\uc740 \uccab\ubb38\uc790\ub97c \ub300\ubb38\uc790\ub85c \uae30\uc220\ud558\uc5ec \ud63c\ub780\uc744 \ubc29\uc9c0\ud558\ub824\ub294 \ub178\ub825\uc744 \ud55c\ub2e4.<\/p>\n
        new \uc5f0\uc0b0\uc790\uc640 \ud568\uaed8 \ud568\uc218\ub97c \ud638\ucd9c\ud558\uba74 this<\/code> \ubc14\uc778\ub529\uc774 \ub2e4\ub974\uac8c \ub3d9\uc791\ud55c\ub2e4.
        \n\u00a0<\/p>\n
        3. \uac1d\uccb4 \ud504\ub85c\ud37c\ud2f0 \uc811\uadfc<\/h2>\n
        1) \ud504\ub85c\ud37c\ud2f0 \ud0a4<\/h3>\n
        \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \ubb38\uc790\uc5f4(\ube48 \ubb38\uc790\uc5f4 \ud3ec\ud568)\uc744 \uc9c0\uc815\ud55c\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc5d0 \ubb38\uc790\uc5f4\uc774\ub098 symbol \uac12 \uc774\uc678\uc758 \uac12\uc744 \uc9c0\uc815\ud558\uba74 \uc554\ubb35\uc801\uc73c\ub85c \ud0c0\uc785\uc774 \ubcc0\ud658\ub418\uc5b4 \ubb38\uc790\uc5f4\uc774 \ub41c\ub2e4. \ub610\ud55c \ubb38\uc790\uc5f4 \ud0c0\uc785\uc758 \uac12\uc73c\ub85c \uc218\ub834\ub420 \uc218 \uc788\ub294 \ud45c\ud604\uc2dd\ub3c4 \uac00\ub2a5\ud558\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \ubb38\uc790\uc5f4\uc774\ubbc0\ub85c \ub530\uc634\ud45c(\u2018\u2019 \ub610\ub294 \u201c\u201c)\ub97c \uc0ac\uc6a9\ud55c\ub2e4. \ud558\uc9c0\ub9cc \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc720\ud6a8\ud55c \uc774\ub984\uc778 \uacbd\uc6b0, \ub530\uc634\ud45c\ub97c \uc0dd\ub7b5\ud560 \uc218 \uc788\ub2e4. \ubc18\ub300\ub85c \ub9d0\ud558\uba74 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc720\ud6a8\ud55c \uc774\ub984\uc774 \uc544\ub2cc \uacbd\uc6b0, \ubc18\ub4dc\uc2dc \ub530\uc634\ud45c\ub97c \uc0ac\uc6a9\ud558\uc5ec\uc57c \ud55c\ub2e4.<\/p>\n
        \ud504\ub85c\ud37c\ud2f0 \uac12\uc740 \ubaa8\ub4e0 \uac12\uacfc \ud45c\ud604\uc2dd\uc774 \uc62c \uc218 \uc788\uc73c\uba70 \ud504\ub85c\ud37c\ud2f0 \uac12\uc774 \ud568\uc218\uc778 \uacbd\uc6b0 \uc774\ub97c \uba54\uc18c\ub4dc\ub77c \ud55c\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male',\n  1: 10,\n  function: 1 \/\/ OK. \ud558\uc9c0\ub9cc \uc608\uc57d\uc5b4\ub294 \uc0ac\uc6a9\ud558\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4.\n};\n\nconsole.log(person);\n<\/code><\/pre>\n
        \ud504\ub85c\ud37c\ud2f0 \ud0a4 first-name\uc5d0\ub294 \ubc18\ub4dc\uc2dc \ub530\uc634\ud45c\ub97c \uc0ac\uc6a9\ud574\uc57c \ud558\uc9c0\ub9cc first_name\uc5d0\ub294 \uc0dd\ub7b5 \uac00\ub2a5\ud558\ub2e4. first-name\uc740 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc720\ud6a8\ud55c \uc774\ub984\uc774 \uc544\ub2c8\ub77c \u2018-\u2018 \uc5f0\uc0b0\uc790\uac00 \uc788\ub294 \ud45c\ud604\uc2dd\uc774\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n
        var person = {\n  first-name: 'Ung-mo', \/\/ SyntaxError: Unexpected token -\n};\n<\/code><\/pre>\n
        \ud45c\ud604\uc2dd\uc744 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc0ac\uc6a9\ud558\ub824\uba74 \ud0a4\ub85c \uc0ac\uc6a9\ud560 \ud45c\ud604\uc2dd\uc744 \ub300\uad04\ud638\ub85c \ubb36\uc5b4\uc57c \ud55c\ub2e4. \uc774\ub54c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc5d4\uc9c4\uc740 \ud45c\ud604\uc2dd\uc744 \ud3c9\uac00\ud558\uae30 \uc704\ud574 \uc2dd\ubcc4\uc790 first\ub97c \ucc3e\uc744 \uac83\uc774\uace0 \uc774\ub54c ReferenceError\uac00 \ubc1c\uc0dd\ud55c\ub2e4.<\/p>\n
        var person = {\n  [first-name]: 'Ung-mo', \/\/ ReferenceError: first is not defined\n};\n<\/code><\/pre>\n
        \uc608\uc57d\uc5b4\ub97c \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc0ac\uc6a9\ud558\uc5ec\ub3c4 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc9c0\ub294 \uc54a\ub294\ub2e4. \ud558\uc9c0\ub9cc \uc608\uc0c1\uce58 \ubabb\ud55c \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \uc608\uc57d\uc5b4\ub97c \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc0ac\uc6a9\ud574\uc11c\ub294 \uc548\ub41c\ub2e4. \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc608\uc57d\uc5b4\ub294 \uc544\ub798\uc640 \uac19\ub2e4.<\/p>\n
        abstract  arguments boolean break byte\ncase  catch char  class*  const\ncontinue  debugger  default delete  do\ndouble  else  enum* eval  export*\nextends*  false final finally float\nfor function  goto  if  implements\nimport* in  instanceof  int interface\nlet long  native  new null\npackage private protected public  return\nshort static  super*  switch  synchronized\nthis  throw throws  transient true\ntry typeof  var void  volatile\nwhile with  yield\n\/\/ *\ub294 ES6\uc5d0\uc11c \ucd94\uac00\ub41c \uc608\uc57d\uc5b4\n<\/code><\/pre>\n
        \u00a0<\/p>\n
        2) \ud504\ub85c\ud37c\ud2f0 \uac12 \uc77d\uae30<\/h3>\n
        \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0 \uac12\uc5d0 \uc811\uadfc\ud558\ub294 \ubc29\ubc95\uc740 \ub9c8\uce68\ud45c(.) \ud45c\uae30\ubc95<\/code>\uacfc \ub300\uad04\ud638([]) \ud45c\uae30\ubc95<\/code>\uc774 \uc788\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male',\n  1: 10\n};\n\nconsole.log(person);\n\nconsole.log(person.first-name);    \/\/ NaN: undefined-undefined\nconsole.log(person[first-name]);   \/\/ ReferenceError: first is not defined\nconsole.log(person['first-name']); \/\/ 'Ung-mo'\n\nconsole.log(person.gender);    \/\/ 'male'\nconsole.log(person[gender]);   \/\/ ReferenceError: gender is not defined\nconsole.log(person['gender']); \/\/ 'male'\n\nconsole.log(person['1']); \/\/ 10\nconsole.log(person[1]);   \/\/ 10 : person[1] -> person['1']\nconsole.log(person.1);    \/\/ SyntaxError\n<\/code><\/pre>\n
        \ud504\ub85c\ud37c\ud2f0 \ud0a4\uac00 \uc720\ud6a8\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc774\ub984\uc774\uace0 \uc608\uc57d\uc5b4\uac00 \uc544\ub2cc \uacbd\uc6b0 \ud504\ub85c\ud37c\ud2f0 \uac12\uc740 \ub9c8\uce68\ud45c \ud45c\uae30\ubc95, \ub300\uad04\ud638 \ud45c\uae30\ubc95 \ubaa8\ub450 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n
        \ud504\ub85c\ud37c\ud2f0 \uc774\ub984\uc774 \uc720\ud6a8\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc774\ub984\uc774 \uc544\ub2c8\uac70\ub098 \uc608\uc57d\uc5b4\uc778 \uacbd\uc6b0 \ud504\ub85c\ud37c\ud2f0 \uac12\uc740 \ub300\uad04\ud638 \ud45c\uae30\ubc95\uc73c\ub85c \uc77d\uc5b4\uc57c \ud55c\ub2e4. \ub300\uad04\ud638([]) \ud45c\uae30\ubc95\uc744 \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0, \ub300\uad04\ud638 \ub0b4\uc5d0 \ub4e4\uc5b4\uac00\ub294 \ud504\ub85c\ud37c\ud2f0 \uc774\ub984\uc740 \ubc18\ub4dc\uc2dc \ubb38\uc790\uc5f4\uc774\uc5b4\uc57c \ud55c\ub2e4.<\/strong><\/p>\n
        \uac1d\uccb4\uc5d0 \uc874\uc7ac\ud558\uc9c0 \uc54a\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \ucc38\uc870\ud558\uba74 undefined<\/code>\ub97c \ubc18\ud658\ud55c\ub2e4.
        \n\u00a0<\/p>\n
        3) \ud504\ub85c\ud37c\ud2f0 \uac12 \uac31\uc2e0<\/h3>\n
        \uac1d\uccb4\uac00 \uc18c\uc720\ud558\uace0 \uc788\ub294 \ud504\ub85c\ud37c\ud2f0\uc5d0 \uc0c8\ub85c\uc6b4 \uac12\uc744 \ud560\ub2f9\ud558\uba74 \ud504\ub85c\ud37c\ud2f0 \uac12\uc740 \uac31\uc2e0\ub41c\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male',\n};\n\nperson['first-name'] = 'Kim';\nconsole.log(person['first-name'] ); \/\/ 'Kim'\n<\/code><\/pre>\n
        \u00a0<\/p>\n
        4) \ud504\ub85c\ud37c\ud2f0 \ub3d9\uc801 \uc0dd\uc131<\/h3>\n
        \uac1d\uccb4\uac00 \uc18c\uc720\ud558\uace0 \uc788\uc9c0 \uc54a\uc740 \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc5d0 \uac12\uc744 \ud560\ub2f9\ud558\uba74 \ud558\uba74 \uc8fc\uc5b4\uc9c4 \ud0a4\uc640 \uac12\uc73c\ub85c \ud504\ub85c\ud37c\ud2f0\ub97c \uc0dd\uc131\ud558\uc5ec \uac1d\uccb4\uc5d0 \ucd94\uac00\ud55c\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male',\n};\n\nperson.age = 20;\nconsole.log(person.age); \/\/ 20\n<\/code><\/pre>\n
        \u00a0<\/p>\n
        5) \ud504\ub85c\ud37c\ud2f0 \uc0ad\uc81c<\/h3>\n
        delete<\/code> \uc5f0\uc0b0\uc790\ub97c \uc0ac\uc6a9\ud558\uba74 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0\ub97c \uc0ad\uc81c\ud560 \uc218 \uc788\ub2e4. \uc774\ub54c \ud53c\uc5f0\uc0b0\uc790\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc774\uc5b4\uc57c \ud55c\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male',\n};\n\ndelete person.gender;\nconsole.log(person.gender); \/\/ undefined\n\ndelete person;\nconsole.log(person); \/\/ Object {first-name: 'Ung-mo', last-name: 'Lee'}\n<\/code><\/pre>\n
        \u00a0<\/p>\n
        6) for-in \ubb38<\/h3>\n
        for-in \ubb38<\/code>\uc744 \uc0ac\uc6a9\ud558\uba74 \uac1d\uccb4(\ubc30\uc5f4 \ud3ec\ud568)\uc5d0 \ud3ec\ud568\ub41c \ubaa8\ub4e0 \ud504\ub85c\ud37c\ud2f0\uc5d0 \ub300\ud574 \ub8e8\ud504\ub97c \uc218\ud589\ud560 \uc218 \uc788\ub2e4.<\/p>\n
        var person = {\n  'first-name': 'Ung-mo',\n  'last-name': 'Lee',\n  gender: 'male'\n};\n\n\/\/ prop\uc5d0 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0 \uc774\ub984\uc774 \ubc18\ud658\ub41c\ub2e4. \ub2e8, \uc21c\uc11c\ub294 \ubcf4\uc7a5\ub418\uc9c0 \uc54a\ub294\ub2e4.\nfor (var prop in person) {\n  console.log(prop + ': ' + person[prop]);\n}\n\n\/*\nfirst-name: Ung-mo\nlast-name: Lee\ngender: male\n*\/\n\nvar array = ['one', 'two'];\n\n\/\/ index\uc5d0 \ubc30\uc5f4\uc758 \uacbd\uc6b0 \uc778\ub371\uc2a4\uac00 \ubc18\ud658\ub41c\ub2e4\nfor (var index in array) {\n  console.log(index + ': ' + array[index]);\n}\n\n\/*\n0: one\n1: two\n*\/\n<\/code><\/pre>\n
        for-in \ubb38\uc740 \uac1d\uccb4\uc758 \ubb38\uc790\uc5f4 \ud0a4(key)\ub97c \uc21c\ud68c\ud558\uae30 \uc704\ud55c \ubb38\ubc95\uc774\ub2e4. \ubc30\uc5f4\uc5d0\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 \uac83\uc774 \uc88b\ub2e4. \uc774\uc720\ub294 \uc544\ub798\uc640 \uac19\ub2e4.<\/p>\n
          \n
        1. \uac1d\uccb4\uc758 \uacbd\uc6b0, \ud504\ub85c\ud37c\ud2f0\uc758 \uc21c\uc11c\uac00 \ubcf4\uc7a5\ub418\uc9c0 \uc54a\ub294\ub2e4. \uadf8 \uc774\uc720\ub294 \uc6d0\ub798 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0\uc5d0\ub294 \uc21c\uc11c\uac00 \uc5c6\uae30 \ub54c\ubb38\uc774\ub2e4. \ubc30\uc5f4\uc740 \uc21c\uc11c\ub97c \ubcf4\uc7a5\ud558\ub294 \ub370\uc774\ud130 \uad6c\uc870\uc774\uc9c0\ub9cc \uac1d\uccb4\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \uc21c\uc11c\ub97c \ubcf4\uc7a5\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/li>\n
        2. \ubc30\uc5f4 \uc694\uc18c\ub4e4\ub9cc\uc744 \uc21c\ud68c\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/li>\n<\/ol>\n
          \/\/ \ubc30\uc5f4 \uc694\uc18c\ub4e4\ub9cc\uc744 \uc21c\ud68c\ud558\uc9c0 \uc54a\ub294\ub2e4.\nvar array = ['one', 'two'];\narray.name = 'my array';\n\nfor (var index in array) {\n  console.log(index + ': ' + array[index]);\n}\n\n\/*\n0: one\n1: two\nname: my array\n*\/\n<\/code><\/pre>\n
          \uc774\uc640 \uac19\uc740 for-in \ubb38\uc758 \ub2e8\uc810\uc744 \uadf9\ubcf5\ud558\uae30 \uc704\ud574 ES6\uc5d0\uc11c for-of \ubb38\uc774 \ucd94\uac00\ub418\uc5c8\ub2e4.
          \nfor\u2013in \ubb38\uc740 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0\ub97c \uc21c\ud68c\ud558\uae30 \uc704\ud574 \uc0ac\uc6a9\ud558\uace0 for\u2013of \ubb38\uc740 \ubc30\uc5f4\uc758 \uc694\uc18c\ub97c \uc21c\ud68c\ud558\uae30 \uc704\ud574 \uc0ac\uc6a9\ud55c\ub2e4.<\/p>\n
          const array = [1, 2, 3];\narray.name = 'my array';\n\nfor (const value of array) {\n  console.log(value);\n}\n\n\/*\n1\n2\n3\n*\/\n\nfor (const [index, value] of array.entries()) {\n  console.log(index, value);\n}\n\n\/*\n0 1\n1 2\n2 3\n*\/\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
          \ud83d\udc33\uac1d\uccb4 \uae00\uc744 \ubcf4\uace0 \uc815\ub9ac\ud55c \uae00\uc785\ub2c8\ub2e4 \ud83d\udc33 1. \uac1d\uccb4(Object)\ub780? \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \uac1d\uccb4(object) \uae30\ubc18\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\uc774\uba70 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\ub8e8\uace0 \uc788\ub294 \uac70\uc758 \u201c\ubaa8\ub4e0 \uac83\u201d\uc774 \uac1d\uccb4\uc774\ub2e4. \u00a0 1) \ud504\ub85c\ud37c\ud2f0 \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4(\uc774\ub984)\uc640 \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4. \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc720\uc77c\ud558\uac8c \uc2dd\ubcc4\ud560 \uc218 \uc788\ub2e4. \uc989, \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uc2dd\ubcc4\ud558\uae30 \uc704\ud55c \uc2dd\ubcc4\uc790(identifier)\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc758 \uba85\uba85 \uaddc\uce59\uacfc \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uac12\uc740 \uc544\ub798\uc640 \uac19\ub2e4. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,30,33],"tags":[32],"class_list":["post-477","post","type-post","status-publish","format-standard","hentry","category-frontend","category-javascript","category-web","tag-javascript"],"yoast_head":"\n[JavaScript] \uac1d\uccb4 - Dozzing World<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.dozzing.kr\/?p=477\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[JavaScript] \uac1d\uccb4 - Dozzing World\" \/>\n<meta property=\"og:description\" content=\"\ud83d\udc33\uac1d\uccb4 \uae00\uc744 \ubcf4\uace0 \uc815\ub9ac\ud55c \uae00\uc785\ub2c8\ub2e4 \ud83d\udc33 1. \uac1d\uccb4(Object)\ub780? \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \uac1d\uccb4(object) \uae30\ubc18\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\uc774\uba70 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\ub8e8\uace0 \uc788\ub294 \uac70\uc758 \u201c\ubaa8\ub4e0 \uac83\u201d\uc774 \uac1d\uccb4\uc774\ub2e4. \u00a0 1) \ud504\ub85c\ud37c\ud2f0 \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4(\uc774\ub984)\uc640 \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4. \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc720\uc77c\ud558\uac8c \uc2dd\ubcc4\ud560 \uc218 \uc788\ub2e4. \uc989, \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uc2dd\ubcc4\ud558\uae30 \uc704\ud55c \uc2dd\ubcc4\uc790(identifier)\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc758 \uba85\uba85 \uaddc\uce59\uacfc \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uac12\uc740 \uc544\ub798\uc640 \uac19\ub2e4. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.dozzing.kr\/?p=477\" \/>\n<meta property=\"og:site_name\" content=\"Dozzing World\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-24T06:39:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T02:48:53+00:00\" \/>\n<meta name=\"author\" content=\"Dozzing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dozzing\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.dozzing.kr\/?p=477\",\"url\":\"https:\/\/blog.dozzing.kr\/?p=477\",\"name\":\"[JavaScript] \uac1d\uccb4 - Dozzing World\",\"isPartOf\":{\"@id\":\"https:\/\/blog.dozzing.kr\/#website\"},\"datePublished\":\"2023-01-24T06:39:17+00:00\",\"dateModified\":\"2025-10-24T02:48:53+00:00\",\"author\":{\"@id\":\"https:\/\/blog.dozzing.kr\/#\/schema\/person\/52258baef65b530d3e867e4c1f79c36f\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.dozzing.kr\/?p=477#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.dozzing.kr\/?p=477\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.dozzing.kr\/?p=477#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.dozzing.kr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[JavaScript] \uac1d\uccb4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.dozzing.kr\/#website\",\"url\":\"https:\/\/blog.dozzing.kr\/\",\"name\":\"Dozzing World\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.dozzing.kr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.dozzing.kr\/#\/schema\/person\/52258baef65b530d3e867e4c1f79c36f\",\"name\":\"Dozzing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/blog.dozzing.kr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0bbe3fe675c3641965411ffb61a1368b3bf05e794deaa3c7bd0ef7b4690a614a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0bbe3fe675c3641965411ffb61a1368b3bf05e794deaa3c7bd0ef7b4690a614a?s=96&d=mm&r=g\",\"caption\":\"Dozzing\"},\"sameAs\":[\"https:\/\/blog.dozzing.kr\/\"],\"url\":\"https:\/\/blog.dozzing.kr\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[JavaScript] \uac1d\uccb4 - Dozzing World","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.dozzing.kr\/?p=477","og_locale":"ko_KR","og_type":"article","og_title":"[JavaScript] \uac1d\uccb4 - Dozzing World","og_description":"\ud83d\udc33\uac1d\uccb4 \uae00\uc744 \ubcf4\uace0 \uc815\ub9ac\ud55c \uae00\uc785\ub2c8\ub2e4 \ud83d\udc33 1. \uac1d\uccb4(Object)\ub780? \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \uac1d\uccb4(object) \uae30\ubc18\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\uc774\uba70 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\ub8e8\uace0 \uc788\ub294 \uac70\uc758 \u201c\ubaa8\ub4e0 \uac83\u201d\uc774 \uac1d\uccb4\uc774\ub2e4. \u00a0 1) \ud504\ub85c\ud37c\ud2f0 \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4(\uc774\ub984)\uc640 \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4. \ud504\ub85c\ud37c\ud2f0\ub294 \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub85c \uc720\uc77c\ud558\uac8c \uc2dd\ubcc4\ud560 \uc218 \uc788\ub2e4. \uc989, \ud504\ub85c\ud37c\ud2f0 \ud0a4\ub294 \ud504\ub85c\ud37c\ud2f0\ub97c \uc2dd\ubcc4\ud558\uae30 \uc704\ud55c \uc2dd\ubcc4\uc790(identifier)\ub2e4. \ud504\ub85c\ud37c\ud2f0 \ud0a4\uc758 \uba85\uba85 \uaddc\uce59\uacfc \ud504\ub85c\ud37c\ud2f0 \uac12\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uac12\uc740 \uc544\ub798\uc640 \uac19\ub2e4. […]","og_url":"https:\/\/blog.dozzing.kr\/?p=477","og_site_name":"Dozzing World","article_published_time":"2023-01-24T06:39:17+00:00","article_modified_time":"2025-10-24T02:48:53+00:00","author":"Dozzing","twitter_card":"summary_large_image","twitter_misc":{"\uae00\uc4f4\uc774":"Dozzing","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"8\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.dozzing.kr\/?p=477","url":"https:\/\/blog.dozzing.kr\/?p=477","name":"[JavaScript] \uac1d\uccb4 - Dozzing World","isPartOf":{"@id":"https:\/\/blog.dozzing.kr\/#website"},"datePublished":"2023-01-24T06:39:17+00:00","dateModified":"2025-10-24T02:48:53+00:00","author":{"@id":"https:\/\/blog.dozzing.kr\/#\/schema\/person\/52258baef65b530d3e867e4c1f79c36f"},"breadcrumb":{"@id":"https:\/\/blog.dozzing.kr\/?p=477#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.dozzing.kr\/?p=477"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.dozzing.kr\/?p=477#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.dozzing.kr\/"},{"@type":"ListItem","position":2,"name":"[JavaScript] \uac1d\uccb4"}]},{"@type":"WebSite","@id":"https:\/\/blog.dozzing.kr\/#website","url":"https:\/\/blog.dozzing.kr\/","name":"Dozzing World","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.dozzing.kr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Person","@id":"https:\/\/blog.dozzing.kr\/#\/schema\/person\/52258baef65b530d3e867e4c1f79c36f","name":"Dozzing","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/blog.dozzing.kr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0bbe3fe675c3641965411ffb61a1368b3bf05e794deaa3c7bd0ef7b4690a614a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0bbe3fe675c3641965411ffb61a1368b3bf05e794deaa3c7bd0ef7b4690a614a?s=96&d=mm&r=g","caption":"Dozzing"},"sameAs":["https:\/\/blog.dozzing.kr\/"],"url":"https:\/\/blog.dozzing.kr\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/posts\/477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=477"}],"version-history":[{"count":11,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/posts\/477\/revisions"}],"predecessor-version":[{"id":556,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=\/wp\/v2\/posts\/477\/revisions\/556"}],"wp:attachment":[{"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.dozzing.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}