{"id":68423,"date":"2020-08-24T12:52:30","date_gmt":"2020-08-24T12:52:30","guid":{"rendered":"http:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=68423"},"modified":"2020-08-24T12:52:30","modified_gmt":"2020-08-24T12:52:30","slug":"webstorm-2020-2-ko","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/ko\/webstorm\/2020\/08\/webstorm-2020-2-ko\/","title":{"rendered":"WebStorm 2020.2: Prettier\ub97c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \uc0ac\uc6a9\ud558\uace0 Nuxt.js\ub85c \uc791\uc5c5\ud558\uba70 GitHub \ud480 \ub9ac\ud018\uc2a4\ud2b8\uc5d0 \ub300\ud55c \uc644\ubcbd\ud55c \uc9c0\uc6d0\uc744 \uacbd\ud5d8\ud558\uc138\uc694"},"content":{"rendered":"<p>2020\ub144\uc758 \ub450 \ubc88\uc9f8 \uc8fc\uc694 \uc5c5\ub370\uc774\ud2b8\uc778 WebStorm 2020.2 \ubc84\uc804\uc774 \ucd9c\uc2dc\ub418\uc5c8\uc2b5\ub2c8\ub2e4! Prettier\ub97c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc635\uc158, Vue\uc5d0 \ub300\ud55c \ub3d9\uae09 \ucd5c\uac15\uc758 \uc9c0\uc6d0(\uc774\uc81c \uadf8\ub807\uac8c \ub9d0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4!), JavaScript\uc5d0 \uc9c0\uc6d0\ub418\ub294 \uc0c8\ub85c\uc6b4 \uc778\ud150\uc158, GitHub \ud480 \ub9ac\ud018\uc2a4\ud2b8\uc5d0 \ub300\ud55c \uc644\ubcbd\ud55c \uc9c0\uc6d0 \ub4f1\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<span id=\"more-57430\"><\/span><\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/webstorm\/download\" target=\"_blank\" rel=\"noopener\">WebStrom 2020.2 \ub2e4\uc6b4\ub85c\ub4dc \ud558\uae30<\/a><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-59110\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/blog-2x-1.png\" alt=\"webstorm-2020-2-released\" width=\"800\"><\/p>\n<p>WebStorm 2020.2\uc758 \uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc744 \ub2e4 \uc77d\uc5b4\ubcfc \uc2dc\uac04\uc774 \ubd80\uc871\ud558\ub2e4\uba74 <a href=\"https:\/\/youtu.be\/kJzcH7IRq-w\" target=\"_blank\" rel=\"noopener\">\uc774 \ub3d9\uc601\uc0c1<\/a>\uc5d0\uc11c JetBrains \uac1c\ubc1c\uc790 \uc560\ub4dc\ubc84\ud0b7\uc778 <a href=\"https:\/\/twitter.com\/paulweveritt\" target=\"_blank\" rel=\"noopener\">Paul Everitt<\/a>\uc774 \uc18c\uac1c\ud558\ub294 \uc8fc\uc694 \ubcc0\uacbd \ub0b4\uc6a9\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694 \uc0c1\uc138\ud55c \ub0b4\uc6a9\uc744 \uc0b4\ud3b4\ubcf4\uc2dc\ub824\uba74 \uc774 \uae00\uc744 \uacc4\uc18d \uc77d\uc5b4\uc8fc\uc138\uc694!<\/p>\n<p>\uc0c8\ub85c\uc6b4 \uae30\ub2a5\uacfc \uac1c\uc120 \uc0ac\ud56d\uc740 \ub2e4\uc74c \ubc94\uc8fc\ub85c \ub098\ub269\ub2c8\ub2e4.<\/p>\n<ul>\n<li><a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/#frameworks_and_technologies\"><strong>\ud504\ub808\uc784\uc6cc\ud06c \ubc0f \uae30\uc220<\/strong><\/a>: Prettier\ub97c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc635\uc158, Vuex.js\ub97c \uc704\ud55c \ub2e4\uc591\ud55c \uac1c\uc120 \uc0ac\ud56d, WSL 2\uc5d0 \uc124\uce58\ub41c Git \uc9c0\uc6d0<\/li>\n<li><a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/#javascript_and_typescript\"><strong>JavaScript \ubc0f TypeScript<\/strong><\/a>: \uc0c8\ub85c\uc6b4 \uc2a4\ub9c8\ud2b8 \uc778\ud150\uc158, \ub80c\ub354\ub9c1\ub41c JSDoc \uc8fc\uc11d, ML \uc9c0\uc6d0 \ucf54\ub4dc \uc644\uc131, \ub514\ubc84\uac70 \uac1c\uc120 \uc0ac\ud56d<\/li>\n<li><a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/#html_and_style_sheets\"><strong>HTML \ubc0f \uc2a4\ud0c0\uc77c\uc2dc\ud2b8<\/strong><\/a>: \ud5a5\uc0c1\ub41c Sass \ubaa8\ub4c8 \uc2dc\uc2a4\ud15c \uc9c0\uc6d0, WebP \uc9c0\uc6d0, querySelector \uba54\uc18c\ub4dc\uc5d0\uc11c CSS \uc140\ub809\ud130\uc5d0 \ucf54\ub4dc \uc644\uc131 \uc9c0\uc6d0<\/li>\n<li><a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/#version_control\"><strong>\ubc84\uc804 \uad00\ub9ac<\/strong><\/a>: GitHub \ud480 \ub9ac\ud018\uc2a4\ud2b8\uc5d0 \ub300\ud55c \uace0\uae09 \uc9c0\uc6d0, \uc5ec\ub7ec Git \uc561\uc158\uc758 \ub300\ud654\uc0c1\uc790 \uc7ac\uc124\uacc4, \ub85c\uadf8\uc5d0\uc11c \ucee4\ubc0b\uc744 \uc2a4\ucffc\uc2dc\ud560 \uc218 \uc788\ub294 \uc0c8\ub85c\uc6b4 \uc561\uc158<\/li>\n<li><a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/#code_editing\"><strong>\ucf54\ub4dc \ud3b8\uc9d1<\/strong><\/a>: \ucf54\ub4dc\uc5d0\uc11c \ubb38\uc81c\ub97c \uac80\uc0c9\ud560 \uc218 \uc788\ub294 \uc0c8\ub85c\uc6b4 \ub3c4\uad6c, \uc120\ud0dd\ud55c \uac01 \uc904\uc758 \ub05d\uc5d0 \uce90\ub7ff\uc744 \ucd94\uac00\ud560 \uc218 \uc788\ub294 \uc561\uc158<\/li>\n<\/ul>\n<h2 id=\"frameworks_and_technologies\">\ud504\ub808\uc784\uc6cc\ud06c \ubc0f \uae30\uc220<\/h2>\n<h3 id=\"using_prettier_as_the_default_formatter\">Prettier\ub97c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \uc0ac\uc6a9<\/h3>\n<p>JetBrains\ub294 WebStorm\uc5d0\uc11c Prettier\ub85c \ucd5c\ub300\ud55c \uc6d0\ud65c\ud558\uac8c \uc791\uc5c5\ud560 \uc218 \uc788\ub294 \ud658\uacbd\uc744 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/04\/webstorm-2020-1\/#tools\">\uacc4\uc18d\ud574\uc11c<\/a> \ub9cc\ub4e4\uc5b4\uac00\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88\uc5d0\ub294 \uae30\ubcf8 \uc81c\uacf5\ub418\ub294 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c \ub300\uc2e0 Prettier\ub97c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \ub354 \uc27d\uac8c \uc124\uc815\ud560 \uc218 \uc788\ub3c4\ub85d \ubcc0\uacbd\ud588\uc2b5\ub2c8\ub2e4. \uc774\uc81c <em>Preferences(\ud658\uacbd \uc124\uc815)\/Settings(\uc124\uc815) | Languages &amp; Frameworks(\uc5b8\uc5b4 \ubc0f \ud504\ub808\uc784\uc6cc\ud06c) | JavaScript | Prettier<\/em>\uc5d0\uc11c \uc0c8\ub85c\uc6b4 <em>On code reformat(\ucf54\ub4dc \uc11c\uc2dd\uc744 \ub2e4\uc2dc \uc9c0\uc815\ud560 \ub54c)<\/em> \uc635\uc158\uc744 \uc120\ud0dd\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-prettier-settings.png\" alt=\"prettier-settings\" width=\"600\"><\/p>\n<p><em>On code reformat<\/em> \uc635\uc158\uc744 \uc120\ud0dd\ud558\uba74 <a href=\"https:\/\/www.jetbrains.com\/help\/webstorm\/reformat-and-rearrange-code.html#\" target=\"_blank\" rel=\"noopener\">\uae30\ubcf8 \uc11c\uc2dd \uc9c0\uc815 \uc561\uc158<\/a>\uc744 \uc0ac\uc6a9\ud560 \ub54c\ub9c8\ub2e4 Prettier\uac00 \uc2e4\ud589\ub429\ub2c8\ub2e4. WebStorm\uc740 \uae30\ubcf8\uc801\uc73c\ub85c .<em>js<\/em>, <em>.ts<\/em>, <em>.jsx<\/em>, <em>.tsx<\/em> \ud30c\uc77c \uc800\uc7a5 \uc2dc Prettier\ub97c \uc2e4\ud589\ud560 \ub54c\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \uc774\ub7ec\ud55c \ud30c\uc77c\uc744 \uc0ac\uc6a9\uc790\uac00 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud3b8\uc9d1\ud560 \ub54c \uc11c\uc2dd\uc744 \ubaa8\ub4e0 \ud30c\uc77c\uc5d0 \uc801\uc6a9\ud569\ub2c8\ub2e4. \ub2e4\ub978 \uc720\ud615\uc758 \ud30c\uc77c\uc774\ub098 \ud2b9\uc815 \ub514\ub809\ud1a0\ub9ac\uc5d0 \uc788\ub294 \ud30c\uc77c\uc5d0\ub9cc \uc11c\uc2dd\uc744 \uc801\uc6a9\ud558\ub824\uba74 <a href=\"https:\/\/github.com\/isaacs\/node-glob\" target=\"_blank\" rel=\"noopener\">glob \ud328\ud134<\/a>\uc744 \uc0ac\uc6a9\ud558\uc5ec \uae30\ubcf8 \uad6c\uc131\uc744 \uc0ac\uc6a9\uc790 \uc9c0\uc815\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-reformat-code-prettier-default.png\" alt=\"reformat-code-prettier-default\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-reformat-code-prettier-default.gif\"><\/p>\n<p>Prettier\ub97c \ubaa8\ub4e0 \uc0c8 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ub514\ud3f4\ud2b8 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\ub85c \uc0ac\uc6a9\ud558\ub824\uba74 <em>File(\ud30c\uc77c) | New Projects Settings(\uc0c8 \ud504\ub85c\uc81d\ud2b8 \uc124\uc815) | Preferences\/Settings for New Projects(\uc0c8 \ud504\ub85c\uc81d\ud2b8\uc758 \uc124\uc815\/\ud658\uacbd \uc124\uc815)<\/em>\ub85c \uc774\ub3d9\ud558\uc5ec <em>On Code Reformat<\/em> \uc635\uc158\uc744 \uc120\ud0dd\ud55c \ub2e4\uc74c, \ud544\uc694\ud55c \uacbd\uc6b0 \ub514\ud3f4\ud2b8 \ud30c\uc77c \ud615\uc2dd \ubaa9\ub85d\uc744 \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694.<\/p>\n<p>\uadf8\ub7f0\ub370 \uae30\ubcf8 \uc81c\uacf5 \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c\uc640 <em>Reformat with Prettier(Prettier\ub85c \uc11c\uc2dd \ub2e4\uc2dc \uc9c0\uc815)<\/em> \uc561\uc158\uc744 \ub3d9\uc2dc\uc5d0 \uc0ac\uc6a9\ud558\ub294 \uae30\uc874 \ubc29\uc2dd\uc5d0 \ub9cc\uc871\ud558\uc2dc\ub294 \ubd84\uc740 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \ub610\ub294 \uc775\uc219\ud55c <em>Reformat with Prettier<\/em> \uc561\uc158\uc5d0 \ud560\ub2f9\ud55c \uc0ac\uc6a9\uc790 \uc9c0\uc815 \ub2e8\ucd95\ud0a4\uac00 \uc788\ub294 \uacbd\uc6b0 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \ub2f9\uc5f0\ud788 \uacc4\uc18d \uc0ac\uc6a9\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4. \uadf8\ub798\ub3c4 \uc0c8 \uae30\ub2a5\uc774 \ub098\uc5d0\uac8c \uc798 \ub9de\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud574 \ud55c \ubc88 \uc0ac\uc6a9\ud574 \ubcf4\uc138\uc694.<\/p>\n<h3 id=\"best_in_class_support_for_vue_js\">\ub3d9\uae09 \ucd5c\uace0\uc758 Vue.js \uc9c0\uc6d0<\/h3>\n<p>\uc9c0\ub09c \ud574 JetBrains\ub294 \uc0ac\uc6a9\uc790\uac00 Vue \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \ud3b8\ub9ac\ud558\uac8c \uc791\uc5c5\ud560 \uc218 \uc788\ub3c4\ub85d WebStorm\uc758 Vue \ucf54\ub529 \uc9c0\uc6d0\uc744 \uc5c5\uacc4 \ucd5c\uace0 \uc218\uc900\uc73c\ub85c \uac1c\uc120\ud558\uae30 \uc704\ud574 \ub9ce\uc740 \ub178\ub825\uc744 \uae30\uc6b8\uc600\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uae30\uc058\uac8c\ub3c4 \uc774\ub7ec\ud55c \ub178\ub825\uc774 \ub4dc\ub514\uc5b4 \uacb0\uc2e4\uc744 \ub9fa\uc5c8\uc2b5\ub2c8\ub2e4! WebStorm 2020.2\ub294 \uc218\ub9ce\uc740 \uae30\uc874 \uae30\ub2a5 \uc678\uc5d0\ub3c4 Nuxt.js \uc9c0\uc6d0, Vue \ucf54\ub4dc \uc2a4\ud0c0\uc77c \uc124\uc815 \uc804\uc6a9 \uc139\uc158 \ubc0f \uae30\ud0c0 \uac1c\uc120 \uc0ac\ud56d\uc744 \ub354\ud588\uc2b5\ub2c8\ub2e4. \uc9c0\uae08\ubd80\ud130 \uc0c8\ub85c \ucd94\uac00\ub41c \uae30\ub2a5\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong id=\"support_for_nuxt_js\">Nuxt.js \uc9c0\uc6d0<\/strong><\/p>\n<p>\uc6b0\uc120 \uc0ac\uc6a9\uc790\uac00 Nuxt <a href=\"https:\/\/nuxtjs.org\/guide\/release-notes\/#v2.9.0\" target=\"_blank\" rel=\"noopener\">2.9.0<\/a> \uc774\ud6c4 \ubc84\uc804\uc744 \uc0ac\uc6a9 \uc911\uc774\uace0 @nuxt\/types \ud328\ud0a4\uc9c0\uac00 \uc124\uce58\ub418\uc5b4 \uc788\uc9c0 \uc54a\uc740 \uacbd\uc6b0 WebStorm\uc740 \uc774\ub97c \uacbd\uace0\ud558\uace0 \uc774\ub97c \uac1c\ubc1c \uc885\uc18d \uc694\uc18c\ub85c\uc11c \uc124\uce58\ud560 \uac83\uc744 \uc81c\uc548\ud569\ub2c8\ub2e4. IDE\uc5d0\uc11c \ub354 \ub098\uc740 \ucf54\ub4dc \uc644\uc131 \uacb0\uacfc\ub97c \uc5bb\uace0 \uc2f6\ub2e4\uba74 \uc81c\uc548\uc744 \ub530\ub77c\uc8fc\uc138\uc694.<\/p>\n<p>\uc774\uc81c <em>nuxt.config.js<\/em> \ud30c\uc77c\uc744 \uc791\uc5c5\ud560 \ub54c \uc801\uc808\ud55c \ucf54\ub4dc \uc644\uc131 \uc81c\uc548\uc744 \ubc1b\uac8c \ub429\ub2c8\ub2e4. \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0a4\uba74 \ud30c\uc77c\uc5d0 \uc0ac\uc6a9\ub41c <a href=\"https:\/\/nuxtjs.org\/guide\/configuration\" target=\"_blank\" rel=\"noopener\">Nuxt \uc635\uc158<\/a>\uc5d0 \ub300\ud55c \uc720\ud615 \uc815\ubcf4\ub97c \ubcf4\uc5ec\uc8fc\ub294 <em>Documentation(\ubb38\uc11c)<\/em> \ud31d\uc5c5\ub3c4 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/quick-documentation-nuxt-options.png\" alt=\"quick-documentation-nuxt-options\" width=\"600\"><\/p>\n<p>Nuxt\uc6a9 webpack \uc124\uc815\ub3c4 \uc9c0\uc6d0\ub429\ub2c8\ub2e4. Nuxt.js 2.12.0\ubd80\ud130 WebStorm\uc740 \uc790\ub3d9\uc73c\ub85c webpack \uad6c\uc131 \ud30c\uc77c\uc744 \uac80\uc0c9\ud558\uc5ec \uc774 \ud30c\uc77c\uc758 \ubaa8\ub4c8 \ud574\uacb0 \uaddc\uce59\uc744 \ucf54\ub529 \uc9c0\uc6d0 \uae30\ub2a5\uc5d0 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. 2.12.0 \uc774\uc804 \ubc84\uc804\uc758 \uacbd\uc6b0 <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-32614#focus=Comments-27-4234404.0-0\" target=\"_blank\" rel=\"noopener\">\uc5ec\uae30<\/a>\uc5d0\uc11c \uc2a4\ud06c\ub9bd\ud2b8\ub97c \ubcf5\uc0ac\ud558\uc5ec WebStorm\uc5d0 \uc9c0\uc815\ud558\uba74 \ub3d9\uc77c\ud55c \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub610\ud55c IDE\ub294 Vuex store\uc5d0 \ub300\ud55c \ucc38\uc870\ub97c \uc778\uc2dd\ud558\uace0 \uc774\ub97c \uc62c\ubc14\ub974\uac8c \ud574\uacb0\ud558\uace0 \uc790\ub3d9 \uc644\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/nuxt.js-completion.png\" alt=\"nuxt.js-completion\" width=\"600\"><\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c, Vue \ud15c\ud50c\ub9bf\uc5d0\uc11c \ucc38\uc870\ub418\ub294 <em>static<\/em> \ub514\ub809\ud1a0\ub9ac\uc758 \ubaa8\ub4e0 <a href=\"https:\/\/nuxtjs.org\/guide\/assets\/\" target=\"_blank\" rel=\"noopener\">\uc560\uc14b<\/a>\ub3c4 \uc81c\ub300\ub85c \ud574\uacb0\ub429\ub2c8\ub2e4.<\/p>\n<p><strong id=\"vue_specific_code_style_settings\">Vue \uc804\uc6a9 \ucf54\ub4dc \uc2a4\ud0c0\uc77c \uc124\uc815<\/strong><\/p>\n<p>WebStorm 2020.2\uc5d0\ub294 Vue \ud30c\uc77c\uc758 \uc11c\uc2dd \uc9c0\uc815 \uc635\uc158\uc744 \uad6c\uc131\ud560 \uc218 \uc788\ub294 \uc804\uc6a9 \uc139\uc158\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc0c8\ub85c\uc6b4 \uc139\uc158\uc740 <em>Preferences(\ud658\uacbd \uc124\uc815)\/Settings(\uc124\uc815) | Editor(\uc5d0\ub514\ud130) | Code Style(\ucf54\ub4dc \uc2a4\ud0c0\uc77c) | Vue<\/em>\uc5d0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Vue \uc804\uc6a9 \ucf54\ub4dc \uc2a4\ud0c0\uc77c \uc124\uc815\uc744 \uc0ac\uc6a9\ud558\uba74 \ub0b4\uc6a9\uc774 \ub4e4\uc5ec\uc4f0\uae30 \ub420 \ucd5c\uc0c1\uc704 \ud0dc\uadf8\ub97c \ube60\ub974\uac8c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub4e4\uc5ec\uc4f0\uae30\uac00 \uc804\uccb4 Vue \ud30c\uc77c\uc5d0\uc11c \ub3d9\uc77c\ud574\uc57c \ud558\ub294\uc9c0 \uc544\ub2c8\uba74 \uc5b8\uc5b4 \uc124\uc815\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9c0\ub294\uc9c0(\uc608: HTML \uc804\uc6a9) \uc815\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c <code>&lt;template&gt;<\/code> \ub0b4\uc6a9\ub9cc \ub4e4\uc5ec\uc4f0\uae30 \ub418\uace0 \ub4e4\uc5ec\uc4f0\uae30\ub294 \uc804\uccb4 \ud30c\uc77c\uc5d0\uc11c \uade0\uc77c\ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/vue-code-style-settings.png\" alt=\"vue-code-style-settings\" width=\"600\"><\/p>\n<p>Vue \ucf54\ub4dc \ub0b4 \ubcf4\uac04\uc758 \uc11c\uc2dd\ub3c4 \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ub978 \ucf54\ub4dc \uc2a4\ud0c0\uc77c \uc635\uc158\uc744 \uad6c\uc131\ud558\ub824\uba74 <em>Preferences\/Settings(\ud658\uacbd \uc124\uc815\/\uc124\uc815) | Editor(\uc5d0\ub514\ud130) | Code Style(\ucf54\ub4dc \uc2a4\ud0c0\uc77c)<\/em>\uc5d0\uc11c \ud574\ub2f9 \uc5b8\uc5b4\uc758 \uc804\uc6a9 \uc139\uc158\uc73c\ub85c \uc774\ub3d9\ud558\uc138\uc694.<\/p>\n<p><strong id=\"other_vue_improvements\">\uae30\ud0c0 Vue \uac1c\uc120 \uc0ac\ud56d<\/strong><\/p>\n<p>\uc774\ub7ec\ud55c \ub450 \uac00\uc9c0 \uc8fc\uc694 \uac1c\uc120 \uc0ac\ud56d \uc678\uc5d0\ub3c4 \ub2e4\uc74c\uacfc \uac19\uc740 \uba87\uac00\uc9c0\uac00 \ub354 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li>TypeScript \uc5b8\uc5b4 \uc11c\ube44\uc2a4\uc5d0\uc11c <em>.vue<\/em> \ud30c\uc77c\uc774 \ucc98\ub9ac\ub418\ub294 \ubc29\uc2dd\uc774 \uac1c\uc120\ub418\uc5b4 \uc774\uc81c <em>.ts<\/em> \ub610\ub294 <em>.tsx<\/em> \ud30c\uc77c\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c \ucc98\ub9ac \ub429\ub2c8\ub2e4. \ub2e4\ub978 Vue \ub610\ub294 TypeScript \ud30c\uc77c \ub0b4\uc5d0 Vue \ud30c\uc77c\uc744 \uac00\uc838\uc640\ub3c4 \ub354 \uc774\uc0c1 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uc774\uc81c WebStorm\uc5d0\uc11c Vue.js\uc6a9 \ubaa8\ub4c8 \uae30\ubc18 \uc720\ud6a8\uc131 \uac80\uc0ac \ub3c4\uad6c\uc778 <a href=\"https:\/\/www.npmjs.com\/package\/vuelidate\" target=\"_blank\" rel=\"noopener\">Vuelidate<\/a>\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n<li>Vuex store \ub0b4\uc758 \ubaa8\ub4e0 \ub9e4\ud551\ub41c \uc2ec\ubcfc\uc740 <code>this.<\/code>\uc5d0 \ub300\ud55c \ud568\uc218\/\ud504\ub85c\ud37c\ud2f0\ub85c <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/05\/webstorm-2020-2-eap-1#other_improvements_around_vuex_and_vue_support\">\uc62c\ubc14\ub974\uac8c \ud574\uacb0<\/a>\ub418\uc5b4 \uc815\ud655\ud55c \uc778\uc218 \uc218\uc640 \uc720\ud615\uc744 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/li>\n<li>\ub2e8\uc77c \ud30c\uc77c \uad6c\uc131 \uc694\uc18c\ub97c \uc0ac\uc6a9\ud560 \ub54c <code>Vue.extend()<\/code>\ub85c \uad6c\uc131 \uc694\uc18c\ub97c \ub9cc\ub4e4\ub824\ub294 \uacbd\uc6b0 \ubaa8\ub4e0 \ub370\uc774\ud130 \ud504\ub85c\ud37c\ud2f0\uac00 \uc608\uc0c1\ub300\ub85c \ud574\uacb0\ub41c \uac83\uc744 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/05\/webstorm-2020-2-eap-1#other_improvements_around_vuex_and_vue_support\">\uc774\uc81c \ud655\uc778<\/a>\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uc778\uc2a4\ud134\uc2a4 \ud504\ub85c\ud37c\ud2f0\uc5d0 \ub300\ud55c \ucf54\ub4dc \uc644\uc131 \uae30\ub2a5\uc744 \uc57d\uac04 \uac1c\uc120\ud558\uc5ec <code>$data<\/code>, <code>$props<\/code>, <code>$options<\/code>\uac00 <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-36254\" target=\"_blank\" rel=\"noopener\">\uc774\uc81c \uc9c0\uc6d0<\/a>\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3 id=\"support_for_git_installed_in_wsl\">WSL 2\uc5d0 \uc124\uce58\ub41c Git \uc9c0\uc6d0<\/h3>\n<p>WSL\uc774 Windows \uac1c\ubc1c \ud504\ub85c\uc138\uc2a4\uc5d0\uc11c \uc911\uc694\ud55c \ubd80\ubd84\uc774 \ub428\uc5d0 \ub530\ub77c JetBrains\ub294 \ubaa8\ub4e0 \ud544\uc218 \uc6cc\ud06c\ud50c\ub85c\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc744 IDE\uc5d0 \ucd94\uac00\ud558\uae30 \uc704\ud574 \ub178\ub825\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. WebStorm 2020.1\uc758 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/04\/webstorm-2020-1-1\/\">\uccab \ubc88\uc9f8<\/a> \ubc0f <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/06\/webstorm-2020-1-2\/\">\ub450 \ubc88\uc9f8<\/a> \ubc84\uadf8 \uc218\uc815 \uc5c5\ub370\uc774\ud2b8\uc5d0\uc11c\ub294 \uc54c\ub824\uc9c4 WSL\uc758 Node.js \uad00\ub828 \ubb38\uc81c\ub97c \ub9ce\uc774 \uc218\uc815\ud588\uc2b5\ub2c8\ub2e4. \uc774\ubc88\uc5d0\ub294 WSL 2\uc5d0 \uc124\uce58\ub41c Git\uc5d0 \ub300\ud574 \ub204\ub77d\ub418\uc5c8\ub358 \uc9c0\uc6d0\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>IDE\ub294 \ud504\ub85c\uc81d\ud2b8\uc758 \uc704\uce58\uc5d0 \ub530\ub77c Git \uc2e4\ud589 \ud30c\uc77c \uc0ac\uc774\ub97c \uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. WSL\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\uac00 \uc5f4\ub9ac\uba74 IDE\uac00 WSL\uc5d0 \uc124\uce58\ub41c Git\uc73c\ub85c \uc790\ub3d9 \uc804\ud658\ud558\ubbc0\ub85c Git \uad00\ub828 \uae30\ub2a5\uc744 \ubaa8\ub450 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub2e8, WebStorm 2020.2\ub294 Windows 10\uc758 5\uc6d4 \uc5c5\ub370\uc774\ud2b8\uc778 <a href=\"https:\/\/devblogs.microsoft.com\/commandline\/wsl2-will-be-generally-available-in-windows-10-version-2004\/\" target=\"_blank\" rel=\"noopener\">2004 \ubc84\uc804<\/a>\ubd80\ud130 \uc81c\uacf5\ub418\ub294 WSL 2\uc5d0\uc11c\ub9cc Git\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4. WSL 1\uc758 Git\uc740 Windows\uc5d0\uc11c \ud638\ucd9c\ub420 \ub54c \ucd9c\ub825\uc744 \uc548\uc815\uc801\uc73c\ub85c \ubc18\ud658\ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0 IDE\uc5d0\uc11c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. WSL 1\uc744 \uc0ac\uc6a9\ud558\uba74 Git \uba85\ub839\uc5b4\uc5d0\uc11c \uc798\ubabb\ub41c \uacb0\uacfc\uac00 \ub3c4\ucd9c\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"javascript_and_typescript\">JavaScript \ubc0f TypeScript<\/h2>\n<h3 id=\"new_intentions_for_loops\">\ub8e8\ud504\uc6a9 \uc0c8\ub85c\uc6b4 \uc778\ud150\uc158<\/h3>\n<p>\uc5b8\uc81c\ub098 \uadf8\ub7ac\ub4ef\uc774, \uc0ac\uc6a9\uc790\uac00 \uc77c\uc0c1 \uc791\uc5c5\uc744 \uc870\uae08 \ub354 \ube60\ub974\uac8c \uc218\ud589\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uc0c8\ub85c\uc6b4 \uc778\ud150\uc158\uc774 \uba87\uac00\uc9c0 \ucd94\uac00\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ucc98\uc74c \uc138 \uac00\uc9c0\ub294 for \ub8e8\ud504\uc6a9\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uc778\ud150\uc158\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c <em>Alt+Enter<\/em>\ub97c \uc0ac\uc6a9\ud558\uba74 \ud604\uc7ac \ucee8\ud14d\uc2a4\ud2b8\uc5d0\uc11c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc778\ud150\uc158\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4 \uc774\uc81c WebStorm\uc740 \uc22b\uc790 \uc0c9\uc778\uc774 \uc788\ub294 \uae30\uc874\uc758 <code>for<\/code> \ub8e8\ud504\ub97c <code>forEach<\/code> \ubc30\uc5f4 \uba54\uc18c\ub4dc\ub85c \ubcc0\ud658\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-convert-for-loop-to-for-each-method-call.png\" alt=\"convert-for-loop-to-for-each-method-call\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-convert-for-loop-to-for-each-method-call.gif\"><\/p>\n<p>\ub2e4\ub978 \ub450 \uac00\uc9c0 \ub8e8\ud504\uc6a9 \uc778\ud150\uc158\uc5d0 \uad00\ud574 \uc54c\uc544\ubcf4\ub824\uba74 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/06\/webstorm-2020-2-eap-3#new_intentions_for_loops\">\uc774 \ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c<\/a>\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\n<h3 id=\"new_intentions_for_optional_chaining_and_nullish_coalescing\">\uc120\ud0dd\uc801 \uccb4\uc778 \ubc0f null \ubcd1\ud569\uc6a9 \uc0c8\ub85c\uc6b4 \uc778\ud150\uc158<\/h3>\n<p>\uc774 \ub9b4\ub9ac\uc2a4\uc5d0\uc11c\ub294 \ucf54\ub4dc\ub97c \uc120\ud0dd\uc801 \uccb4\uc778 \ubc0f\/\ub610\ub294 null \ubcd1\ud569\uc73c\ub85c \ubcc0\ud658 \uac00\ub2a5\ud55c <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/04\/webstorm-2020-1\/#convert-to-optional-chaining\">\ucd5c\uadfc \ucd94\uac00\ub41c \uc778\ud150\uc158<\/a>\uc774 \uc801\uc6a9\ub418\ub294 \uc0ac\ub840\uc758 \uc218\ub97c \ud655\uc7a5\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\uc81c \uc774 \uc778\ud150\uc158\uc744 <em>if\/else<\/em> \uc870\uac74\ubb38\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uad6c\ubb38\uc5d0 \uc0ac\uc6a9\ub418\ub294 \ub17c\ub9ac \uc5f0\uc0b0\uc790\uc640 \uc911\ucca9\ub41c <em>if<\/em> \ubb38\uc5d0\ub3c4 \uc801\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc9c1\uc811 \uc0ac\uc6a9\ud574 \ubcf4\uc138\uc694! \ubcc0\ud658\ud558\ub824\ub294 \ud45c\ud604\uc2dd\uc5d0\uc11c <em>Alt+Enter<\/em>\ub97c \ub204\ub974\uace0 \ud574\ub2f9 \uc778\ud150\uc158\uc744 \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/use-optional-chaining-new-cases.png\" alt=\"use-optional-chaining-new-cases\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/use-optional-chaining-new-cases.gif\"><\/p>\n<h3 id=\"render_jsdoc_comments_right_in_the_editor\">JSDoc \uc8fc\uc11d\uc744 \uc5d0\ub514\ud130\uc5d0\uc11c \ubc14\ub85c \ub80c\ub354\ub9c1<\/h3>\n<p>\uc5d0\ub514\ud130\uc5d0\uc11c JSDoc \uc8fc\uc11d\uc744 \uc77d\uc73c\ub824\uba74 \ubaa8\ub4e0 \ud0dc\uadf8\ub97c \uc77d\uc5b4\uc57c \ud558\ub294 \uc5b4\ub824\uc6c0\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc791\uc5c5\uc744 \ub354 \uac04\ud3b8\ud558\uac8c \ub9cc\ub4e4\uae30 \uc704\ud574 \uc5d0\ub514\ud130\uc5d0\uc11c \uc774\ub7ec\ud55c \uc8fc\uc11d\uc744 \ub80c\ub354\ub9c1\ud558\ub294 \ubc29\ubc95\uc744 \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc0c8 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud574 \ubcf4\uae30 \uc704\ud574 \uc8fc\uc11d \uc606\uc5d0 \uc788\ub294 \uc5ec\ubc31\uc758 \uc0c8 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \uc8fc\uc11d\uc774 \ubc29\ud574 \uc694\uc18c \uc5c6\uc774 \uae54\ub054\ud558\uac8c \ud45c\uc2dc\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uac00\ub3c5\uc131\uc744 \ub192\uc774\uae30 \uc704\ud574 \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uae00\uaf34 \ud06c\uae30\ub97c \uc870\uc815\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/rendered-js-doc-comments.png\" alt=\"render-jsdoc-comments-in-editor\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/rendered-js-doc-comments.gif\"><\/p>\n<h3 id=\"experimental_ml_assisted_code_completion\">\uc2e4\ud5d8\uc801 ML \uae30\ubc18 \ucf54\ub4dc \uc644\uc131<\/h3>\n<p>\uc791\ub144\ubd80\ud130 JetBrains\ub294 \uba38\uc2e0 \ub7ec\ub2dd(ML) \uc54c\uace0\ub9ac\uc998\uc744 \uc0ac\uc6a9\ud558\uc5ec <em>Completion(\ucf54\ub4dc \uc644\uc131)<\/em> \ud31d\uc5c5\uc5d0 \ud45c\uc2dc\ub418\ub294 \uc81c\uc548\uc744 \ub354 \uc801\uc808\ud558\uac8c \ub9cc\ub4e4 \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \ucc3e\uae30 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. \uc544\uc9c1 \uc9c4\ud589 \uc911\uc778 \uc791\uc5c5\uc774\uc9c0\ub9cc \uba87\uac00\uc9c0 \uc88b\uc740 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc5c8\uc73c\uba70 2020.2 \ubc84\uc804\uc5d0\uc11c \uc0ac\uc6a9\uc790\ub294 ML \uae30\ubc18 \ucf54\ub4dc \uc644\uc131\uc744 \uc0ac\uc6a9\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \uae30\ub2a5\uc744 \ucf1c\ub824\uba74 <em>Preferences(\ud658\uacbd \uc124\uc815)\/Settings(\uc124\uc815) | Editor(\uc5d0\ub514\ud130) | General(\uc77c\ubc18) | Code Completion(\ucf54\ub4dc \uc644\uc131)<\/em>\uc73c\ub85c \uc774\ub3d9\ud558\uc5ec <em>Rank completion suggestions based on Machine Learning(\uba38\uc2e0\ub7ec\ub2dd\uc744 \uae30\ubc18\uc73c\ub85c \ud55c \ucf54\ub4dc \uc644\uc131 \uc81c\uc548\uc758 \uc21c\uc704 \uc9c0\uc815)<\/em>\uc744 \uc120\ud0dd\ud55c \ud6c4, \uc81c\uacf5\ub41c \uc635\uc158\uc5d0\uc11c <em>JavaScript<\/em> \ubc0f\/\ub610\ub294 <em>TypeScript<\/em>\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/ml-assisted-completion.png\" alt=\"ml-assisted-completion\" width=\"600\"><\/p>\n<p>\uc5ec\ub7ec\ubd84\uc758 \uac1c\uc778 \uc815\ubcf4\ub294 \uc800\ud76c\uc5d0\uac8c \uac00\uc7a5 \uc911\uc694\ud558\uae30\uc5d0 ML \uae30\ubc18 \ucf54\ub4dc \uc644\uc131 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud574\ub3c4 <strong>\uc0ac\uc6a9\uc790\uc758 \uac1c\uc778 \ub370\uc774\ud130\ub098 \ucf54\ub4dc\uac00 \uc5b4\ub514\uc5d0\ub3c4 \uc804\uc1a1\ub418\uc9c0 \uc54a\uc73c\ub2c8<\/strong> \uc548\uc2ec\ud558\uc138\uc694. EAP \ube4c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc2dc\ub294 \uacbd\uc6b0 \ucf54\ub4dc \uc644\uc131 \uae30\ub2a5\uc758 \uc0ac\uc6a9 \ubc29\uc2dd\uc5d0 \uad00\ud55c \uc775\uba85\uc758 \ub370\uc774\ud130\ub9cc \uc218\uc9d1\ub429\ub2c8\ub2e4. \uc774\ubc88\uacfc \uac19\uc740 \uc548\uc815\uc801 \ube4c\ub4dc\uc758 \uacbd\uc6b0, \uc774\ub7ec\ud55c \uc815\ubcf4 \uc5ed\uc2dc \uc5b4\ub514\uc5d0\ub3c4 \uc804\uc1a1\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 id=\"start_debugging_from_the_run_and_terminal_tool_windows\">\uc2e4\ud589 \ubc0f \ud130\ubbf8\ub110 \ub3c4\uad6c \ucc3d\uc5d0\uc11c \ub514\ubc84\uadf8 \uc2dc\uc791<\/h3>\n<p>2020.2 \ubc84\uc804\ubd80\ud130, IDE\ub294 <em>Run(\uc2e4\ud589)<\/em> \ubc0f <em>Terminal(\ud130\ubbf8\ub110)<\/em> \ub3c4\uad6c \ucc3d\uc5d0\uc11c \ub514\ubc84\uadf8 \uc138\uc158\uc744 \uc2dc\uc791\ud558\ub294 \ube60\ub978 \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4 <em>npm<\/em> \ub3c4\uad6c \ucc3d\uc774\ub098 \uae30\ubcf8 \uc81c\uacf5 \ud130\ubbf8\ub110\uc744 \uc0ac\uc6a9\ud558\uc5ec <code>npm start<\/code>\uc640 \uac19\uc740 \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc2e4\ud589\ud55c\ub2e4\uace0 \uac00\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774\ub54c <em>Cmd\/Ctrl+Shift<\/em>\ub97c \ub204\ub978 \uc0c1\ud0dc\uc5d0\uc11c \uc774 \uc2a4\ud06c\ub9bd\ud2b8 \ucd9c\ub825\uc758 <em>http:\/\/<\/em> \ub9c1\ud06c\ub97c \ud074\ub9ad\ud558\uba74 WebStorm\uc5d0\uc11c JavaScript \ub514\ubc84\uadf8 \uc138\uc158\uc744 \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/start-debugging-session-from-run-tool-window.png\" alt=\"start-debugging-session-from-run-tool-window\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/start-debugging-session-from-run-tool-window.gif\"><\/p>\n<p><em>ws:\/\/ <\/em>\ub9c1\ud06c\uc758 \uacbd\uc6b0 IDE\ub294 <a href=\"https:\/\/www.jetbrains.com\/help\/webstorm\/run-debug-configuration-node-js-remote-debug.html\" target=\"_blank\" rel=\"noopener\"><em>Attach to Node.js(Node.js\uc5d0 \uc5f0\uacb0)<\/em><\/a> \uad6c\uc131\uc744 \uc0ac\uc6a9\ud558\uc5ec Node.js \ub514\ubc84\uadf8 \uc138\uc158\uc744 \uc2dc\uc791\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\ud574 \ubcf4\ub824\uba74 <em>\u2013inspect<\/em> \ub610\ub294 <em>\u2013inspect-brk<\/em> \ud50c\ub798\uadf8\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub514\ubc84\uadf8 \ubaa8\ub4dc\uc5d0\uc11c <em>node<\/em> \ub610\ub294 <em>nodemon<\/em> \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uace0 \uc704\uc640 \ub3d9\uc77c\ud55c \ub2e8\uacc4\ub97c \ubc18\ubcf5\ud558\uc138\uc694.<\/p>\n<h3 id=\"improved_item_previews_when_debugging\">\ub514\ubc84\uadf8 \uc2dc \ud56d\ubaa9 \ubbf8\ub9ac\ubcf4\uae30 \uac1c\uc120<\/h3>\n<p>\ub514\ubc84\uadf8 \uc2dc \uae30\ubcf8 \uc81c\uacf5 \ucf58\uc194\uc5d0\uc11c \ud56d\ubaa9 \ubbf8\ub9ac\ubcf4\uae30\uac00 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2-eap-6\/\">\uc77c\ubd80 \uac1c\uc120<\/a>\ub41c \uac83\uc744 \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uac1c\uc120\uc73c\ub85c \uac1d\uccb4 \uc815\ubcf4\ub97c \ud3bc\uccd0\ubcfc \ud544\uc694 \uc5c6\uc774 \ud574\ub2f9 \uac1d\uccb4\uc5d0 \ub300\ud55c \ub354 \uc720\uc6a9\ud55c \uc138\ubd80 \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"html_and_style_sheets\">HTML \ubc0f \uc2a4\ud0c0\uc77c\uc2dc\ud2b8<\/h2>\n<h3 id=\"better_support_for_use_and_forward_rules_in_sass_scss\">Sass\/SCSS\uc758 @use \ubc0f @forward \uaddc\uce59\uc5d0 \ub300\ud55c \uc9c0\uc6d0 \uac1c\uc120<\/h3>\n<p>\uc791\ub144\uc5d0\ub294 Sass \ubc0f SCSS\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 <a href=\"https:\/\/sass-lang.com\/documentation\/at-rules\/use\" target=\"_blank\" rel=\"noopener\">@use<\/a>\uc640 <a href=\"https:\/\/sass-lang.com\/documentation\/at-rules\/forward\" target=\"_blank\" rel=\"noopener\">@forward<\/a> \uaddc\uce59\uc5d0 \ub300\ud55c \uc870\uae30 \uc9c0\uc6d0\uc774 \uc77c\ubd80 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2019\/11\/webstorm-2019-3-eap-9\/#sass_module_system\">\ub3c4\uc785<\/a>\ub418\uc5c8\uc2b5\ub2c8\ub2e4. WebStorm 2020.2\uc5d0\uc11c\ub294 \uc774 \uc9c0\uc6d0\uc774 \ud655\uc7a5\ub418\uc5b4 \uc774\uc81c \uac00\uc838\uc628 \uc2ec\ubcfc\uc5d0 \ub300\ud574 \ub354 \uc2a4\ub9c8\ud2b8\ud574\uc9c4 \uc644\uc131 \uae30\ub2a5\uacfc \ud5a5\uc0c1\ub41c \ud574\uacb0 \ubc29\ubc95\uc744 \uae30\ub300\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-completion-suggestions-use-sass.png\" alt=\"completion-suggestions-use-sass\" width=\"600\"><\/p>\n<h3 id=\"support_for_webp_image_format\">WebP \uc774\ubbf8\uc9c0 \ud615\uc2dd \uc9c0\uc6d0<\/h3>\n<p>2020.2 \ubc84\uc804\ubd80\ud130 <em>.jpeg<\/em> \ub610\ub294 <em>.png<\/em> \uc774\ubbf8\uc9c0\ub97c \ubbf8\ub9ac \ubcf4\ub294 \ubc29\uc2dd\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c WebStorm\uc5d0\uc11c <em>.webp<\/em> \uc774\ubbf8\uc9c0\ub97c \ubbf8\ub9ac \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc804\uc5d0\ub294 WebStorm\uc774 <em>.webp<\/em> \ud615\uc2dd\uc744 \uc778\uc2dd\ud558\uc9c0 \ubabb\ud574 \uadf8\ub7ec\ud55c \uc774\ubbf8\uc9c0\ub97c \uc790\uc138\ud788 \ubd10\uc57c \ud560 \ub54c\ub9c8\ub2e4 \ub2e4\ub978 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c \uc804\ud658\ud574\uc57c \ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ubbf8\uc9c0\ub97c \ubbf8\ub9ac \ubcf4\ub824\uba74 \uac04\ub2e8\ud788 \ucf54\ub4dc\uc5d0\uc11c \ud574\ub2f9 \ub9c1\ud06c\ub97c \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0a4\uba74 \ub429\ub2c8\ub2e4. <em>Project(\ud504\ub85c\uc81d\ud2b8)<\/em> \ub3c4\uad6c \ucc3d\uc5d0\uc11c \uc774\ubbf8\uc9c0\ub97c \ub450 \ubc88 \ud074\ub9ad\ud558\uc5ec \uc5d0\ub514\ud130\uc5d0\uc11c \ubbf8\ub9ac \ubcf4\uac70\ub098 <a href=\"https:\/\/www.jetbrains.com\/help\/webstorm\/viewing-definition.html\" target=\"_blank\" rel=\"noopener\"><em>Quick Definition(\ube60\ub978 \uc815\uc758)<\/em><\/a> \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 id=\"completion_for_css_selectors_in_queryselector_methods\">querySelector \uba54\uc18c\ub4dc\uc5d0\uc11c CSS \uc140\ub809\ud130 \ucf54\ub4dc \uc644\uc131 \uc9c0\uc6d0<\/h3>\n<p>HTML DOM\uc744 \uc870\uc791\ud560 \ub54c CSS \uc140\ub809\ud130\uc5d0 \ub300\ud55c \ucf54\ub4dc \uc644\uc131 \uc81c\uc548\uc774 <code>document.querySelector<\/code>, <code>document.querySelectorAll<\/code>, <code>element.querySelector<\/code>, <code>element.querySelectorAll<\/code> \ud638\ucd9c \ub0b4\uc5d0\uc11c <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/05\/webstorm-2020-2-eap-1#completion_for_css_selectors_in_queryselector_methods\">\uc774\uc81c \ud45c\uc2dc<\/a>\ub429\ub2c8\ub2e4.<\/p>\n<h2 id=\"version_control\">\ubc84\uc804 \uad00\ub9ac<\/h2>\n<h3 id=\"more_advanced_support_for_github_pull_requests\">\ud55c\uce35 \ub354 \ud5a5\uc0c1\ub41c GitHub \ud480 \ub9ac\ud018\uc2a4\ud2b8 \uc9c0\uc6d0<\/h3>\n<p>WebStorm 2020.2\uc5d0\uc11c\ub294 GitHub \ud480 \ub9ac\ud018\uc2a4\ud2b8\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc774 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2018\/11\/webstorm-2018-3\/#version_control\">\ud655\uc7a5<\/a>\ub418\uc5b4 IDE\ub97c \ubc97\uc5b4\ub0a0 \ud544\uc694 \uc5c6\uc774 \ud480 \ub9ac\ud018\uc2a4\ud2b8 \uc791\uc5c5\uc744 \ud3b8\ub9ac\ud558\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc81c \ubaa8\ub4e0 \ud480 \ub9ac\ud018\uc2a4\ud2b8\ub97c \ud655\uc778\ud558\uace0 \ucf54\ub4dc\ub97c \uac80\ud1a0\ud55c \ud6c4 \ud480 \ub9ac\ud018\uc2a4\ud2b8\ub97c \ubcd1\ud569\ud558\uc138\uc694.<\/p>\n<p>\uac00\uc7a5 \uba3c\uc800 \ub208\uc5d0 \ub744\ub294 \uac83\uc740 \ud544\uc694\ud55c \ubaa8\ub4e0 \uc815\ubcf4\ub97c \ud55c \ub208\uc5d0 \ubcfc \uc218 \uc788\ub294 \uc0c8\ub85c\uc6b4 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. \uc774\uc81c \ud480 \ub9ac\ud018\uc2a4\ud2b8 \ubaa9\ub85d\uc740 \uc67c\ucabd\uc758 \ubcc4\ub3c4\uc758 \ub3c4\uad6c \ucc3d\uc5d0\uc11c \uc5f4\ub9bd\ub2c8\ub2e4. \ubaa9\ub85d\uc5d0\uc11c \ud480 \ub9ac\ud018\uc2a4\ud2b8\ub97c \ub450 \ubc88 \ud074\ub9ad\ud558\uac70\ub098 \uc606\uc5d0 \uc788\ub294 \ud654\uc0b4\ud45c\ub97c \ud074\ub9ad\ud558\uba74 \uad00\ub828 \uc138\ubd80 \uc815\ubcf4\uac00 \ubaa8\ub450 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc138\ubd80 \uc815\ubcf4\uc5d0\ub294 \ud480 \ub9ac\ud018\uc2a4\ud2b8 \uba54\uc2dc\uc9c0, \ube0c\ub79c\uce58 \uc774\ub984, \uc791\uc131\uc790, \ub2f4\ub2f9\uc790, \ubcc0\uacbd\ub41c \ud30c\uc77c, \ucee4\ubc0b, \ub313\uae00 \ub4f1\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-pull-requests-tool-window.png\" alt=\"pull-requests-tool-window\" width=\"600\"><\/p>\n<p>2020.2 \ubc84\uc804\uc5d0\uc11c \ud655\uc778\ud560 \uc218 \uc788\ub294 \ub610 \ub2e4\ub978 \uc911\uc694\ud55c \ubcc0\uacbd \uc0ac\ud56d\uc740 \uac80\ud1a0\ub97c \uc2dc\uc791, \uc694\uccad \ubc0f \uc81c\ucd9c\ud558\uace0 \ub2e8\uc77c \ub313\uae00\uc744 \ub0a8\uae38 \uc218 \uc788\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-compare-diff-start-review.png\" alt=\"compare-diff-start-review\" width=\"600\"><\/p>\n<p>\ucee4\ubc0b \uc218\uc900\uc758 \ub313\uae00\uc744 \ubcf4\uace0, \ud3b8\uc9d1\ud558\uace0, \uc0dd\uc131\ud558\uac70\ub098 \uc81c\uac70\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc774\uc81c \uc904 \uc218\uc900\uc758 \ub313\uae00\uc744 \ubcf4\uace0 \uc774\uc640 \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c IDE \ub0b4\uc5d0\uc11c \ubc14\ub85c \ucf54\ub4dc\ub97c \uac80\ud1a0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11208\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/05\/webstorm-reply-to-line-comment.png\" alt=\"reply-to-line-comment\" width=\"600\"><\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c IDE \ub0b4\uc5d0\uc11c \ud480 \ub9ac\ud018\uc2a4\ud2b8\ub97c \ubcd1\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 id=\"updated_dialogs_for_several_git_actions\">\uba87\uac00\uc9c0 Git \uc561\uc158 \ub300\ud654\uc0c1\uc790 \uc5c5\ub370\uc774\ud2b8<\/h3>\n<p>WebStorm 2020.2\uc5d0\uc11c\ub294 \ubcd1\ud569, \ud480, \ub9ac\ubca0\uc774\uc2a4 Git \uc561\uc158\uc6a9 <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2-eap-6#updated_dialogs_for_several_git_actions\">\ub300\ud654\uc0c1\uc790\uac00 \uc7ac\uc124\uacc4\ub418\uc5b4 \uae54\ub054\ud558\uac8c \uc815\ub9ac<\/a>\ub41c \uac83\uc744 \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc758\ub3c4\ud55c \ubc14\ub294 \uc774 \ubcc0\uacbd\uc73c\ub85c \uc5b4\ub5a0\ud55c Git \uba85\ub839\uc5b4\uac00 \uc2e4\ud589\ub420\uc9c0 \ub354 \uc27d\uac8c \ud30c\uc545 \uac00\ub2a5\ud558\ub3c4\ub85d \ub9cc\ub4dc\ub294 \uac83\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ub610\ud55c <em>Pull(\ud480)<\/em> \ub300\ud654\uc0c1\uc790\uc758 <em>\u2013rebase<\/em> \ubc0f <em>Merge(\ubcd1\ud569)<\/em> \ub300\ud654\uc0c1\uc790\uc758 <em>\u2013no-verify<\/em> \ub4f1 \uba87\uac00\uc9c0 \uc0c8\ub85c\uc6b4 \uc635\uc158\ub3c4 \ud3ec\ud568\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 id=\"squashing_local_commits_from_the_log\">\ub85c\uadf8\uc5d0\uc11c \ub85c\uceec \ucee4\ubc0b \uc2a4\ucffc\uc2dc<\/h3>\n<p>\uc774\uc81c <em>Git<\/em> \ub3c4\uad6c \ucc3d\uc758 <em>Log(\ub85c\uadf8)<\/em> \ud0ed\uc5d0\uc11c \uc5ec\ub7ec \ub85c\uceec \ucee4\ubc0b\uc744 \uc120\ud0dd\ud558\uc5ec \ud558\ub098\ub85c \uc2a4\ucffc\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc0c8\ub85c\uc6b4 \uc561\uc158\uc740 \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc73c\ub85c \ud074\ub9ad\ud558\uba74 \uc2e4\ud589\ub418\ub294 \ucee8\ud14d\uc2a4\ud2b8 \uba54\ub274\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"code_editing\">\ucf54\ub4dc \ud3b8\uc9d1<\/h2>\n<h3 id=\"new_tools_for_finding_problems_in_your_code\">\ucf54\ub4dc \ubb38\uc81c \uac80\uc0c9\uc744 \uc704\ud55c \uc0c8\ub85c\uc6b4 \ub3c4\uad6c<\/h3>\n<p>\uc801\uc740 \ub178\ub825\uc73c\ub85c \uc624\ub958 \uc5c6\uc774 \ucf54\ub4dc\ub97c \uc791\uc131\ud560 \uc218 \uc788\ub3c4\ub85d \uc0c8\ub85c\uc6b4 <em>Inspections(\uac80\uc0ac)<\/em> \uc704\uc82f\uacfc <em>Problems(\ubb38\uc81c)<\/em> \ub3c4\uad6c \ucc3d\uc744 \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p><em>Inspections<\/em> \uc704\uc82f\uc740 \uc5d0\ub514\ud130\uc758 \uc624\ub978\ucabd \uc0c1\ub2e8 \ubaa8\uc11c\ub9ac\uc5d0 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc704\uc82f\uc744 \uc0ac\uc6a9\ud558\uba74 \ud604\uc7ac \ud30c\uc77c\uc758 \ubb38\uc81c \uc218\ub97c \ud30c\uc545\ud558\uace0 \ubb38\uc81c \uc0ac\uc774\ub97c \uc27d\uac8c \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub3d9\ud558\ub824\uba74 \ud654\uc0b4\ud45c \uc544\uc774\ucf58 \ub610\ub294 <em>F2<\/em>\ub97c \uc0ac\uc6a9\ud558\uc138\uc694. \ub610\ud55c \uc0c8 \uc704\uc82f\uc5d0\uc11c \ubc14\ub85c \uac15\uc870 \ud45c\uc2dc \uc218\uc900\uc744 \uad6c\uc131\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9b0 \ud6c4, <em>None(\uc5c6\uc74c)<\/em>, <em>Syntax(\uad6c\ubb38)<\/em>, <em>All Problems(\ubaa8\ub4e0 \ubb38\uc81c)<\/em> \uc911\uc5d0\uc11c \uc120\ud0dd\ud558\uc138\uc694.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/07\/inspections-widget-1.png\" alt=\"inspections-widget\" width=\"600\"><\/p>\n<p><em>Inspections<\/em> \uc704\uc82f\uc744 \ud074\ub9ad\ud558\uba74 <em>Problems<\/em> \ub3c4\uad6c \ucc3d\uc774 \uc5f4\ub9bd\ub2c8\ub2e4. \uc774 \ucc3d\uc5d0\uc11c\ub294 \ud604\uc7ac \ud30c\uc77c\uc758 \ubb38\uc81c\uc5d0 \ub300\ud55c \uac1c\uc694\ub97c \ud655\uc778\ud558\uace0 \uc5ec\ub7ec \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ubb38\uc81c\ub97c \ub450 \ubc88 \ud074\ub9ad\ud558\uac70\ub098 \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc73c\ub85c \ud074\ub9ad\ud55c \ud6c4 <em>Jump to Source(\uc18c\uc2a4\ub85c \uc774\ub3d9)<\/em>\ub97c \uc120\ud0dd\ud558\uba74 \uc5b4\ub5a4 \ubb38\uc81c\ub85c\ub4e0 \ube60\ub974\uac8c \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \ubb38\uc81c\ub97c \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc73c\ub85c \ud074\ub9ad\ud558\uace0 <em>Show Quick Fixes(\ube60\ub978 \uc218\uc815 \ud45c\uc2dc)<\/em>\ub97c \uc120\ud0dd\ud558\uac70\ub098 <em>Alt+Enter<\/em>\ub97c \uc0ac\uc6a9\ud558\uba74 \uc801\uc6a9 \uac00\ub2a5\ud55c \uc218\uc815 \uc0ac\ud56d\uc744 \uac80\ud1a0\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc218\uc815 \uc0ac\ud56d\uc744 \uc801\uc6a9\ud558\ub824\uba74 \ubaa9\ub85d\uc5d0\uc11c \uc218\uc815 \uc0ac\ud56d\uc744 \uc120\ud0dd\ud558\uace0 <em>Enter<\/em>\ub97c \ub204\ub974\uc138\uc694.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-problems-view.png\" alt=\"problems-view-in-action\" width=\"600\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2020\/06\/webstorm-problems-view-in-action.gif\"><\/p>\n<p>\ub2e4\uc74c\uc5d0\ub294 <em>Problems <\/em>\ub3c4\uad6c \ucc3d\uc758 \uae30\ub2a5\uc744 \ud655\uc7a5\ud560 \uacc4\ud68d\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc774 \ucc3d\uc774 TypeScript \uc5b8\uc5b4 \uc11c\ube44\uc2a4\uc640 \ub354 \uc6d0\ud65c\ud558\uac8c \ud1b5\ud569\ub418\uace0 \uc804\uccb4 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc624\ub958\ub97c \ubd84\uc11d\ud560 \uc218 \uc788\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n<h3 id=\"adding_carets_at_the_end_of_each_selected_line\">\uc120\ud0dd\ud55c \uac01 \uc904\uc758 \ub05d\uc5d0 \uce90\ub7ff \ucd94\uac00<\/h3>\n<p>\uc5ec\ub7ec \uce90\ub7ff\uc73c\ub85c \uc791\uc5c5\ud560 \uc218 \uc788\ub294 \uc0c8\ub85c\uc6b4 \uc561\uc158\uc774 \ucd94\uac00\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \uc561\uc158\uc744 \uc0ac\uc6a9\ud558\uba74 \uc120\ud0dd\ud55c \uac01 \uc904\uc758 \ub05d\uc5d0 \uce90\ub7ff\uc744 \ube60\ub974\uac8c \ubc30\uce58\ud558\uace0 \ubaa8\ub4e0 \uce90\ub7ff\uc744 \ucd94\uac00\ud558\ub294 \uc989\uc2dc \uc120\ud0dd \ud56d\ubaa9\uc744 \uc81c\uac70\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\ud574 \ubcf4\ub824\uba74 \uc77c\ubd80 \ucf54\ub4dc\ub97c \uc120\ud0dd\ud558\uace0 <em>Alt+Shift+G<\/em>\ub97c \ub204\ub974\uc138\uc694. \ub2e4\uc911 \uce90\ub7ff \ud3b8\uc9d1 \ubaa8\ub4dc\ub97c \uc885\ub8cc\ud558\ub824\uba74 <em>Esc<\/em> \ud0a4\ub97c \ub204\ub974\uc138\uc694.<\/p>\n<p>\uc9c0\uae08\uae4c\uc9c0 \uc8fc\uc694 \uac1c\uc120 \uc0ac\ud56d\uc744 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/www.jetbrains.com\/webstorm\/download\" target=\"_blank\" rel=\"noopener\">WebStorm 2020.2<\/a>\uc5d0\uc11c \uc81c\uacf5\ub418\ub294 \uc0c8\ub85c\uc6b4 \uae30\ub2a5 \ubc0f \uac1c\uc120 \uc0ac\ud56d\uc758 \uc804\uccb4 \ubaa9\ub85d\uc740 <a href=\"https:\/\/confluence.jetbrains.com\/display\/WI\/WebStorm+2020.2+Release+Notes\" target=\"_blank\" rel=\"noopener\">\ub9b4\ub9ac\uc2a4 \ub178\ud2b80&gt;\ub97c \ucc38\uc870\ud574 \uc8fc\uc138\uc694. \uc5ec\ub7ec\ubd84\uc758 \uc758\uacac\uc744 JetBrains\uc640 \uacf5\uc720\ud574 \uc8fc\uc2dc\uace0 \uc0ac\uc6a9 \uc911 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud55c \uacbd\uc6b0 <\/a><a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">\uc774\uc288 \ud2b8\ub798\ucee4<\/a>\uc5d0 \ubcf4\uace0\ud574 \uc8fc\uc138\uc694.<\/p>\n<p><em>The WebStorm team<\/em><\/p>\n<p>\n<em>\uc774 \uac8c\uc2dc\ubb3c\uc740 <a href=\"https:\/\/blog.jetbrains.com\/author\/ryababukha\/\">Ekaterina Ryabukha<\/a>\uac00 \uc791\uc131\ud55c <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/07\/webstorm-2020-2\/\">WebStorm 2020.2: Use Prettier as the Default Formatter, Work with Nuxt.js, and Get Full Support for GitHub PRs<\/a>\ub97c \ubc88\uc5ed\ud55c \uae00\uc785\ub2c8\ub2e4.<\/em><\/p>\n","protected":false},"author":964,"featured_media":60744,"comment_status":"open","ping_status":"closed","template":"","categories":[],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm\/68423"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/964"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=68423"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/webstorm\/68423\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media\/60744"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=68423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=68423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=68423"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=68423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}