{"id":974,"date":"2020-02-08T18:09:45","date_gmt":"2020-02-08T09:09:45","guid":{"rendered":"http:\/\/aiclub.kr\/?p=974"},"modified":"2020-02-09T14:08:03","modified_gmt":"2020-02-09T05:08:03","slug":"2-8-ai%ed%81%b4%eb%9f%bd-%eb%b9%84%ec%a0%84%ea%b3%b5%ec%9e%90-%eb%8c%80%ec%83%81-%ed%8c%8c%ec%9d%b4%ec%8d%ac-flask-%ec%9b%b9%ea%b0%9c%eb%b0%9c-5%ec%a3%bc%ec%b0%a8-%eb%aa%a8%ec%9e%84-%ed%9b%84%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/aiclub.kr\/?p=974","title":{"rendered":"2\/8 AI\ud074\ub7fd \ube44\uc804\uacf5\uc790 \ub300\uc0c1 \ud30c\uc774\uc36c Flask \uc6f9\uac1c\ubc1c 5\uc8fc\ucc28 \ubaa8\uc784 \ud6c4\uae30"},"content":{"rendered":"\n

\uc548\ub155\ud558\uc138\uc694! AI\ud074\ub7fd(http:\/\/aiclub.kr)<\/a> \uc6b4\uc601\uc790 \uc774\uacbd\uc6a9 \uc785\ub2c8\ub2e4.
2020\ub144 1\uc6d4\uc5d0 \uc2dc\uc791\ud574\uc11c \ubc8c\uc368 5\uc8fc\ucc28 \ubaa8\uc784\uc774 \ub418\uc5c8\ub124\uc694. \ud655\uc2e4\ud788 5\uc8fc\ucc28\uac00 \ub418\ub2c8 \ube48\uc790\ub9ac \uc870\uae08\uc529 \ubcf4\uc774\uace0 \uc788\ub124\uc694. \ub0a8\uc740 \ubd84\ub4e4 \ub0a8\uc740 2\uc8fc\ub3d9\uc548 \uc5f4\uc2ec\ud788 \uc5f4\uacf5\ud574 \ubd05\uc2dc\ub2e4.<\/p>\n\n\n\n

\uc774\ubc88\uc8fc \uc2a4\ud130\ub514\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uc9c4\ud589 \ub418\uc5c8\ub2f5\ub2c8\ub2e4.<\/p>\n\n\n\n

1. \ubc18\uc751\ud615 \ud648\ud398\uc774\uc9c0 \uc6d0\ub9ac \uc774\ud574\ud558\uae30<\/strong>
1) meta \ud0dc\uadf8 \uc911\uc5d0 \ubdf0\ud3ec\ud2b8 \uc774\ud574\ud558\uae30
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
\ubc18\uc751\ud615 \ubaa8\ubc14\uc77c \uc6f9\uc5d0\uc11c\ub294 \ubdf0\ud3ec\ud2b8 \uc5ed\ud560\uc774 \ud544\uc218 \uc774\uc8e0. \ub2e4\uc591\ud55c \ud574\uc0c1\ub3c4\uc5d0\uc11c \ub3d9\uc77c\ud55c \uc2a4\ucf00\uc77c\uc744 \uc720\uc9c0 \uc2dc\ud0a4\uae30 \uc704\ud574 \ud544\uc218<\/p>\n\n\n\n

2) 12\uac1c\uc758 \ube14\ub7ed \uac1c\ub150 \uc774\ud574\ud558\uae30
\ubc18\uc751\ud615\uc5d0\uc11c\ub294 100% \ube44\uc728\ub85c \ucc98\ub9ac\ub418\uba70 12\uac1c\uc758 \ube14\ub7ed\uc73c\ub85c \uad6c\ubd84\ud574\uc11c \ud558\ub098\uc758 \ube14\ub7ed\uc744 100% \/ 12 = 8.33%\ub85c 3\uac1c\uc758 \ube14\ub7ed \uc0ac\uc6a9\uc2dc 25%\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

3) display \uc18d\uc131\uc758 inline, block \uacfc float\uc758 left, right, position\uc758 reactive, absolute \ub4f1\uc758 \uc18d\uc131\uc744 \uc798 \ud65c\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

4) \ubbf8\ub514\uc5b4\ucffc\ub9ac\ub97c \uc774\uc6a9\ud574\uc11c \ud654\uba74 \ud574\uc0c1\ub3c4\uc5d0 \ub530\ub77c sytle\uc744 \uc870\uc815\ud574\uc11c PC\ud654\uba74\uacfc \ubaa8\ubc14\uc77c \ud654\uba74\uc5d0 \ub530\ub77c \ucee8\ud2b8\ub864 \ud558\ub294\ub370 \ub9e4\uc6b0 \uc911\uc694\ud55c \uc5ed\ud560\uc774\ub2c8 \uaf2d \ubcf5\uc2b5\ud558\uc154\uc11c \uc644\ubcbd\ud558\uac8c \uc774\ud574\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"
\ube44\uc804\uacf5\uc790 \ub300\uc0c1 AI\ud074\ub7fd 2\uae30 \ud30c\uc774\uc36c Flask \uae30\ubc18 \uc6f9\ud504\ub85c\uadf8\ub798\ubc0d \ubc0f \ub370\uc774\ud130 \uc2dc\uac01\ud654<\/figcaption><\/figure>\n\n\n\n

2. \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (bootstrap)<\/strong>
\ubc18\uc751\ud615 \ubaa8\ubc14\uc77c \uc6f9\uc744 \ub9cc\ub4dc\ub294\ub370 \ub9e4\uc6b0 \uc720\uc6a9\ud55c \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc5d0 \ub300\ud574 \ubc30\uc6cc \ubcf4\uc558\uc2b5\ub2c8\ub2e4.
\uc218\uc5c5\uc790\ub8cc : https:\/\/cafe.naver.com\/aiclubcafe\/67<\/a>
\uc218\uc5c5 \uc9c4\ud589\uc740 https:\/\/www.w3schools.com\/bootstrap4\/default.asp<\/a> \uc0ac\uc774\ud2b8 \ub0b4\uc6a9\uc744 \ucc38\uace0 \ud588\ub2f5\ub2c8\ub2e4.
\uae30\ubcf8 html \ud0dc\uadf8\ub97c class \uc774\ub984\uc744 \uc5b4\ub5bb\uac8c \uc9c0\uc815\ud574 \uc8fc\ub290\ub0d0\uc5d0 \ub530\ub77c \uc774\uc05c \ubaa8\uc591\uc744 \ub9cc\ub4e4\uc5b4\uc8fc\ub294 \uacfc\uc815\uc744 \ud558\ub098\ud558\ub098 \uc2e4\uc2b5\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.
\uc2dc\uac04 \uad00\uacc4\uc0c1 \uc911\uc694\ud55c \uac83\ub4e4 \uc704\uc8fc\ub85c \ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.
\uaf2d, \ud558\ub098\ud558\ub098 \ubaa8\ub450 \uc2e4\uc2b5\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.
<\/p>\n\n\n\n

\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \uc774\uc6a9\ud558\uae30 \uc704\ud55c CDN<\/p>\n\n\n\n

<!-- BootStrap CDN --><link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.4.1\/css\/bootstrap.min.css\"><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.16.0\/umd\/popper.min.js\"><\/script><script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.4.1\/js\/bootstrap.min.js\"><\/script><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\"\"
\uc5f4\uacf5\ubaa8\ub4dc<\/figcaption><\/figure>\n\n\n\n
3. Flask \ud15c\ud50c\ub9bf <\/strong>
\uc55e\uc11c \ud15c\ud50c\ub9bf \uae30\ub2a5\uc744 \uc870\uae08 \ud559\uc2b5 \ud558\uc600\uc73c\ub098 \uc77c\ubd80 \ub0b4\uc6a9\uc774 \ub0a8\uc544\uc11c \ub9c8\uc838 \ud559\uc2b5 \ud558\uc600\ub2f5\ub2c8\ub2e4.
\/templates \ud3f4\ub354\uc5d0 base.html \ud30c\uc77c\uc744 \ub9cc\ub4e4\uc5b4\uc11c \uc790\uc8fc \uc0ac\uc6a9\ud558\ub294 \ucf54\ub4dc\ub97c \ubcc4\ub3c4\ub85c \ub9cc\ub4e4\uc5b4\uc11c \ud15c\ud50c\ub9bf\uc73c\ub85c \uc0ac\uc6a9\ud558\ub3c4\ub85d \ud558\uc600\uc2b5\ub2c8\ub2e4.

1) \/template\/base.html<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <title>BootStrap<\/title>\n        <meta charset=\"utf-8\" \/>\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <!-- BootStrap CDN -->\n        <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.4.1\/css\/bootstrap.min.css\">\n        <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script>\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.16.0\/umd\/popper.min.js\"><\/script>\n        <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.4.1\/js\/bootstrap.min.js\"><\/script>\n        {% block header %}\n        {% endblock %}\n    <\/head>\n    <body>\n        {% block content %}\n        {% endblock %}\n    <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\ud15c\ud50c\ub9bf\uc5d0\uc11c {% block \ube14\ub7ed\uc774\ub984 %} \uc73c\ub85c \uc2dc\uc791 \ud0dc\uadf8\ub85c \uc0ac\uc6a9\ud558\uace0, {% endblock %} \ub85c \ub05d\ub098\ub294 \ud0dc\uadf8\ub85c \uc0ac\uc6a9 \ud569\ub2c8\ub2e4.
\uc790\uc8fc \uc0ac\uc6a9\ud558\ub294 \ucf54\ub4dc\ub294 \uc774\ub807\uac8c \ubcc4\ub3c4\uc758 html \ud30c\uc77c\uc744 \ub9cc\ub4e4\uc5b4\uc11c \ube14\ub7ed \uc9c0\uc815\ud574\uc11c \uc0ac\uc6a9\ud558\uc2dc\uba74 \uac1c\ubc1c \uc18d\ub3c4 \ubc0f \uc720\uc9c0\ubcf4\uc218 \ud558\uae30\uac00 \uc6a9\uc774 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
{% extends \"base.html\" %}\n{% block header %}\n<!-- header \ube14\ub7ed\uc5d0 \ucd94\uac00\ud560 \ub0b4\uc6a9\uc744 \uc5ec\uae30\uc5d0 \uc791\uc131 -->\n{% endblock %}\n{% block content %}\n<!-- content \ube14\ub7ed \uc601\uc5ed\uc5d0 \ub4e4\uc5b4\uac08 \ub0b4\uc6a9\uc744 \uc5ec\uae30\uc5d0 \uc791\uc131 -->\n{% endblock %}<\/code><\/pre>\n\n\n\n
2) \/template\/bootstrap.html
base.html \ud15c\ud50c\ub9bf \ud30c\uc77c\uc744 \ubd88\ub7ec\uc62c \ub54c\uc5d0\ub294 \ub9e8 \uccab\uc904\uc5d0 {% extends “\ud15c\ud50c\ub9bf \ud30c\uc77c\uba85” %} \uc73c\ub85c \ud638\ucd9c \ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4. \uadf8\ub9ac\uace0, {% block \ube14\ub7ed\uc774\ub984 %} ~ {% endblock %} \uc0ac\uc774\uc5d0 \uc6d0\ud558\ub294 \ucf54\ub4dc\ub97c \uc785\ub825\ud558\uba74 \ub429\ub2c8\ub2e4. 
\uadf8\ub7ec\uba74, \uc811\uc18d\uc790\ub294 \ub450\uac1c\uc758 \ud30c\uc77c\uc774 \ud558\ub098\ub85c \ud569\uccd0\uc9c4 \uc18c\uc2a4\ub97c \ubc1b\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"
\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 Bootstrap \ubc18\uc751\ud615 \uc6f9 \uc2e4\uc2b5<\/figcaption><\/figure>\n\n\n\n
4. Flask Request<\/strong>
\ud074\ub77c\uc778\ud2b8 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc11c\ubc84\ub85c \ub370\uc774\ud130\ub97c \ubcf4\ub0b4\ub294 \ubc29\ubc95\uc740 GET, POST \ub450\uac00\uc9c0 \ud1b5\uc2e0 \ubc29\uc2dd\uc774 \uc788\ub294\ub370 GET\uc740 \uc8fc\uc18c\uc904 URL\uc5d0 \ubcc0\uc218\uc640 \uac12\uc744 \ubd99\uc5ec\uc11c \ubcf4\ub0c5\ub2c8\ub2e4.\uc608) http:\/\/aiclub.kr\/?name=value<\/a>\ubc18\uba85 post\ub294 form \ud0dc\uadf8\uc548\uc5d0 input \ud0dc\uadf8\ub098 textarea\uc5d0 \uac12\uc744 \uc0ac\uc6a9\uc790\ub85c \ubd80\ud130 \ubc1b\uc544\uc11c \uc11c\ubc84\ub85c \uc804\ub2ec\ud558\uac8c \ub429\ub2c8\ub2e4.
request\ub97c \uc2e4\uc2b5\ud558\uae30 \uc704\ud574 \uc6cc\ub4dc\ud074\ub77c\uc6b0\ub4dc\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.
\uc6cc\ub4dc\ud074\ub77c\uc6b0\ub4dc\ub294 \uae00\uc790 \ub0b4\uc6a9\uc744 \ubd84\uc11d\ud574\uc11c \uc790\uc8fc \uc0ac\uc6a9\ub41c \ub2e8\uc5b4\ub97c \uad6c\ub984 \ucc98\ub7fc \ub2e8\uc5b4\ub85c \ud45c\ud604\ud574 \uc8fc\ub294 \uae30\ub2a5 \uc785\ub2c8\ub2e4.

1) \ub098\ub214 \ud3f0\ud2b8 \uc6cc\ub4dc\ud074\ub77c\uc6b0\ub4dc\uc5d0\uc11c \ud3f0\ud2b8\ub97c \uc774\ubfcc\uac8c \ud45c\ud604\ud574 \uc8fc\uae30 \uc704\ud574\uc11c\ub294 \ud2b9\uc815 \ud3f0\ud2b8\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294\ub370 \ub098\ub214 \ud3f0\ud2b8\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\uc77c\ub2e8, \uce74\ud398\uc5d0 \uac15\uc758\uc790\ub8cc 5\uc8fc\ucc28 \ucca8\ubd80 \uc790\ub8cc\uc5d0 NanumGothic.zip \ud30c\uc77c\uc744 \ub0b4\ub824 \ubc1b\uc544\uc11c \uc555\ucd95\uc744 \ud478\uc2e0\ud6c4\uc5d0 \/static \ud3f4\ub354\uc5d0 \uc5c5\ub85c\ub4dc \ud558\uc138\uc694!

2) \/flask_app.py \uba3c\uc800 \uac00\uc0c1\ud658\uacbd \ucf5c\uc194\ub85c \uac00\uc154\uc11c pip install wordcloud \uba85\ub839\uc744 \uc2e4\ud589\ud574\uc11c wordclud \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc124\uce58\ud558\uc138\uc694!\uc124\uce58 \ud558\ub294\ub370 \ub9ce\uc740 \uc2dc\uac04\uc774 \uac78\ub9b4\uac70\uc5d0\uc694.matplotlib \ub4f1 \ub2e4\uc591\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub4e4\uc774 \uc124\uce58\uac00 \ub420 \uac81\ub2c8\ub2e4.
\uc774\uc81c\ub294 flask_app.py\uc5d0 request \ubaa8\ub4c8\uc744 \ucd94\uac00\ud558\uace0 matplitlib, time \ub4f1\uc744 import \ud569\ub2c8\ub2e4.\uadf8\ub9ac\uace0 wordcloud route \ud568\uc218\ub97c \ucd94\uac00 \ud569\ub2c8\ub2e4.
<\/p>\n\n\n\n
from flask import Flask, render_template, request\nimport matplotlib.pyplot as plt\nfrom wordcloud import WordCloud\nimport time\n\napp = Flask(__name__)\n\n@app.route('\/wordcloud', methods=['GET','POST'])\ndef wordcloud():\n    if request.method == 'GET':\n        return render_template('wordcloud.html')\n    elif request.method == 'POST':\n        content = request.form['content']\n        font_path = '\/home\/aiclub\/mysite\/static\/NanumGothic.ttf'\n        wordcloud = WordCloud(font_path=font_path, background_color=\"white\", width=400, height=400)\n        wordcloud = wordcloud.generate(content)\n        fig = plt.figure(figsize=(6,6))\n        plt.imshow(wordcloud)\n        plt.axis('off')\n        plt.show()\n        fig.savefig('\/home\/aiclub\/mysite\/static\/wordcloud.png')\n        return render_template('wordcloud.html', content=content, time=time.time())<\/code><\/pre>\n\n\n\n
route \uc18d\uc131\uc5d0 methodes=[‘GET’, ‘POST’]<\/strong>\ub97c \ucd94\uac00\ud558\uba74 GET, POST \ub450\uac1c\uc758 \ud1b5\uc2e0 \uac12\uc744 \ubc1b\uaca0\ub2e4\ub294 \uc758\ubbf8 \uc785\ub2c8\ub2e4.
\ub458\uc911 \ud558\ub098\ub9cc \uba85\uc2dc\ud558\ub3c4 \ub418\uc9c0\ub9cc \uc800\ud76c\ub294 \ud558\ub098\uc758 URL\ub85c \uc0ac\uc6a9\uc790 \ud398\uc774\uc9c0\uc640 \ub370\uc774\ud130\ub97c \ubc1b\ub294 \ud398\uc774\uc9c0\ub97c \ud558\ub098\ub85c \ucc98\ub9ac \ud558\uae30 \uc704\ud574 \ub450\uac1c\uc758 \uac12\uc744 \ucd94\uac00\ud558\ub3c4\ub85d \ud588\uc2b5\ub2c8\ub2e4.
\ud604\uc7ac \uc811\uc18d\ud55c \ud398\uc774\uc9c0\uc5d0\uc11c \uba54\uc18c\ub4dc \uac12\uc744 \ud655\uc778 \ud560 \ub550 request.method<\/strong> \ub77c\uace0 \ud558\uba74 GET<\/strong> \ub610\ub294 POST<\/strong>\ub77c\ub294 \uac12\uc744 \ubc1b\uc544\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4. 
Get\uc778 \uacbd\uc6b0 \ub2e8\uc21c\ud788 reder_template()<\/strong> \ud568\uc218\uc5d0\uc11c wordclud.html\uc744 \ubd88\ub7ec\uc640\uc11c \ucd9c\ub825 \ud569\ub2c8\ub2e4. \uadf8\ub7ec\uba74, \uc0ac\uc6a9\uc790\ub85c \ubd80\ud130 \uc785\ub825 \ubc1b\uc744 \uc218 \uc788\ub294 \ud398\uc774\uc9c0\ub9cc \ub098\ud0c0 \ub0a0 \uac83\uc785\ub2c8\ub2e4.
\ub9cc\uc57d, method\uc5d0 POST \uac12\uc774 \ub118\uc5b4\uc624\uba74 \ub118\uc5b4\uc628 form\ub0b4\uc758 \uc0ac\uc6a9\uc790 \uc785\ub825\uac12\uc744 \uc5bb\uae30 \uc704\ud574\uc11c reqeust.form[‘\ubcc0\uc218\uba85’]<\/strong>\uc73c\ub85c \ubc1b\uc544\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4. 
textarea\uc758 name\uc744 “content”\ub85c \uc9c0\uc815\ud560 \uc608\uc815\uc774\ub2c8 request.form[‘content’]<\/strong>\ub85c \uc0ac\uc6a9\uc790\uac00 \uc785\ub825\ud55c \ud14d\uc2a4\ud2b8\ub97c \ubc1b\uc544\uc640\uc11c content\ub77c\ub294 \ubcc0\uc218\uc5d0 \uc800\uc7a5 \ud569\ub2c8\ub2e4.

WordCloud() \uc18d\uc131 \uac12<\/strong>
font_path : \ud3f0\ud2b8\uc758 \uc704\uce58
backgroud_color : \uc6cc\ub4dc\ud06c\ub77c\uc6b0\ub4dc\uc758 \uc774\ubbf8\uc9c0 \ubc30\uacbd\uc0c9
width\/height : \ud14d\uc2a4\ud2b8 \uc791\uc131\ub420 \ubc94\uc704

wordcloud.generate(\ud14d\uc2a4\ud2b8)<\/strong>
generate \ud568\uc218\ub294 \ud14d\uc2a4\ud2b8 \uc778\uc790\ub97c \ub118\uaca8 \ubc1b\uc544\uc11c \ub2e8\uc21c\ud788 \ubc18\ubcf5\ub41c \ud14d\uc2a4\ud2b8 \uac2f\uc218\ub97c \ubd84\uc11d\ud574\uc11c \uc790\uc8fc \uc0ac\uc6a9\ud55c \ub2e8\uc5b4\uc758 \ud06c\uae30\ub97c \ud06c\uac8c \ud569\ub2c8\ub2e4. (\ucd08\uac04\ub2e8 \uac00\uc911\uce58 \uc6d0\ub9ac \uc0ac\uc6a9)

plt<\/strong>\ub294 matpolit<\/strong>\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc2dc\uac01\ud654 \ud574\uc8fc\uae30 \uc704\ud55c \uc77c\uc885\uc758 \uadf8\ub9bc\uc744 \uadf8\ub9b4 \uc218 \uc788\ub294 \ub3c4\ud654\uc9c0(\uc885\uc774)\ub77c\uace0 \uc0dd\uac01\ud558\uba74 \ub429\ub2c8\ub2e4.
R \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c \ub370\uc774\ud130 \ubd84\uc11d \uacb0\uacfc\ub97c \uc2dc\uac01\ud654\ud574\uc11c \ubcf4\uc5ec\uc8fc\ub294 \uac83\ucc98\ub7fc matplit\ub97c \uc774\uc6a9\ud574\uc11c \ud30c\uc774\uc36c\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc2dc\uac01\ud654 \ud558\ub294\ub370 \uc720\uc6a9\ud558\uac8c \ud65c\uc6a9 \ub429\ub2c8\ub2e4.\uc608) https:\/\/cafe.naver.com\/aiclubcafe\/71<\/a>

plt.axis(‘off’)<\/strong> \ud574\ub2f9 \uc18d\uc131\uc740 \uc6d0\ub798 plt\uac00 \ub370\uc774\ud130\ub97c \uc2dc\uac01\ud654\ud574\uc11c \uadf8\ub798\ud504\ub85c \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc774 \uae30\ubcf8 \uc18d\uc131\uc774\ub77c\uc11c \ub514\ud3f4\ud2b8\ub294 \ub208\uae08\uc790 \ubc0f \ub77c\ubca8\ub4f1\uc774 \uc790\ub3d9\uc73c\ub85c \ucd9c\ub825\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c, off\ud574\uc11c \uc228\uae30\ub3c4\ub85d \ud569\ub2c8\ub2e4.
plt.show()<\/strong>\ub294 \uc6f9\uc5d0\uc11c\ub294 \uc758\ubbf8\uac00 \uc5c6\uc2b5\ub2c8\ub2e4. 
\uc0ac\uc6a9\uc790\uc5d0\uac8c\ub294 \uc774\ubbf8\uc9c0\uc640 \uac19\uc740 \ud615\ud0dc\ub85c \ubcf4\uc5ec \uc918\uc57c \ud558\ub2c8 fig.savefig()<\/strong>\ud568\uc218\ub97c \uc774\uc6a9\ud574\uc11c \uc774\ubbf8\uc9c0 \ud30c\uc77c\ub85c \uc800\uc7a5\ud569\ub2c8\ub2e4.
static<\/strong> \ud3f4\ub354\uc5d0 \uc800\uc7a5\ub418\uc5b4\uc57c \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc904 \uc218 \uc788\uc73c\ub2c8 \uacbd\ub85c\ub97c static \uc808\ub300 \uacbd\ub85c\ub97c \uc9c0\uc815\ud574 \uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n
3) \/templates\/wordcloud.html \ud15c\ud50c\ub9bf \ud30c\uc77c \ub9cc\ub4e4\uae30<\/p>\n\n\n\n
{% extends \"base.html\" %}\n{% block header %}\n<style>\nbody { padding:50px; }\nh1 { text-align:center; }\n<\/style>\n{% endblock %}\n{% block content %}\n<h1>Word Cloud<\/h1>\n<form action=\"\/wordcloud\" method=\"post\" name=\"frm\">\n<div class=\"form-group\">\n  <label for=\"comment\">News Input :<\/label>\n  <textarea class=\"form-control\" rows=\"5\" name=\"content\">{{content}}<\/textarea>\n<\/div>\n<div class=\"form-group\">\n    <input type=\"submit\" class=\"btn btn-primary btn-block btn-lg\">\n<\/div>\n<\/form>\n{% if content %}\n<div>\n    <img src=\"\/static\/wordcloud.png?v={{time}}\">\n<\/div>\n{% endif %}\n{% endblock %}<\/code><\/pre>\n\n\n\n
form<\/strong> \ud0dc\uadf8\uc5d0\uc11c action \uc8fc\uc18c\ub97c \/wordclud<\/strong>\ub85c \ud574\uc11c \ub098 \uc790\uc2e0\uc5d0\uac8c \ub2e4\uc2dc \uc804\uc1a1\ud558\ub294\ub370 method<\/strong>\ub97c post<\/strong>\ub85c \ud574\uc11c \uc804\uc1a1 \ud569\ub2c8\ub2e4.
textarea\uc758 name<\/strong>\ubcc0\uc218\uc5d0 “content”<\/strong>\ub77c\ub294 \uc774\ub984\uc73c\ub85c \uc804\uc1a1\ud574\uc11c \ub9cc\uc57d if content<\/strong>\uc5d0\uc11c content\uc5d0 \uac12\uc774 \uc788\uc73c\uba74 true \uc870\uac74\uc774 \uc131\ub9bd\ud558\uc5ec img \ud0dc\uadf8\uac00 \ucd9c\ub825\ub418\ub3c4\ub85d \ud569\ub2c8\ub2e4.

\uc774\ubbf8\uc9c0 \ud30c\uc77c \ub4a4\uc5d0 {{time}}<\/strong> \ud45c\uc2dc\ub294 \ud06c\ub86c\uc758 \uce90\uc2dc \ub54c\ubb38\uc5d0 \uc801\uc6a9\ub41c content \ub0b4\uc6a9\uc740 \ubc14\ub00c\uc5c8\ub294\ub370 \uc815\uc791 \uc774\ubbf8\uc9c0 \ud30c\uc77c\uba85\uc740 \uadf8\ub300\ub85c\uc5ec\uc11c \ube0c\ub77c\uc6b0\uc800\uac00 \uc0c8\ub85c\uc6b4 \uc774\ubbf8\uc9c0\ub97c \uc11c\ubc84\uc5d0\uc11c \ubc1b\uc9c0 \uc54a\uace0 \ub85c\uceec\uc5d0 \uc800\uc7a5\ub41c \uc55e\uc804 \uc774\ubbf8\uc9c0\ub97c \ubcf4\ub0b4 \uc918\uc11c \uc774\ubbf8\uc9c0\uac00 \ubc14\ub00c\uc9c0 \uc54a\uc744 \uc218 \uc788\uc73c\ub2c8 \ub9e4\ubc88 \uc0c8\ub85c\uc6b4 \uc774\ubbf8\uc9c0\ub97c \ubc1b\uc544\uc62c \uc218 \uc788\ub3c4\ub85d \uc774\ubbf8\uc9c0\uc758 \ud30c\uc77c\uba85\uc774 \uc790\ub3d9\uc73c\ub85c \ubcc0\uacbd\ub418\ub3c4\ub85d \ud55c \ubc29\ubc95\uc785\ub2c8\ub2e4. (\uc77c\uba85 \uaf41\uc218)
<\/p>\n\n\n\n
\"\"
\uc6cc\ub4dc\ud074\ub77c\uc6b0\ub4dc \ud14d\uc2a4\ud2b8 \ube48\ub3c4\uc218\uc5d0 \ub530\ub77c \ud06c\uae30\ub97c \uad6c\ub984\ucc98\ub7fc<\/figcaption><\/figure>\n\n\n\n
http:\/\/aiclub.pythonanywhere.com\/wordcloud<\/a>
\uc811\uc18d\ud574\uc11c \ub124\uc774\ubc84\uc758 \uae30\uc0ac\ub97c \uc785\ub825\ud6c4 \uc804\uc1a1\ud574 \ubcf4\uc138\uc694!
\uacb0\uacfc\ub97c \ubcf4\ub2c8 \uba85\uc0ac\ub9cc\uc73c\ub85c \ucc98\ub9ac\ub418\uc9c0 \uc54a\uc544 “\uc62c\ub838\ub2e4”, “\ub4f1\uc744” \uac19\uc740 \uae00\uc790\ub4e4\ub3c4 \ubcf4\uc774\uac8c \ub418\ub294\uad70\uc694.
\ud30c\uc774\uc36c\uc5d0\uc11c\ub294 \uc790\uc5f0\uc5b4 \ucc98\ub9ac \uae30\ub2a5\uc774 \uc788\uc5b4 \uc880 \ub354 \uae54\ub054\ud558\uac8c \ucc98\ub9ac\ub97c \ud574\uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\uac15\uc758\uc790\ub8cc \ucc38\uace0\ud574\uc11c \uc5c5\uadf8\ub808\uc774\ub4dc \ud574\ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"
\uc5f4\uacf5\uc911\uc778 \ubb38\uc8fc\uc35c<\/figcaption><\/figure>\n\n\n\n
\uc624\ub298\ub3c4 \uc608\uc0c1\ubcf4\ub2e4\ub294 \uc9c4\ub3c4\ub97c \uc870\uae08 \ub35c \ub098\uac14\ub124\uc694.
\uc218\uc5c5\ub584 \ubabb\ub2e4\ud55c \ub0b4\uc6a9\uc740 \uacfc\uc81c\ub85c \ub2e4\uc2dc \uc548\ub0b4 \ud558\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc624\ub298\ub3c4 \ucf54\ub85c\ub098 \ub355\ubd84\uc5d0 \uacf5\uc2dd \ub4b7\ud480\uc774\ub97c \uac16\uc9c0 \uc54a\uc558\ub294\ub370… \uadf8\ub0e5 \ubc25\uba39\uc73c\ub7ec \uc654\ub294\ub370… \uc774\ub807\uac8c \ub9ce\uc774 \uc790\ub9ac \ud558\uc168\ub124\uc694.
\uc810\uc2ec\uc740 \uac00\ubccd\uac8c \ub5a1\ubf41\uc774\ub85c… \uadf8\ub7ec\ub098 \ub5a1\ubf41\uc774\ub294 \ub354\uc774\uc0c1 \uac00\ubcbc\uc6b4 \uc74c\uc2dd\uc774 \uc544\ub2c8\ub77c\ub294…\u314b<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"
\uc5ed\uc2dc \uc2a4\ud130\ub514 \ud6c4\uc5d0\ub294 \ub4b7\ud480\uc774~ \ucf54\ub85c\ub098\uac00 \uc5b4\uc5ec \uc9c0\ub098\uac00\uc57c \ud560\ud150\ub370<\/figcaption><\/figure>\n\n\n\n
<\/p>\n\n\n\n
\"\"
\ubd80\uacbd\ub300 \ub808\ub4dc\ubd09\ubd09 \ud574\ubb3c \uad6d\ubb3c \ub5a1\ubcf6\uc774<\/figcaption><\/figure>\n\n\n\n
<\/p>\n\n\n\n
\"\"
 \ubd80\uacbd\ub300 \ub808\ub4dc\ubd09\ubd09 \uce58\uc988 \uad6d\ubb3c \ub5a1\ubcf6\uc774 <\/figcaption><\/figure>\n\n\n\n
\ubaa8\ub450 \uc218\uace0 \ub9ce\uc73c\uc168\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc8fc \ubd59\uaca0\uc2b5\ub2c8\ub2e4.
<\/p>\n","protected":false},"excerpt":{"rendered":"
\uc548\ub155\ud558\uc138\uc694! AI\ud074\ub7fd(http:\/\/aiclub.kr) \uc6b4\uc601\uc790 \uc774\uacbd\uc6a9 \uc785\ub2c8\ub2e4.2020\ub144 1\uc6d4\uc5d0 \uc2dc\uc791\ud574\uc11c \ubc8c\uc368 5\uc8fc\ucc28 \ubaa8\uc784\uc774 \ub418\uc5c8\ub124\uc694. \ud655\uc2e4\ud788 5\uc8fc\ucc28\uac00 \ub418\ub2c8 \ube48\uc790\ub9ac \uc870\uae08\uc529 \ubcf4\uc774\uace0 \uc788\ub124\uc694. \ub0a8\uc740<\/p>\n","protected":false},"author":1,"featured_media":975,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[36,110,91,109,93,88,41],"class_list":["post-974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-study","tag-ai","tag-bootstrap","tag-flask","tag-109","tag-93","tag-88","tag-41"],"featured_image_urls":{"full":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05.jpg",1000,1333,false],"thumbnail":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05-150x150.jpg",150,150,true],"medium":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05-225x300.jpg",225,300,true],"medium_large":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05-768x1024.jpg",640,853,true],"large":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05-566x755.jpg",566,755,true],"1536x1536":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05.jpg",1000,1333,false],"2048x2048":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05.jpg",1000,1333,false],"morenews-large":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05.jpg",431,575,false],"morenews-medium":["https:\/\/aiclub.kr\/wp-content\/uploads\/2020\/02\/s_KakaoTalk_20200208_112545982_05.jpg",308,410,false]},"author_info":{"info":["\uc774\uacbd\uc6a9"]},"category_info":"STUDY<\/a>","tag_info":"STUDY","comment_count":"0","_links":{"self":[{"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/posts\/974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiclub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=974"}],"version-history":[{"count":4,"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/posts\/974\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/posts\/974\/revisions\/987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aiclub.kr\/index.php?rest_route=\/wp\/v2\/media\/975"}],"wp:attachment":[{"href":"https:\/\/aiclub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aiclub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aiclub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}