{"id":693345,"date":"2026-04-01T12:54:41","date_gmt":"2026-04-01T11:54:41","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=pycharm&#038;p=693345"},"modified":"2026-04-01T12:54:44","modified_gmt":"2026-04-01T11:54:44","slug":"expanding-our-core-web-development-support-in-pycharm-2026-1","status":"publish","type":"pycharm","link":"https:\/\/blog.jetbrains.com\/ko\/pycharm\/2026\/04\/expanding-our-core-web-development-support-in-pycharm-2026-1\/","title":{"rendered":"PyCharm 2026.1\uc758 \ud575\uc2ec \uc6f9 \uac1c\ubc1c \uc9c0\uc6d0 \ud655\uc7a5"},"content":{"rendered":"\n<p>PyCharm 2026.1\uc5d0\uc11c\ub294 \ub354 \ub2e4\uc591\ud55c \uc804\ubb38 \uc6f9 \uac1c\ubc1c \ub3c4\uad6c\uac00 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubb34\ub8cc\ub85c \uc81c\uacf5\ub418\uc5b4 \ud575\uc2ec IDE \uacbd\ud5d8\uc774 \ud55c\uce35 \ub354 \ubc1c\uc804\ud569\ub2c8\ub2e4. \uc774\uc804\uc5d0\ub294 Pro \uad6c\ub3c5\uc5d0\uc11c\ub9cc \uc81c\uacf5\ub418\ub358<strong><\/strong> JavaScript, TypeScript \ubc0f CSS \uae30\ub2a5\uc774 \ucd08\ubcf4\uc790\ubd80\ud130 \ubc31\uc5d4\ub4dc \uc911\uc2ec \uac1c\ubc1c\uc790\uae4c\uc9c0 \ubaa8\ub450\uc5d0\uac8c \uc5f4\ub9bd\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">React, JavaScript, TypeScript, CSS \uc9c0\uc6d0<\/h3>\n\n\n\n<p>PyCharm \ub0b4\uc5d0\uc11c \ucd5c\uc2e0 \uc6f9 \uc5b8\uc5b4\ub97c \uc704\ud55c \ud3ec\uad04\uc801\uc778 \ud3b8\uc9d1 \ubc0f \uc11c\uc2dd \uc9c0\uc815 \ub3c4\uad6c \uc138\ud2b8\ub97c \ud65c\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc774\uc5d0\ub294 \ub2e4\uc74c\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<ul>\n<li><strong>\uae30\ubcf8 React \uc9c0\uc6d0<\/strong>\uc740 \ucf54\ub4dc \uc644\uc131, \uad6c\uc131 \uc694\uc18c \ubc0f \uc18d\uc131 \ud0d0\uc0c9, React \ucef4\ud3ec\ub10c\ud2b8 \ubc0f \ud504\ub85c\ud37c\ud2f0 \uc774\ub984 \ubcc0\uacbd \ub9ac\ud329\ud130\ub9c1\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uace0\uae09 import \ubb38 \uad00\ub9ac<\/strong>:\n<ul>\n<li>\uc791\uc5c5 \uc911 JavaScript \ubc0f TypeScript import \ubb38\uc774 \uc790\ub3d9\uc73c\ub85c \ucd94\uac00\ub429\ub2c8\ub2e4.<\/li>\n\n\n\n<li><em>Optimize imports(import \ubb38 \ucd5c\uc801\ud654)<\/em> \uae30\ub2a5\uc744 \ud1b5\ud574 \ubd88\ud544\uc694\ud55c \ucc38\uc870\ub97c \ubcd1\ud569\ud558\uac70\ub098 \uc81c\uac70\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ucf54\ub4dc\ub97c \uc5d0\ub514\ud130\uc5d0 \ubd99\uc5ec \ub123\uc73c\uba74 \ud544\uc694\ud55c import \ubb38\uc774 \uc790\ub3d9\uc73c\ub85c \ucd94\uac00\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>\uc11c\uc2dd \uc9c0\uc815 \ud5a5\uc0c1<\/strong>: CSS\uc5d0 \ud2b9\ud654\ub41c \ucf54\ub4dc \uc644\uc131, \uac80\uc0ac, \ube60\ub978 \uc218\uc815 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70 \ub0b4\uc7a5\ub41c \uc6f9 \ubbf8\ub9ac\ubcf4\uae30\ub97c \ud1b5\ud574 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc2a4\ub9c8\ud2b8 \uc5d0\ub514\ud130 \ub3d9\uc791<\/strong>: \uc6f9 \uac1c\ubc1c\uc744 \uc704\ud574 \uc124\uacc4\ub41c \uc2a4\ub9c8\ud2b8 \ud0a4, Code Vision \uc778\ub808\uc774 \ud78c\ud2b8, \uc811\ubbf8\uc0ac \ucf54\ub4dc \uc644\uc131\uc744 \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud0d0\uc0c9 \ubc0f \ucf54\ub4dc \uc778\ud154\ub9ac\uc804\uc2a4<\/h3>\n\n\n\n<p>\uc6f9 \ud504\ub85c\uc81d\ud2b8\ub97c \ud0d0\uc0c9\ud558\ub294 \uc791\uc5c5\uc774 \ub354 \ud6a8\uc728\uc801\uc73c\ub85c \uac1c\uc120\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul>\n<li><strong>Pro\uae09 \ud0d0\uc0c9 \uae30\ub2a5<\/strong>: <em>Jump to&#8230;(\ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9)<\/em> \uc561\uc158, \uc7ac\uadc0 \ud638\ucd9c, TypeScript \uc18c\uc2a4 \ub9e4\ud551\uc758 \uc804\uc6a9 \uc5ec\ubc31 \uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ud575\uc2ec \uc6f9 \ub9ac\ud329\ud130\ub9c1<\/strong>: \uc2e0\ub8b0\ud560 \uc218 \uc788\ub294 <em>Rename(\uc774\ub984 \ubcc0\uacbd)<\/em> \ub9ac\ud329\ud130\ub9c1\uacfc \uc561\uc158(<em>Introduce variable(\ubcc0\uc218 \uc0bd\uc785)<\/em>, <em>Change signature(\uc2dc\uadf8\ub108\ucc98 \ubcc0\uacbd)<\/em>, <em>Move members(\uba64\ubc84 \uc774\ub3d9)<\/em> \ub4f1)\uc744 \ud1b5\ud574 \uc8fc\uc694 \ucf54\ub4dc \ubcc0\uacbd\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ud488\uc9c8 \uad00\ub9ac<\/strong>: Pro\uae09\uc758 \uac80\uc0ac, \uc778\ud150\uc158, \ube60\ub978 \uc218\uc815 \uae30\ub2a5\uc744 \ud1b5\ud574 \ub192\uc740 \ucf54\ub4dc \ud488\uc9c8\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ucf54\ub4dc \uc815\ub9ac<\/strong>: JavaScript \ubc0f TypeScript \uc911\ubcf5 \ud0d0\uc9c0\ub97c \ud1b5\ud574 \ubd88\ud544\uc694\ud55c \ucf54\ub4dc \ube14\ub85d\uc744 \uc2dd\ubcc4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud504\ub808\uc784\uc6cc\ud06c \ubc0f \ud1b5\ud569 \ub3c4\uad6c<\/h3>\n\n\n\n<p>\uc77c\ubd80 \uc8fc\uc694 \ud504\ub7f0\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c\uc640 \ub3c4\uad6c\uc5d0 \ub300\ud55c \ud544\uc218 \uc9c0\uc6d0\uc774 \ucd94\uac00\ub418\uc5b4 \ub2e4\uc74c \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul>\n<li><strong>\ud504\ub85c\uc81d\ud2b8 \ucd08\uae30\ud654<\/strong>: \ub0b4\uc7a5\ub41c Vite \uc0dd\uc131\uae30\ub97c \uc0ac\uc6a9\ud574 \uc0c8\ub85c\uc6b4 \uc6f9 \ud504\ub85c\uc81d\ud2b8\ub97c \ube60\ub974\uac8c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ud45c\uc900 \ub3c4\uad6c<\/strong>: Prettier, ESLint, TSLint, StyleLint \ud1b5\ud569 \uc9c0\uc6d0\uc744 \uc0ac\uc6a9\ud574 \ucf54\ub4dc \ud488\uc9c8\uc744 \ud45c\uc900\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc2a4\ud06c\ub9bd\ud2b8 \uad00\ub9ac<\/strong>: <code>package.json<\/code>\uc5d0\uc11c NPM \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc9c1\uc811 \ud655\uc778\ud558\uace0 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ubcf4\uc548<\/strong>: \ud504\ub85c\uc81d\ud2b8 \uc885\uc18d\uc131\uc758 \ubcf4\uc548 \ucde8\uc57d\uc810\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>\uc774\uc640 \uac19\uc774 \uac80\uc99d\ub41c \uae30\ub2a5\uc744 \uc774\uc81c \ubb34\ub8cc\ub85c PyCharm \ud575\uc2ec \ud658\uacbd\uc5d0 \uc81c\uacf5\ud558\uac8c \ub418\uc5b4 \uae30\uc069\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ub3c4\uad6c\uac00 \ucd08\ubcf4\uc790, \ud559\uc0dd, \ucde8\ubbf8\ub85c \uac1c\ubc1c\ud558\ub294 \uc774\ub4e4\uc774 \ud558\ub098\uc758 \uac15\ub825\ud55c IDE \uc548\uc5d0\uc11c \uc2e4\uc81c \uac1c\ubc1c \uc791\uc5c5\uc744 \uc218\ud589\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub420 \uac83\uc774\ub77c \ud655\uc2e0\ud569\ub2c8\ub2e4. \ubb34\uc5c7\ubcf4\ub2e4 \ud575\uc2ec \uae30\ub2a5\uc774 \uc0c1\uc5c5\uc6a9\uacfc \ube44\uc0c1\uc5c5\uc6a9 \ud504\ub85c\uc81d\ud2b8 \ubaa8\ub450\uc5d0 \uc81c\uacf5\ub418\ubbc0\ub85c \uc0ac\uc6a9\uc790\uac00 \ud559\uc2b5 \ub2e8\uacc4\uc5d0\uc11c \uc804\ubb38 \uac1c\ubc1c \ub2e8\uacc4\ub85c \ub098\uc544\uac00\ub294 \uacfc\uc815\uc5d0\uc11c PyCharm\ub3c4 \ud568\uaed8 \uc131\uc7a5\ud574 \ub098\uac08 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p><em>\uac8c\uc2dc\ubb3c \uc6d0\ubb38 \uc791\uc131\uc790<\/em><\/p>\n\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/03\/Afanasiev-Ilia-200x200.jpg\" width=\"200\" height=\"200\" alt=\"Ilia Afanasiev\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                            <h4>Ilia Afanasiev<\/h4>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":1191,"featured_media":695667,"comment_status":"closed","ping_status":"closed","template":"","categories":[8377],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/693345"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/types\/pycharm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/1191"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=693345"}],"version-history":[{"count":4,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/693345\/revisions"}],"predecessor-version":[{"id":695689,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/693345\/revisions\/695689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media\/695667"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=693345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=693345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=693345"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=693345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}