{"id":33875,"date":"2018-01-10T11:59:26","date_gmt":"2018-01-10T02:59:26","guid":{"rendered":"https:\/\/blog.jetbrains.com\/kr\/?p=199"},"modified":"2018-01-10T11:59:26","modified_gmt":"2018-01-10T02:59:26","slug":"webstorm-2017-3-javascript","status":"publish","type":"post","link":"https:\/\/blog.jetbrains.com\/ko\/2018\/01\/10\/webstorm-2017-3-javascript\/","title":{"rendered":"WebStorm 2017.3 \uc73c\ub85c JavaScript \ub514\ubc84\uae45\ud558\uae30"},"content":{"rendered":"WebStorm\uc744 \uc0ac\uc6a9\ud558\uc5ec Chrome\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 JavaScript \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub514\ubc84\uae45 \ud558\uc2dc\ub294 \uc0ac\uc6a9\uc790\ub4e4\uc5d0\uac8c \uc544\uc8fc \uc88b\uc740 \uc18c\uc2dd\uc774 \uc788\uc2b5\ub2c8\ub2e4!\r\n\r\n\uc774\uc81c,\u00a0Chrome 63 \ubd80\ud130\u00a0Chrome DevTools \ubc0f WebStorm \ub514\ubc84\uac70\ub97c \ub3d9\uc2dc\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.\r\n\r\n\ub610\ud55c,\u00a0WebStorm 2017.3\uc744 \uc0ac\uc6a9\ud558\uba74 \ub354 \uc774\uc0c1 WebStorm\uc5d0\uc11c \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8 \uc744 \ub514\ubc84\uae45\ud558\uae30 \uc704\ud574 \ucd94\uac00 Chrome \ud655\uc7a5 \uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4 .\r\n\r\n \r\nWebStorm\uacfc Chrome DevTools\uc5d0\uc11c \ub3d9\uc2dc\uc5d0 \ub514\ubc84\uae45\ud558\uae30\r\n \r\n\r\nWebStorm\uc5d0\uc11c \ub514\ubc84\uac70\ub97c \uc5f4\uc5b4 \ub454 \uc0c1\ud0dc\ub85c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c DevTools\ub97c \uc5f4\ub824\uace0 \uc2dc\ub3c4\ud55c \uc801\uc774 \uc788\uac70\ub098 \uadf8 \ubc18\ub300\uc758 \uacbd\uc6b0\ub77c\uba74 WebStorm \ub514\ubc84\uac70\uac00 \uc989\uc2dc \uc5f0\uacb0\uc774 \ub04a\uc5b4\uc9c0\ub294 \ud604\uc0c1\uc774 \uc788\uc5c8\uc744 \ud150\ub370\uc694.\r\n\r\n\uc774\ub294 WebStorm\uacfc DevTools\uac00 \ub2e4\uc911 \ud074\ub77c\uc774\uc5b8\ud2b8 \ub514\ubc84\uae45\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \ub3d9\uc77c\ud55c \ub514\ubc84\uadf8 \ud504\ub85c\ud1a0\ucf5c\uc744 \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \uc218\ub144 \ub3d9\uc548 \uc774 Chromium \ubb38\uc81c \ub294 \uac1c\ubc1c\uc790\ub4e4\uc774 \uac00\uc7a5 \ud574\uacb0\ud588\uc73c\uba74 \ud558\ub294 \ubb38\uc81c \uc600\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \ub4dc\ub514\uc5b4\u00a0 Chrome 63\uc5d0\uc11c \ucd5c\uc885 \uc218\uc815\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\r\n\r\n\uc989, \uc774\uc81c\ub294 DevTools \ub514\ubc84\uac70\uc640 WebStorm \ub514\ubc84\uac70\ub97c \ub3d9\uc2dc\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \ud3b8\ub9ac\ud558\uac8c \uac01\uac01 \ub514\ubc84\uac70\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub2e4\ub978 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n\r\n\uc608\ub97c \ub4e4\uc5b4 WebStorm\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \ub514\ubc84\uae45\ud558\uba70 \uc911\ub2e8 \uc810(Break Point)\uc744 \uc18c\uc2a4 \ucf54\ub4dc\uc5d0 \uc124\uc815\ud558\uace0\u00a0DevTools Elements \ud328\ub110\uc744 \uc0ac\uc6a9\ud558\uc5ec DOM \ubc0f \uc2a4\ud0c0\uc77c\uc744 \uac80\uc0ac\ud558\uac70\ub098 \uac15\ub825\ud55c Network \ud328\ub110\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub124\ud2b8\uc6cc\ud06c \uc131\ub2a5\uc5d0 \ub300\ud55c \uc815\ubcf4\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n\r\n\r\n\r\nDevTools\uc640 WebStorm \uac04\uc5d0 \ucf54\ub4dc \uc2a4\ud15d\ub4e4\uc740 \ubaa8\ub450 \ub3d9\uae30\ud654\ub429\ub2c8\ub2e4. \uc911\ub2e8 \uc810(Break Point)\uc5d0 \ub3c4\ub2ec\ud558\uba74 \ub450 \ub3c4\uad6c \ubaa8\ub450\uc5d0\uc11c \uc2a4\ud15d\uc744 \uc0ac\uc6a9\ud558\uace0 \uc791\uc5c5\uc744 \ub2e4\uc2dc \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub450\uac00\uc9c0 \ub3c4\uad6c \ubaa8\ub450 \ucf54\ub4dc\uc5d0 \uc2e4\ud589 \uc9c0\uc810\uc744 \ud45c\uc2dc\ud558\uace0 \ud638\ucd9c \uc2a4\ud0dd \ubc0f \ubcc0\uc218\ubcf4\uae30\u00a0\ub4f1\uc744\uc5c5\ub370\uc774\ud2b8\ud569\ub2c8\ub2e4.\r\n\r\n \r\n\uc790\ubc14 \uc2a4\ud06c\ub9bd\ud2b8 \ub514\ubc84\uac70\ub85c \uc27d\uac8c \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n \r\n\r\nWebStorm 2017.3\ubd80\ud130 IDE\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \ub514\ubc84\uae45 \ud560 \ub54c \ub354 \uc774\uc0c1 JetBrains\uc758 Chrome \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc744 \uc124\uce58\ud558\uc9c0 \uc54a\uc544\ub3c4\ub429\ub2c8\ub2e4.\r\n\r\n\uc571\uc744 \ub514\ubc84\uae45\ud558\ub824\uba74 \uc0c8\ub85c\uc6b4 JavaScript \ub514\ubc84\uadf8 \uad6c\uc131\uc744 \ub9cc\ub4e4\uace0 \uc571\uc774 \uc2e4\ud589\ub418\uace0\uc788\ub294 URL\uc744 \uc9c0\uc815\ud574\uc57c\ud569\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c \uc911\ub2e8 \uc810\uc744 \ucf54\ub4dc\uc5d0 \ub123\uace0 \ub514\ubc84\uadf8 \uad6c\uc131\uc744 \uc2dc\uc791\ud569\ub2c8\ub2e4. WebStorm IDE \uac00 \uc9c1\uc811 \uc6d0\uaca9 \ub514\ubc84\uae45(\ubcc4\ub3c4 \uc124\uc815)\uc744 \uc0ac\uc6a9\ud558\uc5ec Chrome\uc758 \uc0c8\ub85c\uc6b4 \uc778\uc2a4\ud134\uc2a4\ub97c \uc5f4\uace0 \uc644\ubcbd\ud558\uac8c \ub3d9\uae30\ud654 \ud569\ub2c8\ub2e4.\r\n\r\nThe Drive to Develop\r\nJetBrians \ucf54\ub9ac\uc544","protected":false},"excerpt":{"rendered":"WebStorm\uc744 \uc0ac\uc6a9\ud558\uc5ec Chrome\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 JavaScript \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub514\ubc84\uae45 \ud558\uc2dc\ub294 \uc0ac\uc6a9\uc790\ub4e4\uc5d0\uac8c \uc544\uc8fc \uc88b\uc740 \uc18c\uc2dd\uc774 \uc788\uc2b5\ub2c8\ub2e4!\uc774\uc81c,\u00a0Chrome 63 \ubd80\ud130\u00a0Chrome DevTools \ubc0f WebStorm \ub514\ubc84\uac70\ub97c \ub3d9\uc2dc\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.\ub610\ud55c,\u00a0WebStorm 2017.3\uc744 \uc0ac\uc6a9\ud558\uba74 \ub354 \uc774\uc0c1 WebStorm\uc5d0\uc11c \uc751","protected":false},"author":{"name":"JetBrains","link":"https:\/\/blog.jetbrains.com\/ko\/author\/jetbrains"},"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1114],"tags":[],"cross-post-tag":[],"acf":[],"featured_image":null,"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/posts\/33875"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/1152"},{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/1152"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=33875"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/posts\/33875\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=33875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=33875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=33875"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=33875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}