{"id":431591,"date":"2024-01-09T04:42:28","date_gmt":"2024-01-09T03:42:28","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=pycharm&#038;p=431591"},"modified":"2024-01-09T04:42:35","modified_gmt":"2024-01-09T03:42:35","slug":"create-a-django-app-in-pycharm","status":"publish","type":"pycharm","link":"https:\/\/blog.jetbrains.com\/ko\/pycharm\/2024\/01\/create-a-django-app-in-pycharm\/","title":{"rendered":"PyCharm\uc5d0\uc11c Django \uc571 \uc81c\uc791\ud558\uae30"},"content":{"rendered":"<p>Django\uc758 \ud575\uc2ec\uc740 \uac1c\ubc1c\uc790\uac00 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ube60\ub974\uac8c \uac1c\ubc1c\ud558\ub3c4\ub85d \uc9c0\uc6d0\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \uc774 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \ub9c8\uc2a4\ud130\ud558\uba74 \ucf58\uc149\ud2b8 \uad6c\uc0c1\ubd80\ud130 \ud504\ub85c\ub355\uc158 \uc0c1\ud0dc\uc758 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc644\uc131\uae4c\uc9c0 \uacfc\uc815\uc774 \ud55c\uacb0 \uac04\uc18c\ud654\ub429\ub2c8\ub2e4. \ub354 \ube60\ub974\uac8c \uac1c\ubc1c\uc744 \uc9c4\ud589\ud558\ub824\uba74 PyCharm\uc5d0\uc11c Django \uc571 \uc81c\uc791 \ubc29\ubc95\uc744 \ubc30\uc6cc\ubcf4\uc138\uc694.<\/p>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 \ud604\uc7ac \uc704\uce58\uc758 \uae30\uc628\uc744 \ubcf4\uc5ec\uc8fc\ub294 \uac04\ub2e8\ud55c Django \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc81c\uc791\uc758 \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \uc124\uba85\ud569\ub2c8\ub2e4. \ub610\ud55c \uc0c1\ud638\uc791\uc6a9\uc131\uc744 \uac00\ubbf8\ud558\uae30 \uc704\ud574 \uc571\uc5d0\uc11c \uc784\uc758\uc758 \ub2e4\ub978 \uc704\uce58\uc758 \ub0a0\uc528\ub3c4 \uac80\uc0c9\ud560 \uc218 \uc788\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c \ud559\uc2b5\ud560 \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li>PyCharm\uc5d0\uc11c Django \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/li>\n<li>\ubaa8\ub378, \ubdf0 \ubc0f \ud15c\ud50c\ub9bf \uc791\uc131<\/li>\n<li>API \ud638\ucd9c \ubc0f \uc751\ub2f5 \ucc98\ub9ac<\/li>\n<li>\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 \ubc0f \ub370\uc774\ud130 \ucc44\uc6b0\uae30<\/li>\n<\/ul>\n<p>\uc644\uc804\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ucf54\ub4dc\uac00 \ud544\uc694\ud55c \uacbd\uc6b0 <a title=\"https:\/\/github.com\/denis-mashutin\/weather-app-tutorial\" href=\"https:\/\/github.com\/denis-mashutin\/weather-app-tutorial\" target=\"_blank\" rel=\"noreferrer noopener\">\uc800\uc7a5\uc18c<\/a>\ub97c \ubcf5\uc81c\ud558\uba74 \ub429\ub2c8\ub2e4. \ubcf5\uc81c\uc640 \uad00\ub828\ud55c \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 <a href=\"https:\/\/www.jetbrains.com\/help\/pycharm\/cloning-repository.html\" target=\"_blank\" rel=\"noopener\">PyCharm \ubb38\uc11c<\/a>\ub97c \ucc38\uc870\ud558\uc138\uc694.<\/p>\n<p><!--more--><\/p>\n<h2 class=\"wp-block-heading\">\uc804\uc81c \uc870\uac74<\/h2>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 \uc774\ubbf8 \uba87 \ub144\uc758 Python \uc0ac\uc6a9 \uacbd\ub825\uc774 \uc788\ub294 \uac1c\ubc1c\uc790\ub97c \ub300\uc0c1\uc73c\ub85c \ud558\ubbc0\ub85c, \ucef4\ud4e8\ud130\uc5d0 Python\uc774 \uc124\uce58\ub418\uc5b4 \uc788\ub2e4\ub294 \uac00\uc815\ud558\uc5d0 \uc9c4\ud589\ub429\ub2c8\ub2e4. \ud639\uc2dc Python\uc774 \uc124\uce58\ub418\uc5b4 \uc788\uc9c0 \uc54a\ub354\ub77c\ub3c4 \uac71\uc815\ud558\uc9c0 \ub9c8\uc138\uc694! PyCharm\uc5d0\uc11c \uccab \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud560 \ub54c \uc6d0\ud558\ub294 Python \ubc84\uc804\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud574 \uc124\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Django \uc9c0\uc6d0\uc740 \uc804\ubb38\uc801 \uae30\ub2a5\uc774\ubbc0\ub85c <a href=\"https:\/\/www.jetbrains.com\/ko-kr\/pycharm\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\">PyCharm Professional<\/a> \ubc84\uc804\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc2e0\uaddc \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c 30\uc77c \ubb34\ub8cc \ud3c9\uac00\ud310\uc774 \uc81c\uacf5\ub418\uba70, \ud559\uc0dd \ub610\ub294 \uad50\uc0ac\uc778 \uacbd\uc6b0 <a href=\"https:\/\/www.jetbrains.com\/ko-kr\/community\/education\/\" target=\"_blank\" rel=\"noreferrer noopener\">\ubb34\ub8cc \uad50\uc721\uc6a9 \ub77c\uc774\uc120\uc2a4<\/a>\ub97c \uc2e0\uccad\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 <a href=\"https:\/\/www.jetbrains.com\/help\/pycharm\/2023.1\/new-ui.html\" target=\"_blank\" rel=\"noopener\">\uc0c8\ub85c\uc6b4 UI<\/a>\uac00 \uc801\uc6a9\ub41c <strong>PyCharm 2023.1<\/strong>\uc5d0\uc11c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub2e4\uc591\ud55c \uc6b4\uc601 \uccb4\uc81c\uc5d0 \uad00\ud55c \uc790\uc138\ud55c \ub0b4\uc6a9 \ubc0f \uc124\uce58 \uc9c0\uce68\uc740 <a href=\"https:\/\/www.jetbrains.com\/help\/pycharm\/installation-guide.html\" target=\"_blank\" rel=\"noopener\">PyCharm \ubb38\uc11c<\/a>\uc5d0\uc11c \ud655\uc778\ud558\uc138\uc694.<\/p>\n<h2 class=\"wp-block-heading\">\uc571 \uc2dc\uc791\ud558\uae30<\/h2>\n<p>\uccab \ub2e8\uacc4\ub97c \uc2dc\uc791\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub2e8\uacc4\uac00 \ubcf5\uc7a1\ud558\uc9c0\ub294 \uc54a\uc73c\uba70, \uc774 \ub2e8\uacc4\ub97c \uc644\ub8cc\ud558\uba74 \uae30\ubcf8\uc801\uc778 \uc218\uc900\uc73c\ub85c \uc2e4\ud589\ub418\ub294 \uc571\uc774 \ud0c4\uc0dd\ud569\ub2c8\ub2e4.<\/p>\n<h3 class=\"wp-block-heading\">PyCharm\uc5d0\uc11c Django \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h3>\n<p>\ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\ub824\uba74 PyCharm\uc744 \uc2dc\uc791\ud558\uace0 <strong>New Project(\uc0c8 \ud504\ub85c\uc81d\ud2b8)<\/strong>\ub97c \ud074\ub9ad\ud558\uc138\uc694. PyCharm\uc774 \uc774\ubbf8 \uc2e4\ud589 \uc911\uc778 \uacbd\uc6b0 <strong>File(\ud30c\uc77c) | New Project<\/strong>\ub97c \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p><strong>New Project<\/strong> \ucc3d\uc774 \uc5f4\ub9ac\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334829\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-47.png\" alt=\"PyCharm\uc5d0\uc11c Django \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\" width=\"1600\" height=\"1300\" \/><\/figure>\n<\/div>\n<ol>\n<li>\ud504\ub85c\uc81d\ud2b8 \uc720\ud615\uc73c\ub85c <strong>Django<\/strong>\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n<li>\ud504\ub85c\uc81d\ud2b8\ub97c \ucd94\uac00\ud560 \ub514\ub809\ud130\ub9ac \uc774\ub984\uc744 \uc785\ub825\ud569\ub2c8\ub2e4. \uc774\ub294 \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uc73c\ub85c\ub3c4 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/li>\n<li>PyCharm\uc5d0\uc11c \uc885\uc18d\uc131\uc744 \uc124\uce58\ud560 \uc0c8 Django \ud504\ub85c\uc81d\ud2b8\uc758 \uac00\uc0c1 \ud658\uacbd\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294 <strong>virtualenv<\/strong> \uc635\uc158\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n<li>PyCharm\uc744 \uc0ac\uc6a9\ud558\uba74 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c Django \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ubc14\ub85c \uc81c\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc774\ub984\uc744 \uc5ec\uae30\uc5d0 \uc9c0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\uc900\ube44\uac00 \uc644\ub8cc\ub418\uba74 <strong>Create(\uc0dd\uc131)<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4. PyCharm\uc740 \ud30c\uc77c \uad6c\uc870\ub97c \uc0dd\uc131\ud558\uace0 Django \ubc0f \uae30\ud0c0 \ud544\uc218 \uc885\uc18d\uc131\uc744 \uc124\uce58\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<p>\ucc3d \uc0c1\ub2e8\uc5d0\uc11c <strong>Run(\uc2e4\ud589)<\/strong> \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud574 Django \uc11c\ubc84\ub97c \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334851\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/run_for_the_first_time.png\" alt=\"Django \uc11c\ubc84 \uc2e4\ud589\" width=\"1956\" height=\"1328\" \/><\/figure>\n<\/div>\n<p><strong>Run<\/strong> \ub3c4\uad6c \ucc3d\uc774 \uc5f4\ub9ac\uba74 \ub9c1\ud06c\ub97c \ub530\ub77c \ube0c\ub77c\uc6b0\uc800 \ucc3d\uc744 \uc5fd\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334885\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/django_server_running-1.png\" alt=\"\ube0c\ub77c\uc6b0\uc800\uc758 Django \uc11c\ubc84 \ud398\uc774\uc9c0\" width=\"1980\" height=\"1194\" \/><\/figure>\n<\/div>\n<p>PyCharm\uc5d0\uc11c \uba87 \ubd84 \uc774\ub0b4\uc5d0 Django \uc11c\ubc84\ub97c \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uac83\ub9cc\uc73c\ub85c \ud6cc\ub96d\ud55c \uc2dc\uc791\uc774\uc9c0\ub9cc \uc544\uc9c1 \ub354 \uc6b0\uc218\ud55c \uae30\ub2a5\uc774 \ub0a8\uc544 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 class=\"wp-block-heading\">\uccab \ubc88\uc9f8 \ubdf0 \uc791\uc131<\/h3>\n<p>\uc774\uc81c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\uc9c1\uc744 \uc791\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. Django\uc758 \uacbd\uc6b0 <strong>views.py<\/strong>\uc5d0 \ud074\ub798\uc2a4\ub098 \ud568\uc218\ub97c \uc791\uc131\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>PyCharm \ucc3d \uc67c\ucabd \uc0c1\ub2e8\uc5d0\uc11c \ud3f4\ub354 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uac70\ub098 <strong>\u23181<\/strong>\/<strong>Alt+1<\/strong> \ud0a4\ub97c \ub20c\ub7ec \uc5b8\uc81c\ub4e0 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\ub97c \ud0d0\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334873\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/project_tool_window.png\" alt=\"\ud504\ub85c\uc81d\ud2b8 \ub3c4\uad6c \ucc3d \uc561\uc138\uc2a4\" width=\"363\" height=\"554\" \/><\/figure>\n<\/div>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 \uc0c1\ub2f9\ud55c \uc2dc\uac04\uc744 \uc808\uc57d\ud560 \uc218 \uc788\ub294 \ub2e8\ucd95\ud0a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, <strong>\u21e7(Shift)<\/strong> \ud0a4\ub97c \ub450 \ubc88 \ub204\ub974\uba74 <strong>Search Everywhere(\uc804\uccb4 \uac80\uc0c9)<\/strong> \ucc3d\uc774 \uc5f4\ub9bd\ub2c8\ub2e4. \uc774 \ub2e8\ucd95\ud0a4\ub97c \ud65c\uc6a9\ud558\uba74 \ud504\ub85c\uc81d\ud2b8 \ud30c\uc77c, \uc124\uc815 \ubc0f \uc561\uc158 \ub4f1 \ubb34\uc5c7\uc774\ub4e0 \uac80\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc804\uccb4 \uac80\uc0c9 \uae30\ub2a5\uc73c\ub85c <strong>views.py<\/strong>\ub97c \ube60\ub974\uac8c \uc5f4\uc5b4\ubcf4\uc138\uc694.<\/p>\n<p><kbd>views<\/kbd>\ub97c \uc785\ub825\ud55c \ud6c4 <strong>meteo<\/strong>\uc758 <strong>views.py<\/strong>\ub85c \ucee4\uc11c\ub97c \uc62e\uae34 \ub2e4\uc74c <strong>Enter<\/strong>\ub97c \ub204\ub974\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334897\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/find_views.png\" alt=\"\uc804\uccb4 \uac80\uc0c9 \uc0ac\uc6a9\" width=\"666\" height=\"243\" \/><\/figure>\n<\/div>\n<p><strong>views.py<\/strong>\uac00 \uc5d0\ub514\ud130 \ud0ed\uc73c\ub85c \uc5f4\ub9bd\ub2c8\ub2e4. \ud604\uc7ac \uc704\uce58\uc758 \ud604\uc7ac \uc628\ub3c4\ub97c \ubc18\ud658\ud558\ub294 <code>temp_here<\/code> \ud568\uc218\ubd80\ud130 \uc791\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc5d0\ub514\ud130\uc5d0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ubd99\uc5ec \ub123\uc73c\uc138\uc694.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import requests\n\n\ndef temp_here():\n    location = geocoder.ip('me').latlng\n    endpoint = \"https:\/\/api.open-meteo.com\/v1\/forecast\"\n    api_request = f\"{endpoint}?latitude={location[0]}&amp;longitude={location[1]}&amp;hourly=temperature_2m\"\n    return requests.get(api_request).json()<\/pre>\n<p>\uc774 \ucf54\ub4dc\ub97c \uc124\uba85\ud574 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. \uba3c\uc800 API \ud638\ucd9c\uc5d0 \ud544\uc694\ud55c <code>requests<\/code> \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uac00\uc838\uc635\ub2c8\ub2e4. import \ubb38\uc5d0 \ube68\uac04\uc0c9 \ubb3c\uacb0 \ubc11\uc904\uc774 \ud45c\uc2dc\ub420 \uacbd\uc6b0, \uc120\ud0dd\ud55c Python \uc778\ud130\ud504\ub9ac\ud130\uc5d0\uc11c \ud328\ud0a4\uc9c0 \uc0ac\uc6a9\uc774 \ubd88\uac00\ud558\ub2e4\ub294 \uc758\ubbf8\uc785\ub2c8\ub2e4.<\/p>\n<p>\ubb3c\uacb0 \ubc11\uc904\uc774 \ud45c\uc2dc\ub41c \uacf3\uc744 \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0a8 \ud6c4 <strong>Install package requests(\ud328\ud0a4\uc9c0 requests \uc124\uce58)<\/strong>\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-334980\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/install_requests.gif\" alt=\"requests \ub77c\uc774\ube0c\ub7ec\ub9ac \uc124\uce58\" width=\"875\" height=\"240\" \/><\/figure>\n<\/div>\n<p>\ud604\uc7ac \uc628\ub3c4\ub97c \uac00\uc838\uc624\uae30 \uc704\ud574 <code>temp_here<\/code>\uac00 <a href=\"https:\/\/open-meteo.com\/en\/docs\" target=\"_blank\" rel=\"noreferrer noopener\">Weather Forecast API<\/a>\ub97c \ud638\ucd9c\ud569\ub2c8\ub2e4. \uc774\uac83\uc740 API \ud0a4\uac00 \ubd88\ud544\uc694\ud55c \ubb34\ub8cc API\uc785\ub2c8\ub2e4. \ud544\uc694\ud55c \uc815\ubcf4\ub294 \uc5d4\ub4dc\ud3ec\uc778\ud2b8(<a href=\"https:\/\/api.open-meteo.com\/v1\/forecast\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/api.open-meteo.com\/v1\/forecast<\/a>) \ubc0f \uc88c\ud45c\ubfd0\uc785\ub2c8\ub2e4. \uc88c\ud45c \uc815\ubcf4\ub97c \uc704\ud574 \uc5ec\ub7ec \uc704\uce58\uc758 \uc88c\ud45c\ub97c \uac80\uc0c9\ud560 \uc218 \uc788\ub294 \ub9e4\uc6b0 \uac04\ub2e8\ud55c Python \ub77c\uc774\ube0c\ub7ec\ub9ac\uc778 <a href=\"https:\/\/geocoder.readthedocs.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Geocoder<\/a>\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ube68\uac04\uc0c9 \ubb3c\uacb0 \ubc11\uc904\ub85c \uac15\uc870 \ud45c\uc2dc\ub41c <code>geocoder<\/code>\uc5d0 \uce90\ub7ff\uc744 \ub450\uace0 <strong>\u2325Enter<\/strong>\/<strong>Alt+Enter<\/strong>\ub97c \ub204\ub974\uba74 \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ube60\ub978 \uc218\uc815\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>Install and import package &#8216;geocoder'(&#8216;geocoder&#8217; \ud328\ud0a4\uc9c0 \uc124\uce58 \ubc0f \uac00\uc838\uc624\uae30)<\/strong>\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335005\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/install_geocoder.png\" alt=\"Python \ud328\ud0a4\uc9c0 \uc124\uce58 \ubc0f \uac00\uc838\uc624\uae30\" width=\"597\" height=\"274\" \/><\/figure>\n<\/div>\n<p>PyCharm\uc740 \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud558\uace0 \ud30c\uc77c \uc2dc\uc791 \ubd80\ubd84\uc5d0 import \ubb38\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n<p>\ubaa8\ub450 \uc801\uc808\ud788 \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud574 \ud14c\uc2a4\ud2b8\ub97c \uc694\uccad\ud558\ub824\uba74 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \uac00\uc7a5 \uac04\ub2e8\ud55c \ubc29\ubc95\uc740 Python \ucf58\uc194\uc5d0\uc11c \ud568\uc218\ub97c \ud638\ucd9c\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc2dc\uac04 \uc808\uc57d\uc5d0 \ub3c4\uc6c0\uc774 \ub418\ub294 \ub2e4\ub978 \uae30\ub2a5\uc778 <strong>Find action(\uc561\uc158 \ucc3e\uae30)<\/strong>\uc744 \uc0ac\uc6a9\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub9c8\uc6b0\uc2a4\ub85c \uba54\ub274\ub97c \uc774\ub3d9\ud558\uac70\ub098 \uc218\ub9ce\uc740 \ub2e8\ucd95\ud0a4\ub97c \uc678\uc6b0\ub294 \ub300\uc2e0 <strong>\u21e7\u2318A<\/strong>\/<strong>Ctrl+Shift+A<\/strong> \ud0a4\ub97c \ub204\ub974\uace0 <strong>Run File in Python Console(Python \ucf58\uc194\uc5d0\uc11c \ud30c\uc77c \uc2e4\ud589)<\/strong>\uc744 \uac80\uc0c9\ud558\uc138\uc694.<\/p>\n<p>\ub2e8\uc5b4\ub97c \ubaa8\ub450 \uc785\ub825\ud560 \ud544\uc694\ub3c4 \uc5c6\uc73c\uba70, <kbd>'rufipy'<\/kbd>\uc640 \uac19\uc740 \uad6c\ubb38\uc744 \uc0ac\uc6a9\ud574\ub3c4 \uc6d0\ud558\ub294 \uacb0\uacfc\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335016\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/rufipy.png\" alt=\"\" width=\"670\" height=\"174\" \/><\/figure>\n<\/div>\n<p>\uba85\ub839\uc5b4 \uc2e4\ud589 \uc2dc PyCharm\uc740 import \ubb38\uacfc \ud568\uc218 \uc815\uc758\ub97c \ucf58\uc194\uc5d0 \ub85c\ub4dc\ud569\ub2c8\ub2e4. \uc774\uc81c <code>temp_here<\/code>\ub97c \ud638\ucd9c\ud558\uc138\uc694. <strong>Tab<\/strong>\uc744 \ub204\ub974\uba74 \ucf54\ub4dc \uc644\uc131 \uae30\ub2a5\uc774 \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335028\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/autocompletion_python_console.png\" alt=\"Python \ucf54\ub4dc \uc644\uc131 \uc0ac\uc6a9\" width=\"708\" height=\"285\" \/><\/figure>\n<\/div>\n<p>\ucf58\uc194 \ucd9c\ub825\uc5d0\uc11c API \uc751\ub2f5\uc744 \uac80\uc0ac\ud569\ub2c8\ub2e4. \ub9e4\uc6b0 \uae34 \ubb38\uc790\uc5f4\uc774\uc9c0\ub9cc \uc544\ub798\uc5d0 \uc608\uc2dc \ud45c\ud604\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc751\ub2f5\uc744 \uc9c1\uc811 \ud0d0\uc0c9\ud558\ub824\uba74 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub974\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<ol>\n<li>\ucf58\uc194 \ucd9c\ub825\uc744 3\ubc88 \ud074\ub9ad\ud55c \ud6c4 <strong>\u2318C<\/strong>\/ <strong>Ctrl+C<\/strong>\ub97c \ub20c\ub7ec \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\u21e7\u2318N<\/strong>\/ <strong>Ctrl+Alt+Shift+Insert<\/strong>\ub97c \ub20c\ub7ec \uc2a4\ud06c\ub798\uce58 \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0 <strong>JSON<\/strong> \ud30c\uc77c \ud615\uc2dd\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4(<kbd>'js\u2026'<\/kbd> \uc785\ub825).<\/li>\n<li>\uc751\ub2f5\uc744 \ubd99\uc5ec \ub123\uace0 <strong>Reformat Code(\ucf54\ub4dc \uc11c\uc2dd \ub2e4\uc2dc \uc9c0\uc815)<\/strong> \uc561\uc158\uc744 \uc801\uc6a9\ud569\ub2c8\ub2e4. <strong>Find action<\/strong>\uc744 \uc0ac\uc6a9\ud558\uac70\ub098 <strong>\u2325\u2318L<\/strong>\/<strong>Ctrl+Alt+L<\/strong>\uc744 \ub204\ub97c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\ud544\uc694\ud55c \uc815\ubcf4\ub294 <code>temperature_2m<\/code> \ud0a4 \uc544\ub798\uc758 <code>hourly<\/code> \uc694\uc18c\uc5d0 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ud574\ub2f9 \ud0a4\ub294 \uac12\uc73c\ub85c \uad6c\uc131\ub41c \ub9ac\uc2a4\ud2b8\ub97c \uac00\ub9ac\ud0b5\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac \uc628\ub3c4\ub97c \uac00\uc838\uc624\ub824\uba74 \ud604\uc7ac \uc2dc\uac04\uc744 \uc0c9\uc778\uc73c\ub85c \uc804\ub2ec\ud574\uc57c \ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ud604\uc7ac \uc2dc\uac04\uc774 14\uc2dc 30\ubd84\uc774\ub77c\uba74 \ub9ac\uc2a4\ud2b8\uc758 14\ubc88\uc9f8 \ud56d\ubaa9\uc744 \uac00\uc838\uc635\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335039\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/api_response_explained.png\" alt=\"API \uc751\ub2f5 \ud0d0\uc0c9\" width=\"800\" height=\"637\" \/><\/figure>\n<\/div>\n<p><code>temp_here()['hourly']['temperature_2m'][14]<\/code> \ucf54\ub4dc\uac00 \ud544\uc694\ud55c \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\ub294\uc9c0 \ud655\uc778\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac \uc2dc\uac04\uc5d0 \ub530\ub77c <kbd>'14'<\/kbd>\ub97c \ubc14\uafbc \ud6c4 \ucf58\uc194\uc5d0 \ucf54\ub4dc\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335061\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/manual_request_console.png\" alt=\"Python \ucf58\uc194\uc5d0\uc11c API\ub85c \uc694\uccad \uc804\uc1a1\" width=\"574\" height=\"270\" \/><\/figure>\n<\/div>\n<p>14.9 \u00b0C\ub294 \uc6b0\ub9ac \uc704\uce58\uc758 \ud604\uc7ac \uc628\ub3c4\uc785\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\uc758 \uc628\ub3c4\ub294 \uc5b4\ub5bb\uac8c \ud45c\uc2dc\ub418\ub098\uc694?<\/p>\n<p>API \uc751\ub2f5\uc5d0\uc11c \ud604\uc7ac \uc628\ub3c4\ub97c \ucd94\ucd9c\ud560 \uc218 \uc788\ub3c4\ub85d \ud568\uc218\ub97c \uc218\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"5-9\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">def temp_here():\n    location = geocoder.ip('me').latlng\n    endpoint = \"https:\/\/api.open-meteo.com\/v1\/forecast\"\n    api_request = f\"{endpoint}?latitude={location[0]}&amp;longitude={location[1]}&amp;hourly=temperature_2m\"\n    now = datetime.now()\n    hour = now.hour\n    meteo_data = requests.get(api_request).json()\n    temp = meteo_data['hourly']['temperature_2m'][hour]\n    return temp<\/pre>\n<p><code>datetime<\/code>\ub3c4 \uac00\uc838\uc640\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video aligncenter\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/import_datetime.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p>Python \ucf58\uc194 \ud234\ubc14\uc758 \uc67c\ucabd \uc0c1\ub2e8\uc5d0\uc11c <strong>Rerun(\ub2e4\uc2dc \uc2e4\ud589)<\/strong> \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud574 \uc5c5\ub370\uc774\ud2b8\ub41c \ud568\uc218 \uc815\uc758\ub97c \ub2e4\uc2dc \ub85c\ub4dc\ud55c \ud6c4 <code>temp_here<\/code> \ud568\uc218\ub97c \ub2e4\uc2dc \ud638\ucd9c\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335092\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/rerun_same_result.png\" alt=\"Python \ucf58\uc194\uc5d0\uc11c \uc5c5\ub370\uc774\ud2b8\ub41c \ud568\uc218 \ud638\ucd9c\" width=\"687\" height=\"222\" \/><\/figure>\n<\/div>\n<p><code>temp_here<\/code> \ud568\uc218\uc758 \ucf54\ub4dc\ub97c \ubcc0\uacbd\ud558\uae30 \uc804 \uacb0\uacfc\uc640 \ub2e4\ub978 \uacb0\uacfc\uac00 \ud45c\uc2dc\ub420 \uacbd\uc6b0, <strong>settings.py<\/strong>\uc758 <code>TIME_ZONE<\/code> \uac12\uc774 \uc798\ubabb\ub418\uc5c8\uae30 \ub54c\ubb38\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc790\uc138\ud55c \uc815\ubcf4\ub294 <a href=\"https:\/\/docs.djangoproject.com\/en\/4.1\/ref\/settings\/#std-setting-TIME_ZONE\" target=\"_blank\" rel=\"noreferrer noopener\">Django \ubb38\uc11c<\/a>\ub97c \ucc38\uc870\ud558\uc138\uc694.<\/p>\n<p>\uc774 \uc124\uc815\uc5d0 \ube60\ub974\uac8c \uc561\uc138\uc2a4\ud558\ub824\uba74 <strong>\u21e7(Shift)<\/strong> \ud0a4\ub97c \ub450 \ubc88 \ub204\ub974\uace0 <strong>Tab<\/strong> \ud0a4\ub97c \uba87 \ubc88 \ub20c\ub7ec <strong>Symbols(\uc2ec\ubcfc)<\/strong>\ub85c \uc774\ub3d9\ud55c \ud6c4 <kbd>'time\u2026'<\/kbd>\uc744 \uc785\ub825\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335103\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/time_zone_settings.png\" alt=\"\uc804\uccb4 \uac80\uc0c9\uc744 \uc0ac\uc6a9\ud574 \uc124\uc815 \uac80\uc0c9\" width=\"681\" height=\"267\" \/><\/figure>\n<\/div>\n<p>\uc774\uc81c <code>temp_here<\/code>\ub97c \ubdf0 \ud568\uc218\ub85c \ubc14\uafd4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. Django\uc5d0\uc11c \ubdf0\ub85c \uc778\uc2dd\ub418\ub824\uba74, \ud568\uc218\uac00 \uccab \ubc88\uc9f8 \ub9e4\uac1c\ubcc0\uc218\ub85c <strong>HttpRequest<\/strong> \uac1d\uccb4\ub97c \ud5c8\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c \uccab \ub9e4\uac1c\ubcc0\uc218 \uc774\ub984\uc740 <code>request<\/code>\ub85c \uc9c0\uc815\ub429\ub2c8\ub2e4. \ub610\ud55c \uc774 \ud568\uc218\ub294 <strong>HttpResponse<\/strong> \uac1d\uccb4\ub97c \ubc18\ud658\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><strong>views.py<\/strong>\uc5d0 \ud3ec\ud568\ub41c \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"8,16\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">from datetime import datetime\n\nimport geocoder as geocoder\nimport requests\nfrom django.http import HttpResponse\n\n\ndef temp_here(request):\n    location = geocoder.ip('me').latlng\n    endpoint = \"https:\/\/api.open-meteo.com\/v1\/forecast\"\n    api_request = f\"{endpoint}?latitude={location[0]}&amp;longitude={location[1]}&amp;hourly=temperature_2m\"\n    now = datetime.now()\n    hour = now.hour\n    meteo_data = requests.get(api_request).json()\n    temp = meteo_data['hourly']['temperature_2m'][hour]\n    return HttpResponse(f\"Here it's {temp}\")<\/pre>\n<p>\ubcf4\uc2dc\ub2e4\uc2dc\ud53c \ubcc0\uacbd\ub41c \uc810\uc774 \ubcc4\ub85c \uc5c6\uc2b5\ub2c8\ub2e4. <code>temp_here<\/code> \ud568\uc218\uc5d0\uc11c \uc778\uc218\ub85c <code>request<\/code>\uac00 \uc0ac\uc6a9\ub418\uc5c8\uc73c\uba70, <code>HttpResponse<\/code>\uac00 \ubb38\uc790\uc5f4\uacfc \ud568\uaed8 \ubc18\ud658\ub429\ub2c8\ub2e4.<\/p>\n<p>API \uc694\uccad\uc5d0 <code>temperature_unit<\/code> \ub9e4\uac1c\ubcc0\uc218\ub97c \ucd94\uac00\ud558\uba74 \uac04\ud3b8\ud558\uac8c \uc12d\uc528 \ub300\uc2e0 \ud654\uc528 \ub2e8\uc704\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">api_request = f\"{endpoint}?latitude={location[0]}&amp;longitude={location[1]}&amp;hourly=temperature_2m&amp;temperature_unit=fahrenheit\"<\/pre>\n<p>\uc12d\uc528\ub97c \uc0ac\uc6a9\ud558\ub824\uba74 \uc774 \ubcc0\uacbd \uc0ac\ud56d\uc740 \ucd94\uac00\ud558\uc9c0 \ub9c8\uc138\uc694.<\/p>\n<h3 class=\"wp-block-heading\">URL \uad6c\uc131<\/h3>\n<p>\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc571\uc5d0 \uc561\uc138\uc2a4\ud558\ub294 \ubc29\ubc95\uc744 \uad6c\uc131\ud558\ub824\uba74 <strong>urls.py<\/strong>\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694. \uc704\uc758 \uc124\uba85\uc5d0 \ub530\ub77c <strong>Shift<\/strong> \ud0a4\ub97c \ub450 \ubc88 \ub204\ub974\uace0 urls\ub97c \uc785\ub825\ud574 \ucc3e\uc544\uc11c \uc5f4\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p><code>urlpatterns<\/code>\uc5d0 \ub2e4\uc74c \ucf54\ub4dc \uc904\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. <strong>Reformat Code(\ucf54\ub4dc \uc11c\uc2dd \ub2e4\uc2dc \uc9c0\uc815)<\/strong> \uc561\uc158(<strong>\u2325\u2318L<\/strong>\/<strong>Ctrl+Alt+L<\/strong>)\uc744 \uc0ac\uc6a9\ud574 \ucf54\ub4dc\ub97c \ubd99\uc5ec \ub123\uc740 \ud6c4 \uac04\ud3b8\ud558\uac8c \ub4e4\uc5ec\uc4f0\uae30\ub97c \ubcf5\uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">path(\"\", include('meteo.urls')),<\/pre>\n<p><code>django.urls.include<\/code>\uc758 <code>include<\/code>\ub3c4 \uac00\uc838\uc640\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\ud30c\uc77c\uc774 \uc544\uc9c1 \uc5c6\uc73c\ubbc0\ub85c <code>'meteo.urls'<\/code>\uc5d0 \ub178\ub780\uc0c9 \ubb3c\uacb0 \ubc11\uc904\uc774 \ud45c\uc2dc\ub418\uc5b4 \ud574\uacb0\ub418\uc9c0 \uc54a\uc740 \ucc38\uc870\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774 \ubb38\uc81c\ub294 \ub2e4\uc74c \ub2e8\uacc4\ub97c \uac70\uce58\uba74 \uc218\uc815\ub429\ub2c8\ub2e4.<\/p>\n<p>Django \ud504\ub85c\uc81d\ud2b8\uc5d0\ub294 \ud558\ub098 \uc774\uc0c1\uc758 \uc571\uc774 \ud3ec\ud568\ub418\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4. \ud604\uc7ac \uadf8\ub807\uc9c0 \uc54a\ub354\ub77c\ub3c4 \ud5a5\ud6c4 \ud504\ub85c\uc81d\ud2b8 \uac1c\ubc1c\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4. \ub530\ub77c\uc11c \ud574\ub2f9 \ud3f4\ub354\uc758 \uac01 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \ub300\ud55c <strong>urls.py<\/strong> \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0, \ud574\ub2f9 \ud30c\uc77c\uc744 \ud504\ub85c\uc81d\ud2b8\uc758 <strong>urls.py<\/strong>\uc5d0 \ubaa8\ub450 \ud3ec\ud568\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><strong>meteo<\/strong> \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ud3f4\ub354\uc5d0 <strong>urls.py<\/strong>\ub97c \uc0dd\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong>Project(\ud504\ub85c\uc81d\ud2b8)<\/strong> \ub3c4\uad6c \ucc3d\uc5d0\uc11c <strong>meteo<\/strong> \ub514\ub809\ud130\ub9ac\ub97c \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc73c\ub85c \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>New(\uc0c8\ub85c \ub9cc\ub4e4\uae30) &gt; Python File(Python \ud30c\uc77c)<\/strong>\uc744 \uc120\ud0dd\ud558\uace0 <kbd>urls<\/kbd>\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc0c8\ub85c \uc0dd\uc131\ud55c \ud30c\uc77c\uc774 \uc5f4\ub9ac\uba74 \ub2e4\uc74c \ucf54\ub4dc\ub85c \ucc44\uc6c1\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">from django.urls import path\nfrom . import views\n\n\nurlpatterns = [\n    path('meteo\/', views.temp_here, name='temp_here'),\n]<\/pre>\n<p>\uc774\uc81c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c <kbd>&lt;server_address&gt;\/meteo<\/kbd>\ub85c \uc774\ub3d9\ud558\uba74 <strong>views.py<\/strong>\uc758 <code>temp_here<\/code> \ud568\uc218\uac00 \ud638\ucd9c\ub418\uba70 \ube0c\ub77c\uc6b0\uc800\ub294 \ud568\uc218\uac00 \ubc18\ud658\ud558\ub294 \ubaa8\ub4e0 \ud56d\ubaa9\uc744 \ub80c\ub354\ub9c1\ud569\ub2c8\ub2e4.<\/p>\n<h3 class=\"wp-block-heading\">\uc5f0\uacb0 \uc131\uacf5!<\/h3>\n<p>\uc624\ub978\ucabd \uc0c1\ub2e8\uc758 <strong>Rerun(\ub2e4\uc2dc \uc2e4\ud589)<\/strong> \ubc84\ud2bc\uc744 \ud074\ub9ad\ud574 Django \uc11c\ubc84\ub97c \ub2e4\uc2dc \uc2e4\ud589\ud558\uace0 \uc561\uc158\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335121\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/stop_and_rerun.png\" alt=\"Django \uc11c\ubc84 \ub2e4\uc2dc \uc2e4\ud589\" width=\"844\" height=\"397\" \/><\/figure>\n<\/div>\n<p>\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c <a href=\"http:\/\/127.0.0.1:8000\/meteo\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/127.0.0.1:8000\/meteo\/<\/a> \uc8fc\uc18c\ub97c \uc5f4\uba74 \ub2e4\uc74c\uacfc \uc720\uc0ac\ud55c \ub0b4\uc6a9\uc774 \ud45c\uc2dc\ub420 \uac81\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335132\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-49.png\" alt=\"\ube0c\ub77c\uc6b0\uc800\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud398\uc774\uc9c0\" width=\"410\" height=\"207\" \/><\/figure>\n<\/div>\n<p>\ube0c\ub77c\uc6b0\uc800\ub97c \uc5f4\uace0 \uc8fc\uc18c\ub97c \uc785\ub825\ud558\uac70\ub098 Django \uc11c\ubc84\ub97c \ub2e4\uc2dc \uc2dc\uc791\ud560 \ub54c\ub9c8\ub2e4 \ud398\uc774\uc9c0\ub97c \uc218\ub3d9\uc73c\ub85c \uc0c8\ub85c \uace0\uce58\uae30 \ubc88\uac70\ub86d\ub2e4\uba74 PyCharm\uc5d0\uc11c \uc774\ub97c \uc790\ub3d9\uc73c\ub85c \uc218\ud589\ud558\ub3c4\ub85d \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong>Run(\uc2e4\ud589)<\/strong> \uc704\uc82f\uc5d0\uc11c \ub4dc\ub86d\ub2e4\uc6b4 \ubaa9\ub85d\uc744 \uc5f4\uc5b4 <strong>Edit configurations(\uad6c\uc131 \ud3b8\uc9d1)<\/strong>\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335143\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/edit_confiurations.png\" alt=\"\uc2e4\ud589 \uad6c\uc131 \ud3b8\uc9d1\" width=\"265\" height=\"215\" \/><\/figure>\n<\/div>\n<p>\uc67c\ucabd \ud328\ub110\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\uc758 \uad6c\uc131\uacfc <strong>Run browser(\ube0c\ub77c\uc6b0\uc800 \uc2e4\ud589)<\/strong> \uccb4\ud06c\ubc15\uc2a4\ub97c \ucc28\ub840\ub85c \uc120\ud0dd\ud55c \ud6c4 URL\uc5d0 <kbd>meteo<\/kbd>\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335154\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/run_browser.png\" alt=\"URL \uad6c\uc131\" width=\"1040\" height=\"676\" \/><\/figure>\n<\/div>\n<p><strong>OK(\ud655\uc778)<\/strong>\ub97c \ud074\ub9ad\ud574 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc801\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc774\uc81c \uc571\uc774 \uc791\ub3d9\ud558\uc9c0\ub9cc \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uba4b\uc9c0\uac8c \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc73c\uba70, &#8216;\uc784\uc758\uc758 \uc704\uce58\uc5d0\uc11c\uc758 \ub0a0\uc528&#8217;\uc640 \uac19\uc740 \uae30\ub2a5\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \ub2e8\uacc4\uc5d0\uc11c \uc774 \ubb38\uc81c\ub97c \ud574\uacb0\ud560 \uc218 \uc788\ub3c4\ub85d \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uace0 \ub370\uc774\ud130\ub97c \uac00\uc838\uc640 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 class=\"wp-block-heading\">\uacbd\ud5d8 \uac1c\uc120<\/h2>\n<h3 class=\"wp-block-heading\">\ud15c\ud50c\ub9bf \ucd94\uac00<\/h3>\n<p><strong>views.py<\/strong>\ub85c \ub3cc\uc544\uac00 <code>temp_here<\/code> \ud568\uc218\ub97c \ub2e4\uc2dc \uc218\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uc758 \uc704\uce58\uac00 \uc5ec\uc804\ud788 <strong>meteo\/urls.py<\/strong>\ub77c\uba74 \ud574\ub2f9 \ud568\uc218\ub85c \ubc14\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\u2318<\/strong>\/<strong>Ctrl<\/strong> \ud0a4\ub97c \ub204\ub978 \uc0c1\ud0dc\ub85c <code>temp_here<\/code> \ubd80\ubd84\uc744 \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0b5\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8\uac00 \ud558\uc774\ud37c\ub9c1\ud06c\ub85c \ubc14\ub00c\uba74 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335165\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/go_to_temp_here_from_urls-1.gif\" alt=\"\ud568\uc218 \uc815\uc758\ub85c \uc774\ub3d9\" width=\"640\" height=\"480\" \/><\/figure>\n<\/div>\n<p>return \ubb38 \uc804\uc5d0 \uc0c8 \uc904\uc744 \ucd94\uac00\ud574 &#8216;template = loader&#8217;\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\u2325Enter<\/strong>\/<strong>Alt+Enter<\/strong>\ub97c \ub204\ub974\uace0 \ube60\ub978 \uc218\uc815\uc744 \uc0ac\uc6a9\ud574 <code>django.template.loader<\/code>\uc758 <code>loader<\/code>\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video aligncenter\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/import_loader.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p>\ub2e4\uc74c\uc73c\ub85c <code>get_template()<\/code>\uc744 \uc0ac\uc6a9\ud574 <strong>index.html<\/strong>\uc744 \ud15c\ud50c\ub9bf\uc73c\ub85c \ub85c\ub4dc\ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">    template = loader.get_template('index.html')<\/pre>\n<p>\uc774\uc81c return \ubb38\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \ub450 \uc904\ub85c \ubc14\uafc9\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">    context = {'temp': temp}\n    return HttpResponse(template.render(context, request))<\/pre>\n<p><strong>Index.html<\/strong>\uc740 \uc544\uc9c1 \uc5c6\uc73c\ubbc0\ub85c \ub178\ub780\uc0c9 \ubb3c\uacb0 \ubc11\uc904\ub85c \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774\ub97c \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0a8 \ud6c4 <strong> Create template index.html(\ud15c\ud50c\ub9bf index.html \uc0dd\uc131)<\/strong> \uc635\uc158\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335187\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/create_template.png\" alt=\"\ud15c\ud50c\ub9bf \ud30c\uc77c \uc0dd\uc131\" width=\"550\" height=\"148\" \/><\/figure>\n<\/div>\n<p><strong>OK(\ud655\uc778)<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4. PyCharm\uc5d0\uc11c <strong>index.html<\/strong>\uc774 \uc0dd\uc131\ub418\uba70 \ud3b8\uc9d1\ud560 \uc218 \uc788\ub3c4\ub85d \uc5f4\ub9bd\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac \ud30c\uc77c\uc740 \ube44\uc5b4 \uc788\uc73c\ub098 <strong>\ub77c\uc774\ube0c \ud15c\ud50c\ub9bf<\/strong>\uc744 \uc0ac\uc6a9\ud574 \ud15c\ud50c\ub9bf html \ucf54\ub4dc\ub85c \ucc44\uc6cc\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. <kbd>html:5<\/kbd>\ub97c \uc785\ub825\ud558\uace0 <strong>Tab<\/strong> \ud0a4\ub97c \ub204\ub985\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335198\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/html_live_template.gif\" alt=\"\ub77c\uc774\ube0c \ud15c\ud50c\ub9bf \uc0ac\uc6a9\" width=\"893\" height=\"359\" \/><\/figure>\n<\/div>\n<p>html \ud398\uc774\uc9c0\uc5d0\uc11c \ud45c\uc2dc\ub418\ub294 \ucf58\ud150\uce20\ub294 <code>&lt;body&gt;&lt;\/body&gt;<\/code> \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p>\ud574\ub2f9 \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \uc0bd\uc785\ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;h1&gt;Temperature at your location:&lt;\/h1&gt;\n&lt;h2&gt;{{ temp }} \u2103&lt;\/h2&gt;<\/pre>\n<p><code>temp<\/code>\ub294 \ubdf0\uc5d0\uc11c \ud15c\ud50c\ub9bf\uc73c\ub85c \uc804\ub2ec\ub418\ub294 \ubcc0\uc218\uc785\ub2c8\ub2e4. \ubcc0\uc218 \uc774\ub984 \ubc0f \uac12\uc740 \uc0ac\uc804\uc5d0 \uc800\uc7a5\ub418\uace0, \ud15c\ud50c\ub9bf \ub80c\ub354\ub9c1 \uc2dc \uc804\ub2ec\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4. <strong>views.py<\/strong>\uc5d0\uc11c \ucee8\ud14d\uc2a4\ud2b8 \ubcc0\uc218\uc5d0 <code>{\u2018temp\u2019 : temp}<\/code>\uc640 \uac19\uc774 \uac12\uc744 \ud560\ub2f9\ud574 \uc774\ub97c \uc218\ud589\ud588\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc12d\uc528 \uc628\ub3c4 \uae30\ud638\uc758 \uc720\ub2c8\ucf54\ub4dc \ud45c\ud604\uc740 <code>&amp;#8451<\/code>\uc785\ub2c8\ub2e4. \ud654\uc528\ub85c \ud45c\uc2dc\ud558\ub824\uba74 <code>&amp;#8457<\/code>\uc744 \uc0ac\uc6a9\ud558\uc138\uc694.\u00a0<\/p>\n<p>\uc774\uc81c Django \uc11c\ubc84\ub97c \ub2e4\uc2dc \uc2e4\ud589\ud574 \ubcc0\uacbd \uc0ac\ud56d\uc744 \ud655\uc778\ud558\uace0 \uc571\uc774 \uc801\uc808\ud788 \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4. \uc704 \uc124\uba85\uc5d0 \ub530\ub77c \uc2e4\ud589 \uad6c\uc131\uc744 \ud3b8\uc9d1\ud55c \uacbd\uc6b0 \ube0c\ub77c\uc6b0\uc800 \ucc3d\uc774 \uc790\ub3d9\uc73c\ub85c \uc5f4\ub9bd\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335209\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-50.png\" alt=\"\ud15c\ud50c\ub9bf\uc744 \ud1b5\ud574 \uc0dd\uc131\ub41c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud398\uc774\uc9c0\" width=\"448\" height=\"178\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\">\ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubc0f \ubaa8\ub378 \uc0dd\uc131<\/h3>\n<p>API\uc5d0\uc11c \uc784\uc758\uc758 \uc704\uce58\uc5d0 \ub300\ud55c \uae30\uc628 \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub824\uba74 \ud574\ub2f9 \uc704\uce58\uc758 \uc88c\ud45c\ub97c \uc81c\uacf5\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.kaggle.com\/juanmah\" target=\"_blank\" rel=\"noreferrer noopener\">Juanma Hern\u00e1ndez<\/a>\uac00 \uc81c\uacf5\ud558\uace0 <a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\" target=\"_blank\" rel=\"noreferrer noopener\">CC BY 4.0<\/a>\uc5d0 \ub530\ub77c \ub77c\uc774\uc120\uc2a4\uac00 \ubd80\uc5ec\ub41c <a href=\"https:\/\/www.kaggle.com\/datasets\/juanmah\/world-cities\" target=\"_blank\" rel=\"noopener\">\uc138\uacc4\uc758 \ub3c4\uc2dc<\/a> <a href=\"https:\/\/www.kaggle.com\/datasets\/juanmah\/world-cities\" target=\"_blank\" rel=\"noreferrer noopener\">\ub370\uc774\ud130\ubca0\uc774\uc2a4<\/a>\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc544\uce74\uc774\ube0c\uc5d0\uc11c <strong>worldcities.csv<\/strong>\ub97c \ucd94\ucd9c\ud569\ub2c8\ub2e4. \uc544\uc9c1 <a href=\"https:\/\/www.kaggle.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kaggle<\/a>\uacc4\uc815\uc774 \uc5c6\ub2e4\uba74 Kaggle\uc5d0 \uac00\uc785\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\ub610\ud55c Django\uc5d0\uc11c \uc790\ub3d9\uc73c\ub85c \uc0dd\uc131\ud55c <strong>db.sqlite3<\/strong> \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c PyCharm \ud504\ub85c\uc81d\ud2b8\uc5d0 \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\ucd94\uac00 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li>\uc67c\ucabd\uc758 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud574 <strong>Database(\ub370\uc774\ud130\ubca0\uc774\uc2a4)<\/strong> \ub3c4\uad6c \ucc3d\uc744 \uc5fd\ub2c8\ub2e4. <strong>\u2318E<\/strong>\/<strong>Ctrl+E<\/strong> \ub20c\ub7ec \ubaa8\ub4e0 \ub3c4\uad6c \ucc3d\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335243\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/open_database_tool_window.png\" alt=\"\ub370\uc774\ud130\ubca0\uc774\uc2a4 \ub3c4\uad6c \ucc3d \uc561\uc138\uc2a4\" width=\"500\" height=\"392\" \/><\/figure>\n<\/div>\n<ol start=\"2\">\n<li>\ub3c4\uad6c \ucc3d \uc67c\ucabd \uc0c1\ub2e8\uc758 <strong>+<\/strong>\ub97c \ud074\ub9ad\ud55c \ud6c4 <strong>Data Source(\ub370\uc774\ud130 \uc18c\uc2a4) &gt; SQLite<\/strong>\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4. <kbd>'sq...'<\/kbd> \uc785\ub825\ud558\uba74 \ud544\uc694\ud55c \uc635\uc158\uc744 \ub354 \ube68\ub9ac \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335257\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/create_sql_source.png\" alt=\"SQL Lite \ub370\uc774\ud130 \uc18c\uc2a4 \uc0dd\uc131\" width=\"509\" height=\"327\" \/><\/figure>\n<\/div>\n<ol start=\"3\">\n<li><strong>File(\ud30c\uc77c)<\/strong> \ud544\ub4dc \uc606\uc758 <strong>\u2026<\/strong>\ub97c \ud074\ub9ad\ud55c \ud6c4 \ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\uc5d0\uc11c <strong>db.sqlite3<\/strong> \ud30c\uc77c\uc744 \ucc3e\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ub370\uc774\ud130\ubca0\uc774\uc2a4 \ub4dc\ub77c\uc774\ubc84\ub97c \uc124\uce58, \uc5c5\ub370\uc774\ud2b8 \ub610\ub294 \ubcc0\uacbd\ud574\uc57c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucc3d \ud558\ub2e8\uc5d0 \uacbd\uace0\uac00 \ud45c\uc2dc\ub418\uba74 \ub9c1\ud06c\ub97c \ud074\ub9ad\ud574 \ud544\uc694\ud55c \uc561\uc158\uc744 \uc218\ud589\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335270\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-51.png\" alt=\"\ub370\uc774\ud130\ubca0\uc774\uc2a4 \ub4dc\ub77c\uc774\ubc84 \uc124\uce58\/\ubcc0\uacbd\" width=\"800\" height=\"676\" \/><\/figure>\n<\/div>\n<ol start=\"5\">\n<li><strong>OK(\ud655\uc778)<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\ub370\uc774\ud130\ub97c \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub85c \uac00\uc838\uc624\ub824\uba74 <strong>worldcities.csv<\/strong>\ub97c <strong>Database(\ub370\uc774\ud130\ubca0\uc774\uc2a4)<\/strong> \ub3c4\uad6c \ucc3d\uc758 <strong>db.sqlite3<\/strong>\uc73c\ub85c \ub4dc\ub798\uadf8\uc564\ub4dc\ub86d\ud569\ub2c8\ub2e4. \ub300\ud654\uc0c1\uc790\uac00 \uc5f4\ub9ac\uba74 <strong>city, lat, lng, country<\/strong> \ubc0f <strong>id<\/strong> \uc5f4\ub9cc \ub0a8\ub3c4\ub85d \ubd88\ud544\uc694\ud55c \uc5f4\uc744 \uc81c\uac70\ud569\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video aligncenter\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/dnd_csv_to_db.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p><strong>db.sqlite3<\/strong> \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\ub294 <strong>worldcities<\/strong> \ud14c\uc774\ube14\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335292\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/worldcities_table_in_db.png\" alt=\"\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uad6c\uc870\uc758 Worldcities \ud14c\uc774\ube14\" width=\"457\" height=\"180\" \/><\/figure>\n<\/div>\n<p>\ud14c\uc774\ube14\uc744 \ub354\ube14 \ud074\ub9ad\ud558\uba74 \uc5d0\ub514\ud130\uc5d0 \ub0b4\uc6a9\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n<p>Django\ub294 \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud574 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc640 \uc0c1\ud638\uc791\uc6a9\ud569\ub2c8\ub2e4. <strong>worldcities<\/strong> \ud14c\uc774\ube14\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc77d\uc744 \uc218 \uc788\ub3c4\ub85d \ud558\ub294 \ubaa8\ub378\uc744 \uc0dd\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li><strong>\u2325R<\/strong>\/<strong>Ctrl+Alt+R<\/strong>\uc744 \ub20c\ub7ec <strong>manage.py<\/strong> \uc791\uc5c5 \ucf58\uc194\uc744 \uc5fd\ub2c8\ub2e4.\u00a0<\/li>\n<li><kbd>inspectdb worldcities<\/kbd>\ub97c \uc785\ub825\ud558\uace0 <strong>Enter<\/strong>\ub97c \ub204\ub985\ub2c8\ub2e4.<\/li>\n<li>\ucf58\uc194 \ucd9c\ub825\uc758 <code>Worldcities<\/code> \ud074\ub798\uc2a4\ub97c \ubcf5\uc0ac\ud574 <strong>meteomodels.py<\/strong>\uc5d0 \ubd99\uc5ec \ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<li>id \ud544\ub4dc\uc758 <code>null=True<\/code>\ub97c <code>primary_key=True<\/code>\ub85c \ubc14\uafc9\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"9\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">from django.db import models\n\n\nclass Worldcities(models.Model):\n    city = models.TextField(blank=True, null=True)\n    lat = models.FloatField(blank=True, null=True)\n    lng = models.FloatField(blank=True, null=True)\n    country = models.TextField(blank=True, null=True)\n    id = models.IntegerField(blank=True, primary_key=True)\n\n    class Meta:\n        managed = False\n        db_table = 'worldcities'<\/pre>\n<h3 class=\"wp-block-heading\">\uae30\ub2a5 \ucd94\uac00<\/h3>\n<p>\uc9c0\uae08\uae4c\uc9c0 <strong>views.py<\/strong>\uc5d0 \ud3ec\ud568\ub41c \ud568\uc218\ub294 \uc0ac\uc6a9\uc790 \uc704\uce58\uc758 \ud604\uc7ac \uae30\uc628 \uc815\ubcf4\ub97c \ubc18\ud658\ud558\ub294 \ud568\uc218(<code>temp_here<\/code>) \ud558\ub098\ubfd0\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc784\uc758\uc758 \uc704\uce58\uc5d0 \ub300\ud55c \uae30\uc628\uc744 \ud45c\uc2dc\ud558\ub294 \ub2e4\ub978 \ud568\uc218\ub3c4 \ucd94\uac00\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub610\ud55c API\uc5d0\uc11c \ud604\uc7ac \uae30\uc628 \ub370\uc774\ud130\ub97c \uac00\uc838\uc640\uc57c \ud558\ubbc0\ub85c Python \ubaa8\ubc94 \uc0ac\ub840\uc5d0 \ub530\ub77c \ubcc4\ub3c4\uc758 \ud568\uc218\ub85c \ud574\ub2f9 \uae30\ub2a5\uc744 \uc774\ub3d9\uc2dc\ucf1c\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>PyCharm\uc5d0\uc11c <strong>Extract method(\uba54\uc11c\ub4dc \ucd94\ucd9c)<\/strong> \ub9ac\ud329\ud130\ub9c1\uc744 \uc0ac\uc6a9\ud558\uba74 \uc774\ub97c \uc27d\uac8c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubcc4\ub3c4\uc758 \ud568\uc218\ub85c \uc774\ub3d9\uc2dc\ud0ac \ucf54\ub4dc \uc904\uc744 \uc120\ud0dd\ud55c \ud6c4 <strong>\u2325\u2318M<\/strong>\/<strong>Ctrl+Alt+M<\/strong>\uc744 \ub204\ub985\ub2c8\ub2e4. \ub610\ub294 <strong>Find Action(\uc561\uc158 \ucc3e\uae30)<\/strong>\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video aligncenter\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/extract_method.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p><strong>Method name(\uba54\uc11c\ub4dc \uc774\ub984)<\/strong> \ud544\ub4dc\uc5d0 <code>get_temp<\/code>\ub97c \uc785\ub825\ud558\uace0 <strong>OK(\ud655\uc778)<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4. \uc774\uc81c <code>location<\/code>\uc744 \ub2e8\uc77c \ub9e4\uac1c\ubcc0\uc218\ub85c \ubc1b\ub294 <code>get_temp<\/code> \ud568\uc218\uac00 \uc0dd\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p><code>temp_here<\/code> \ud568\uc218\ub294 \ud574\ub2f9 \ud568\uc218\ub97c \ud638\ucd9c\ud574 \ud604\uc7ac \uc704\uce58\uc758 \uae30\uc628\uc744 \uc218\uc2e0\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335315\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/after_extract_method.png\" alt=\"\uba54\uc11c\ub4dc \ucd94\ucd9c \ub9ac\ud329\ud130\ub9c1 \uacb0\uacfc\" width=\"892\" height=\"528\" \/><\/figure>\n<\/div>\n<p>\uc774\uc81c <code>temp_somewhere<\/code> \ud568\uc218\ub97c \uc0dd\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc784\uc758\uc758 \ub3c4\uc2dc \uc88c\ud45c\ub97c <code>get_temp<\/code>\uc5d0 \uc804\ub2ec\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\uba3c\uc800 Python \ucf58\uc194\uc5d0\uc11c \ud504\ub85c\ud1a0\ud0c0\uc774\ud551\uc744 \uc218\ud589\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ucf58\uc194\uc744 \uc5f4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ubd99\uc5ec \ub123\uc2b5\ub2c8\ub2e4(<code>ImportError<\/code> \ubc1c\uc0dd \uc2dc \ucf58\uc194\uc744 \ub2eb\uc740 \ud6c4 \ub2e4\uc2dc \uc5fd\ub2c8\ub2e4).<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">from meteo.models import Worldcities\nrandom_item = Worldcities.objects.all().order_by('?').first()<\/pre>\n<p><strong>worldcities<\/strong> \ud14c\uc774\ube14\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc640\uc57c \ud569\ub2c8\ub2e4. \ubaa8\ub378\uc744 \ud1b5\ud574 \uac00\uc838\uc62c \uc218 \uc788\uc73c\ubbc0\ub85c <strong>models.py<\/strong>\uc758 <code>Worldcities<\/code> \ubaa8\ub378\uc744 \uac00\uc838\uc635\ub2c8\ub2e4.<\/p>\n<p>\ub2e4\uc74c\uc73c\ub85c <code>order_by('?')<\/code>\ub97c \uc0ac\uc6a9\ud574 \ubaa8\ub4e0 \uac1d\uccb4\ub97c \ub09c\uc218\ud654\ud558\uace0 <code>first()<\/code>\ub97c \uc0ac\uc6a9\ud574 \uccab \ubc88\uc9f8 \uac1d\uccb4\ub97c \uac00\uc838\uc635\ub2c8\ub2e4. <strong>Python Console(Python \ucf58\uc194)<\/strong> \ub3c4\uad6c \ucc3d\uc758 \uc624\ub978\ucabd\uc5d0 <strong>Variables(\ubcc0\uc218)<\/strong> \ud0ed\uc774 \uc788\uc2b5\ub2c8\ub2e4. <strong>random_item<\/strong> \ub178\ub4dc\ub97c \ud3bc\uce58\uba74 <code>random_item<\/code>\uc758 \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335326\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/manual_request_2.png\" alt=\"Python \ucf58\uc194\uc758 \ubcc0\uc218 \ud0ed\uc5d0\uc11c \ubcc0\uc218 \uac80\uc0ac\" width=\"800\" height=\"266\" \/><\/figure>\n<\/div>\n<p><code>temp_somewhere<\/code> \ud568\uc218\uc758 \uc804\uccb4 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">def temp_somewhere(request):\n    random_item = Worldcities.objects.all().order_by('?').first()\n    city = random_item.city\n    location = [random_item.lat, random_item.lng]\n    temp = get_temp(location)\n    template = loader.get_template(\"index.html\")\n    context = {\n        'city': city,\n        'temp': temp\n    }\n    return HttpResponse(template.render(context, request))<\/pre>\n<p>\uc774\uc81c \uae30\uc628\ubfd0 \uc544\ub2c8\ub77c <code>context<\/code>\uc5d0 \ub3c4\uc2dc \uc774\ub984\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. \uc774 \uc815\ubcf4\ub3c4 \ub80c\ub354\ub9c1\ub418\ub3c4\ub85d \ud15c\ud50c\ub9bf\uc744 \ud3b8\uc9d1\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubcf4\uc2dc\ub2e4\uc2dc\ud53c \uc5ec\ubc31\uc5d0 \uc544\uc774\ucf58\uc774 \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. <strong>index.html<\/strong>\ub85c \ube60\ub974\uac8c \uc804\ud658\ud558\ub824\uba74 \ud574\ub2f9 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uc138\uc694.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335337\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/gutter_icon.png\" alt=\"\ud15c\ud50c\ub9bf \ud30c\uc77c\uc5d0 \ube60\ub978 \uc561\uc138\uc2a4\ub97c \uc704\ud55c \uc5ec\ubc31 \uc544\uc774\ucf58\" width=\"613\" height=\"277\" \/><\/figure>\n<\/div>\n<p><code>&lt;h1&gt;&lt;\/h1&gt;<\/code> \ud0dc\uadf8 \uc0ac\uc774\uc758 \ud14d\uc2a4\ud2b8\ub97c <code>{{ city }}<\/code>\ub85c \ubc14\uafc9\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335348\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/replace_h1.png\" alt=\"\uc81c\ubaa9\uc744 \ubcc0\uc218\ub85c \ubc14\uafb8\uae30\" width=\"674\" height=\"400\" \/><\/figure>\n<\/div>\n<p><code>temp_here<\/code> \ud568\uc218\uc5d0 \ube60\ub974\uac8c \uc561\uc138\uc2a4\ud558\ub824\uba74 \uc5ec\ubc31 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335359\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/gutter_icon_2.png\" alt=\"Python \ud30c\uc77c\uc5d0 \ube60\ub978 \uc561\uc138\uc2a4\ub97c \uc704\ud55c \uc5ec\ubc31 \uc544\uc774\ucf58\" width=\"670\" height=\"332\" \/><\/figure>\n<\/div>\n<p><code>city<\/code> \ubcc0\uc218\ub3c4 \uc804\ub2ec\ud558\ub3c4\ub85d \uc218\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335370\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/modified_temp_here.png\" alt=\"temp_here \ud568\uc218 \uc5c5\ub370\uc774\ud2b8\" width=\"604\" height=\"225\" \/><\/figure>\n<\/div>\n<p><strong>meteo\/urls.py<\/strong>\uc5d0 \uad6c\uc131\ud55c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c <kbd>https:\/\/127.0.0.1\/meteo<\/kbd> \ud398\uc774\uc9c0\uac00 \uc5f4\ub9ac\uba74 <code>temp_here<\/code> \ud568\uc218\uac00 \ud638\ucd9c\ub429\ub2c8\ub2e4.<\/p>\n<p>\ud574\ub2f9 \ud30c\uc77c\ub85c \ub3cc\uc544\uac00 <kbd>https:\/\/127.0.0.1\/meteo\/discover<\/kbd>\uc5d0 \uc561\uc138\uc2a4\ud560 \ub54c <code>temp_somewhere<\/code> \ud568\uc218\uac00 \ud638\ucd9c\ub418\ub3c4\ub85d \uc124\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"python\" data-enlighter-theme=\"\" data-enlighter-highlight=\"3\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">urlpatterns = [\n    path('meteo\/', views.temp_here, name='temp_here'),\n    path('meteo\/discover', views.temp_somewhere, name='temp_somewhere'),\n]<\/pre>\n<p><strong>index.html<\/strong>\ub85c \ub3cc\uc544\uac00 <strong>\/discover<\/strong> \ud398\uc774\uc9c0 \ubc0f \ud648\ud398\uc774\uc9c0 \ub9c1\ud06c\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4. \ud648\ud398\uc774\uc9c0\uc5d0 \ud56d\uc0c1 \ud604\uc7ac \uc704\uce58\uc758 \uae30\uc628\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ub77c\uc774\ube0c \ud15c\ud50c\ub9bf\uacfc \ucf54\ub4dc \uc644\uc131 \uae30\ub2a5\uc73c\ub85c \uc2dc\uac04\uc744 \uc0c1\ub2f9\ud788 \uc808\uc57d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video aligncenter\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/completion_add_links_to_template.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p>html \ud30c\uc77c\uc758 \ub2e8\ub77d \ubc0f \ub9c1\ud06c\uc5d0 \ub77c\uc774\ube0c \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\ub824\uba74 \uac01\uac01 <kbd>'p'<\/kbd> \ub610\ub294 <kbd>'a'<\/kbd>\ub97c \uc785\ub825\ud55c \ud6c4 <strong>Tab<\/strong> \ud0a4\ub97c \ub204\ub974\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>\uc0ac\uc6a9 \uac00\ub2a5\ud55c \ub77c\uc774\ube0c \ud15c\ud50c\ub9bf\uc758 \uc804\uccb4 \ubaa9\ub85d\uc740 \uc124\uc815(<strong>\u2318<\/strong>\/<strong>Ctrl+Alt+S<\/strong>)\uc744 \uc5f4\uace0 <strong>Editor(\uc5d0\ub514\ud130) &gt; Live Templates(\ub77c\uc774\ube0c \ud15c\ud50c\ub9bf)<\/strong>\uc73c\ub85c \uc774\ub3d9\ud55c \ud6c4 \uc624\ub978\ucabd \ud328\ub110\uc758 <strong>Zen HTML<\/strong> \ub178\ub4dc\ub97c \ud3bc\uccd0 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335392\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/live_templates_settings.png\" alt=\"\ub77c\uc774\ube0c \ud15c\ud50c\ub9bf \uc124\uc815 \uad6c\uc131\" width=\"800\" height=\"584\" \/><\/figure>\n<\/div>\n<p>\uc11c\ubc84\ub97c \ub2e4\uc2dc \uc2e4\ud589\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc0ac\uc6a9\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335403\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/play_with_links.gif\" alt=\"\" width=\"351\" height=\"205\" \/><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">\ucd94\uac00 \uac1c\uc120 \uc0ac\ud56d<\/h2>\n<p>\uc774\uc81c \uc571\uc774 \uc791\ub3d9\ud558\uc9c0\ub9cc, \uac1c\uc120\uc758 \uc5ec\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uac00\uc7a5 \uba85\ud655\ud55c \uac1c\uc120\uc810\uc740 \uc2dc\uac01\uc801 \ub514\uc790\uc778\uc774\uba70, \uc5ec\uae30\uc5d0 \ucd94\uac00 \uae30\ub2a5\ub3c4 \ub354\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 class=\"wp-block-heading\">CSS \uc0ac\uc6a9<\/h3>\n<p>CSS\ub294 Django \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub514\uc790\uc778\uc744 \uac1c\uc120\ud558\ub294 \uac00\uc7a5 \ube60\ub974\uace0 \uac04\ud3b8\ud55c \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, <a href=\"https:\/\/simplecss.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Simple.CSS<\/a>\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong>index.html<\/strong>\uc758 <code>&lt;head&gt;&lt;\/head&gt;<\/code> \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \ub2e4\uc74c \ucf54\ub4dc \uc904\uc744 \uc785\ub825\ud558\uc138\uc694.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.simplecss.org\/simple.min.css\"&gt;<\/pre>\n<p>\ub2e4\uc74c\uacfc \uac19\uc774 \uc0c8\ub85c\uc6b4 \ub514\uc790\uc778\uc774 \uc801\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335414\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-52.png\" alt=\"CSS \uc801\uc6a9\" width=\"296\" height=\"333\" \/><\/figure>\n<\/div>\n<p>\ub9c1\ud06c\ub97c \ubc84\ud2bc\uc73c\ub85c \ubc14\uafd4\ub3c4 \ub514\uc790\uc778\uc774 \uac1c\uc120\ub429\ub2c8\ub2e4.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335425\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/image-53.png\" alt=\"\ub9c1\ud06c\ub97c \ubc84\ud2bc\uc73c\ub85c \ubc14\uafb8\uae30\" width=\"319\" height=\"347\" \/><\/figure>\n<\/div>\n<p>\uc774 \ub514\uc790\uc778\uc744 \uc801\uc6a9\ud558\ub824\uba74 <strong>index.html<\/strong>\uc5d0\uc11c <code>&lt;p&gt;&lt;\/p&gt;<\/code> \ud0dc\uadf8 \uc0ac\uc774\uc758 \ub9c1\ud06c\ub97c \ub2e4\uc74c html \ucf54\ub4dc\ub85c \ubcc0\uacbd\ud558\uc138\uc694.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div style=\"display: flex;\"&gt;\n    &lt;form action=\".\/discover\"&gt;\n        &lt;input type=\"submit\" value=\"Check other places\"\/&gt;\n    &lt;\/form&gt;\n    &amp;nbsp;\n    &lt;form action=\".\"&gt;\n        &lt;input style=\"background: #dc3545\" type=\"submit\" value=\"Home\"\/&gt;\n    &lt;\/form&gt;\n&lt;\/div&gt;<\/pre>\n<p>PyCharm\uc5d0\uc11c \ube0c\ub77c\uc6b0\uc800\ub85c \uc774\ub3d9\ud558\uc9c0 \uc54a\uace0\ub3c4 <strong>index.html<\/strong> \uc218\uc815 \uacb0\uacfc\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5d0\ub514\ud130 \ucc3d\uc758 \uc624\ub978\ucabd \uc0c1\ub2e8\uc744 \ub9c8\uc6b0\uc2a4\ub85c \uac00\ub9ac\ud0a8 \ud6c4 <strong>Built-in Preview(\uae30\ubcf8 \uc81c\uacf5 \ubbf8\ub9ac\ubcf4\uae30)<\/strong> \uc635\uc158\uc744 \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/built_in_preview.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<h3 class=\"wp-block-heading\">Bootstrap \uc0ac\uc6a9<\/h3>\n<p><a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap<\/a>\uc740 \uac15\ub825\ud55c \ubb34\ub8cc \ud504\ub7f0\ud2b8\uc5d4\ub4dc \ud234\ud0b7\uc785\ub2c8\ub2e4. Django \uc571\uc5d0 \ube60\ub974\uac8c \uc801\uc6a9\ud558\ub824\uba74 <strong>index.html<\/strong>\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \ud3b8\uc9d1\ud558\uc138\uc694(\uc790\uc138\ud55c \ub0b4\uc6a9\uc740 <a href=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/introduction\/#quick-start\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap \ube60\ub978 \uc2dc\uc791 \uac00\uc774\ub4dc<\/a> \ucc38\uc870).<\/p>\n<ol>\n<li>html head\uc5d0 <code>link<\/code> \ud0dc\uadf8\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4(\uc774\uc804 \ub2e8\uacc4\uc758 simple.css\ub97c \ubc14\uafb8\uae30).<\/li>\n<\/ol>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3\/Jr59b6EGGoI1aFkw7cmDA6j6gD\" crossorigin=\"anonymous\"&gt;<\/pre>\n<p>2. <code>&lt;body&gt;&lt;\/body&gt;<\/code> \ud0dc\uadf8\uc5d0\ub3c4 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div class=\"container text-center\"&gt;\n    &lt;h1&gt;{{ city }}&lt;\/h1&gt;\n    &lt;h2&gt;{{ temp }} \u2103&lt;\/h2&gt;\n    &lt;div class=\"btn-group\" role=\"group\"&gt;\n        &lt;button type=\"button\" class=\"btn btn-outline-primary\" onclick=\"location.href='.\/discover'\"&gt;Check other places\n        &lt;\/button&gt;\n        &lt;button type=\"button\" class=\"btn btn-danger\" onclick=\"location.href='.'\"&gt;Home&lt;\/button&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;<\/pre>\n<p>\uacb0\uacfc\ub97c \ud655\uc778\ud574 \ubcf4\uc138\uc694.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335471\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/bootstrap.gif\" alt=\"\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 Bootstrap \uc0ac\uc6a9\" width=\"300\" height=\"178\" \/><\/figure>\n<\/div>\n<p>Bootstrap\uc740 \uc571\uc758 \ubaa8\uc591\uc744 \uc0ac\uc6a9\uc790 \uc9c0\uc815\ud558\ub294 \ub2e4\uc591\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. <a href=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/introduction\/\" target=\"_blank\" rel=\"noreferrer noopener\">\ubb38\uc11c<\/a>\uc5d0\uc11c \ud544\uc694\ud55c \ubaa8\ub4e0 \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3 class=\"wp-block-heading\">\uc5f0\uc2b5 \ubb38\uc81c<\/h3>\n<p><strong>worldcities<\/strong> \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc758 <code>country<\/code> \ud544\ub4dc\ub97c <code>Worldcities<\/code> \ubaa8\ub378\uc5d0 \ucd94\uac00\ud588\uc9c0\ub9cc \ud574\ub2f9 \ub370\uc774\ud130\ub294 \uc571\uc5d0 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \uc774\uc81c \ub3c4\uc2dc \uc774\ub984\ubfd0 \uc544\ub2c8\ub77c \uad6d\uac00\ub97c \ud45c\uc2dc\ud558\ub294 \uc571\uc744 \ub9cc\ub4e4\uc5b4 \uc790\uc2e0\uc758 \uc2e4\ub825\uc744 \ud14c\uc2a4\ud2b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucd5c\uc885\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \ube44\uc2b7\ud55c \uacb0\uacfc\ubb3c\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-335482\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/03\/check_yourself.gif\" alt=\"\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uad6d\uac00 \uc815\ubcf4 \ucd94\uac00\" width=\"262\" height=\"286\" \/><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">\uc694\uc57d<\/h2>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c \ud559\uc2b5\ud55c \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li>PyCharm\uc5d0\uc11c Django \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/li>\n<li>\ubdf0 \uc791\uc131 \ubc0f \ud15c\ud50c\ub9bf \uc0dd\uc131<\/li>\n<li>API \ud638\ucd9c \ubc0f \uc751\ub2f5 \ucc98\ub9ac<\/li>\n<li>\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 \ubc0f \ub370\uc774\ud130 \uac00\uc838\uc624\uae30<\/li>\n<li>CSS \ubc0f Bootstrap\uc744 \uc801\uc6a9\ud574 \uc571\uc758 \uc2dc\uac01\uc801 \ub514\uc790\uc778 \uac1c\uc120<\/li>\n<\/ul>\n<p><em>\uac8c\uc2dc\ubb3c \uc6d0\ubb38 \uc791\uc131\uc790<\/em><\/p>\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:\/\/secure.gravatar.com\/avatar\/?s=200&#038;r=g\" width=\"200\" height=\"200\" alt=\"\" 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                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":964,"featured_media":337870,"comment_status":"closed","ping_status":"closed","template":"","categories":[2347],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/431591"}],"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\/964"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=431591"}],"version-history":[{"count":5,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/431591\/revisions"}],"predecessor-version":[{"id":431596,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/pycharm\/431591\/revisions\/431596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media\/337870"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=431591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=431591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=431591"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=431591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}