FastAPI\ub294 \ub9e4\uc6b0 \ube60\ub974\uace0 \ud604\ub300\uc801\uc778 \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, Python 3.6+\uc5d0\uc11c \ud0c0\uc785 \ud78c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc5ec API\ub97c \uc27d\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 FastAPI\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc11c\ubc84\ub97c \uac1c\ubc1c\ud558\uace0, Jinja \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub3d9\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud2b9\ud788, Jinja \ud15c\ud50c\ub9bf\uc5d0\uc11c FastAPI\ub294 Python\uc73c\ub85c \uc791\uc131\ub41c \ube44\ub3d9\uae30 \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, RESTful API\ub97c \uc27d\uac8c \uac1c\ubc1c\ud560 \uc218 \uc788\uac8c \ub3c4\uc640\uc90d\ub2c8\ub2e4. FastAPI\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ud2b9\uc9d5\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n FastAPI\ub294 \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ubc31\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \ub3d9\uc801\uc778 HTML \ud398\uc774\uc9c0\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. FastAPI\uc640 Jinja2\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n \uc6b0\uc120, FastAPI\uc640 Jinja2\ub97c \uc124\uce58\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \uba85\ub839\uc5b4\ub85c \uc124\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n \ub2e4\uc74c\uc740 \uae30\ubcf8\uc801\uc778 FastAPI \uc11c\ubc84\ub97c \uc124\uc815\ud558\ub294 \uc608\uc2dc \ucf54\ub4dc\uc785\ub2c8\ub2e4:<\/p>\n \uc5ec\uae30\uc11c \uc6b0\ub9ac\ub294 FastAPI \uc778\uc2a4\ud134\uc2a4\ub97c \ub9cc\ub4e4\uace0 Jinja2 \ud15c\ud50c\ub9bf \ub514\ub809\ud1a0\ub9ac\ub97c \uc124\uc815\ud569\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc778 \ub8e8\ud2b8 \uacbd\ub85c(“\/”)\uc5d0 \ub300\ud55c GET \uc694\uccad\uc744 \ucc98\ub9ac\ud558\ub294 \ud568\uc218\ub97c \uc815\uc758\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc774 \ud568\uc218\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \ud15c\ud50c\ub9bf \ud30c\uc77c\uc740 \uc774\uc81c \ub3d9\uc801\uc778 \ucf58\ud150\uce20\ub97c \ucd94\uac00\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. Jinja2\uc758 \uc5ec\uae30\uc11c \uc774\uc81c \uc9c0\uae08\uae4c\uc9c0 \uc791\uc131\ud55c \ucf54\ub4dc\ub97c \ud1b5\ud569\ud574 \ubd05\uc2dc\ub2e4. FastAPI \uc11c\ubc84 \ucf54\ub4dc\uc640 \ud15c\ud50c\ub9bf\uc744 \ucd5c\uc885\uc801\uc73c\ub85c \uad6c\uc131\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n \uc774\uc81c \ubaa8\ub4e0 \uac83\uc774 \uc900\ube44\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc544\ub798 \uba85\ub839\uc5b4\ub85c FastAPI \uc11c\ubc84\ub97c \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n \uc774 \uae00\uc5d0\uc11c\ub294 FastAPI\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc11c\ubc84\ub97c \uad6c\ucd95\ud558\uace0, Jinja2\uc758 \ud5a5\ud6c4 \ub354 \ub9ce\uc740 \uae30\ub2a5\uacfc \ubcf5\uc7a1\ud55c \uc608\uc81c\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ud5a5\uc73c\ub85c \ub098\uc544\uac00\uae38 \uad8c\uc7a5\ud569\ub2c8\ub2e4. FastAPI\uc758 \uacf5\uc2dd \ubb38\uc11c\uc640 Jinja2\uc758 \ubb38\uc11c\ub97c \ucc38\uace0\ud558\uc5ec \ub354 \uae4a\uc774 \uc788\ub294 \ud559\uc2b5\uc744 \uc9c4\ud589\ud574 \ubcf4\uc138\uc694.<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"if<\/code> \ubb38\uc744 \ud65c\uc6a9\ud574 \uc870\uac74\ubd80 \ub80c\ub354\ub9c1\uc744 \uc2e4\uc2b5\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\nFastAPI\ub780?<\/h2>\n
\n
FastAPI\uc640 Jinja2<\/h2>\n
\uc124\uce58\ud558\uae30<\/h3>\n
pip install fastapi[all] jinja2<\/code><\/pre>\nFastAPI \uc11c\ubc84 \uad6c\uc131\ud558\uae30<\/h3>\n
from fastapi import FastAPI\nfrom fastapi.responses import HTMLResponse\nfrom fastapi.templating import Jinja2Templates\nfrom fastapi import Request\n\napp = FastAPI()\ntemplates = Jinja2Templates(directory=\"templates\")\n\n@app.get(\"\/\", response_class=HTMLResponse)\nasync def read_root(request: Request):\n return templates.TemplateResponse(\"index.html\", {\"request\": request})<\/code><\/pre>\nindex.html<\/code> \ud15c\ud50c\ub9bf\uc744 \uc751\ub2f5\ud569\ub2c8\ub2e4.<\/p>\n\ud15c\ud50c\ub9bf \ud30c\uc77c \uc0dd\uc131\ud558\uae30<\/h3>\n
templates\/index.html<\/code>\uc5d0 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc740 HTML\ub85c \uad6c\uc131\ub41c \ud398\uc774\uc9c0\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. \uae30\uc874 \ud398\uc774\uc9c0\ub97c \uc704\ud574 \ub2e4\uc74c \ub0b4\uc6a9\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n <meta charset=\"UTF-8\">\n <title>FastAPI\uc640 Jinja2 \uc18c\uac1c<\/title>\n<\/head>\n<body>\n <h1>\uc548\ub155\ud558\uc138\uc694!<\/h1>\n <p>FastAPI \ubc0f Jinja2\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub3d9\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\nJinja2\uc758 if \ubb38 \uc0ac\uc6a9\ud558\uae30<\/h2>\n
if<\/code> \ubb38\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0\uc5d0\uc11c \uc870\uac74\ubd80 \ub85c\uc9c1\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uac04\ub2e8\ud55c \uc608\uc785\ub2c8\ub2e4:<\/p>\n<h2>\ud658\uc601\ud569\ub2c8\ub2e4!<\/h2>\n<ul>\n <li>\uc624\ub298 \ub0a0\uc9dc\ub294 {{ date }}\uc785\ub2c8\ub2e4.<\/li>\n <li>{% if user_logged_in %}\ub85c\uadf8\uc778 \uc0c1\ud0dc\uc785\ub2c8\ub2e4.{% else %}\ub85c\uadf8\uc778\ud558\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.{% endif %}<\/li>\n<\/ul><\/code><\/pre>\nuser_logged_in<\/code> \ubcc0\uc218\ub97c \uc870\uac74\ubd80\ub85c \uc0ac\uc6a9\ud558\uc5ec \ub85c\uadf8\uc778 \uc0c1\ud0dc\ub97c \ucd9c\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 FastAPI \uc11c\ubc84 \ucf54\ub4dc\uc5d0\uc11c \uc774 \ubcc0\uc218\ub97c \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4:<\/p>\nfrom datetime import datetime\n\n@app.get(\"\/\", response_class=HTMLResponse)\nasync def read_root(request: Request):\n user_logged_in = True # \uc608\uc2dc\ub85c \ub85c\uadf8\uc778 \uc0c1\ud0dc\ub97c true\ub85c \uc124\uc815\n date_today = datetime.now().strftime(\"%Y-%m-%d\")\n return templates.TemplateResponse(\"index.html\", {\"request\": request, \"user_logged_in\": user_logged_in, \"date\": date_today})<\/code><\/pre>\n\uc804\uccb4 \ucf54\ub4dc \uc815\ub9ac\ud558\uae30<\/h2>\n
FastAPI \uc11c\ubc84 \ucf54\ub4dc<\/h3>\n
from fastapi import FastAPI\nfrom fastapi.responses import HTMLResponse\nfrom fastapi.templating import Jinja2Templates\nfrom fastapi import Request\nfrom datetime import datetime\n\napp = FastAPI()\ntemplates = Jinja2Templates(directory=\"templates\")\n\n@app.get(\"\/\", response_class=HTMLResponse)\nasync def read_root(request: Request):\n user_logged_in = True # \uc608\uc2dc\ub85c \ub85c\uadf8\uc778 \uc0c1\ud0dc\ub97c true\ub85c \uc124\uc815\n date_today = datetime.now().strftime(\"%Y-%m-%d\")\n return templates.TemplateResponse(\"index.html\", {\"request\": request, \"user_logged_in\": user_logged_in, \"date\": date_today})<\/code><\/pre>\ntemplates\/index.html \ud30c\uc77c<\/h3>\n
<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n <meta charset=\"UTF-8\">\n <title>FastAPI\uc640 Jinja2 \uc18c\uac1c<\/title>\n<\/head>\n<body>\n <h1>\uc548\ub155\ud558\uc138\uc694!<\/h1>\n <h2>\ud658\uc601\ud569\ub2c8\ub2e4!<\/h2>\n <ul>\n <li>\uc624\ub298 \ub0a0\uc9dc\ub294 {{ date }}\uc785\ub2c8\ub2e4.<\/li>\n <li>{% if user_logged_in %}\ub85c\uadf8\uc778 \uc0c1\ud0dc\uc785\ub2c8\ub2e4.{% else %}\ub85c\uadf8\uc778\ud558\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.{% endif %}<\/li>\n <\/ul>\n<\/body>\n<\/html><\/code><\/pre>\n\ub370\ubaa8 \uc2e4\ud589\ud558\uae30<\/h2>\n
uvicorn main:app --reload<\/code><\/pre>\nmain.py<\/code> \ud30c\uc77c \uc774\ub984\uc73c\ub85c \uc800\uc7a5\ud55c \ud6c4, \uc704 \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc11c\ubc84\ub97c \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/127.0.0.1:8000<\/code>\ub97c \uc5f4\uba74, \uc6b0\ub9ac\uac00 \ub9cc\ub4e0 \ub3d9\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\ub9c8\ubb34\ub9ac<\/h2>\n
if<\/code> \ubb38\uc744 \ud65c\uc6a9\ud558\uc5ec \uc870\uac74\ubd80 \ub80c\ub354\ub9c1\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6e0\uc2b5\ub2c8\ub2e4. FastAPI\ub294 \uc18d\ub3c4\uc640 \ud6a8\uc728\uc131\uc744 \uc790\ub791\ud558\ub294 \ud6cc\ub96d\ud55c \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c\uc774\uba70 Jinja2\uc640 \ud568\uaed8 \uc0ac\uc6a9\ud558\uba74 \ub3d9\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uac15\uc88c\ub97c \ud1b5\ud574 FastAPI\uc640 Jinja2\uc5d0 \ub300\ud55c \uc774\ud574\ub97c \ub192\uc774\uae38 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n