\uc18c\uac1c<\/h2>\n
Django\ub294 \uac15\ub825\ud55c \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \ub2e4\uc591\ud55c \uae30\ub2a5\uacfc \uac15\ub825\ud55c ORM(Object Relational Mapping) \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uac1c\ubc1c\uc744 \ub2e8\uc21c\ud654\ud569\ub2c8\ub2e4. \uc774 \uc911 \ud558\ub098\uac00 \ubc14\ub85c Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc785\ub2c8\ub2e4. \ud3fc \uc2dc\uc2a4\ud15c\uc740 \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \ub370\uc774\ud130\ub97c \uc218\uc9d1\ud558\uace0 \uac80\uc99d\ud558\ub294 \ub370 \ud544\uc218\uc801\uc778 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc744 \uc774\ud574\ud558\uace0, \uc774\ub97c \ud65c\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\ub294 \ubc29\ubc95\uc744 \uc608\uc81c\uc640 \ud568\uaed8 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc740 \ud3fc\uc744 \uc0ac\uc6a9\ud558\ub294 \uc8fc\ub41c \uc774\uc720\ub294:<\/p>\n Django \ud3fc\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba3c\uc800 \ud3fc \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud574\uc57c \ud569\ub2c8\ub2e4. \ud3fc \ud074\ub798\uc2a4\ub294 \uc774 \ucf54\ub4dc \ube14\ub85d\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790 \uc774\ub984, \uc774\uba54\uc77c, \ube44\ubc00\ubc88\ud638, \ud655\uc778 \ube44\ubc00\ubc88\ud638\ub97c \uc785\ub825\ubc1b\uae30 \uc704\ud55c \uac04\ub2e8\ud55c \ud3fc \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud588\uc2b5\ub2c8\ub2e4. \uac01 \ud544\ub4dc\uc5d0 \ub300\ud55c \uc720\ud6a8\uc131 \uac80\uc0ac\ub97c \uc704\ud574 \ud3fc\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc0ac\uc6a9\uc790\uac00 \uc81c\ucd9c\ud55c \ub370\uc774\ud130\ub97c \uac80\uc0ac\ud558\uace0, \uc624\ub958\uac00 \uc788\ub294\uc9c0 \ud655\uc778\ud55c \ud6c4, \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc800\uc7a5\ud558\ub294 \ub4f1\uc758 \uc791\uc5c5\uc744 \uc218\ud589\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 Django\uc758 \ubdf0(View)\uc640 \uc5f0\uacb0\ud558\uc5ec \ud3fc \ub370\uc774\ud130\ub97c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n \uc704\uc758 \uc608\uc81c\uc5d0\uc11c Django\uc758 \ud15c\ud50c\ub9bf \uc2dc\uc2a4\ud15c\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud3fc\uc744 HTML\ub85c \ub80c\ub354\ub9c1\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud3fc\uc744 \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574\uc11c\ub294 HTML \ud30c\uc77c\uc744 \uc791\uc131\ud558\uc5ec \ud3fc\uc744 \ud45c\uc2dc\ud558\ub294 \uc791\uc5c5\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n \ud15c\ud50c\ub9bf \ud30c\uc77c\uc5d0\uc11c Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc740 \uc785\ub825\uac12\uc758 \uc720\ud6a8\uc131\uc744 \uc790\ub3d9\uc73c\ub85c \uac80\uc0ac\ud558\uace0, \uc624\ub958\uac00 \uc788\uc744 \uacbd\uc6b0 \uc774\ub97c \ud3fc \uac1d\uccb4\uc5d0 \uc800\uc7a5\ud569\ub2c8\ub2e4. \uc774 \uc624\ub958 \uc815\ubcf4\ub294 \ud15c\ud50c\ub9bf\uc5d0\uc11c \uc0ac\uc6a9\uc790\uc5d0\uac8c \ucd9c\ub825\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \uac01 \ud544\ub4dc\uc5d0 \ub300\ud55c \uc624\ub958\ub294 \uc774 \ucf54\ub4dc\ub294 \uac01 \ud544\ub4dc\ub97c \ubc18\ubcf5\ud558\uc5ec \ub77c\ubca8\uacfc \uc785\ub825 \uc694\uc18c, \uadf8\ub9ac\uace0 \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\uae30 \uc704\ud574 \ud544\ub4dc\ubcc4 \uc624\ub958\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc774 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n<\/section>\n Django\uc758 \uc704\uc758 \uc608\uc81c\uc5d0\uc11c Django \ud3fc \ud074\ub798\uc2a4\ub294 \uc785\ub825 \ub370\uc774\ud130\uc758 \uc720\ud6a8\uc131 \uac80\uc0ac\ub97c \uc704\ud574 \uba87 \uac00\uc9c0 \uae30\ubcf8 \uba54\uc18c\ub4dc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4:<\/p>\n Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc5d0\uc11c\ub294 \uae30\ubcf8 \uc81c\uacf5\ud558\ub294 \uc704\uc82f \uc678\uc5d0\ub3c4 \uc790\uc2e0\ub9cc\uc758 \ucee4\uc2a4\ud140 \uc704\uc82f\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \ud544\ub4dc\uc5d0 \uc6d0\ud558\ub294 \uc704\uc82f\uc744 \uc124\uc815\ud558\uac70\ub098, HTML\/CSS \ud074\ub798\uc2a4, \uc2a4\ud0c0\uc77c\uc744 \ucd94\uac00\ud558\uc5ec \uc678\uad00\uc744 \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \uc704\uc640 \uac19\uc774 \ucee4\uc2a4\ud140 \uc704\uc82f\uc744 \uc0dd\uc131\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc774\ub97c \ud1b5\ud574 \uc785\ub825 \ud544\ub4dc\uc5d0 \uc801\uc6a9\ud560 HTML \uc18d\uc131\uc744 \uc27d\uac8c \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n \ud3fc\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21\uc5d0\uc11c \uae30\ubcf8\uc801\uc778 \uc720\ud6a8\uc131 \uac80\uc0ac\ub97c \uc218\ud589\ud560 \uc218 \uc788\uc9c0\ub9cc, \uc11c\ubc84 \uce21\uc5d0\uc11c\ub3c4 \ubc18\ub4dc\uc2dc \uac80\uc99d\uc744 \uc218\ud589\ud574\uc57c \ud569\ub2c8\ub2e4. \uc11c\ubc84 \uce21 \uac80\uc99d\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \ucf54\ub4dc\uac00 \uc870\uc791\ub420 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0, \ubcf4\uc548\uc0c1 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n \uc11c\ubc84 \uce21 \uc720\ud6a8\uc131 \uac80\uc99d\uc740 \ud3fc\uc774 \uc81c\ucd9c\ub420 \ub54c\ub9c8\ub2e4 \uc11c\ubc84\uc5d0\uc11c \ubc1c\uc0dd\ud558\uba70, \uc774 \uacfc\uc815\uc5d0\uc11c \uac01 \ud544\ub4dc\uc5d0 \ub300\ud574 \ub2e4\uc2dc \ud55c\ubc88 \uac80\uc99d\uc744 \uc218\ud589\ud558\uace0 \uc624\ub958 \ucc98\ub9ac\ub97c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n Django \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud3fc\uc744 HTML\ub85c \uc0dd\uc131\ud55c \ud6c4, CSS\ub97c \ud1b5\ud574 \ud3fc\uc758 \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub192\uc774\uae30 \uc704\ud574 \ud3fc\uc5d0 CSS \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uace0, \uc801\uc808\ud55c \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n \uc704\uc640 \uac19\uc774 CSS \uc2a4\ud0c0\uc77c\uc744 \ucd94\uac00\ud558\uc5ec \ud3fc \uc694\uc18c\uc758 \uc678\uad00\uc744 \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud568\uaed8 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ub2e4\uc591\ud55c CSS \ud504\ub808\uc784\uc6cc\ud06c(\uc608: Bootstrap)\uc744 \ud1b5\ud574 \ub354\uc6b1 \uc2dc\uac01\uc801\uc73c\ub85c \ub9e4\ub825\uc801\uc778 \ud3fc\uc744 \uc27d\uac8c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n \ud3fc\uacfc \uad00\ub828\ub41c \ub3d9\uc791\uc744 \ube44\ub3d9\uae30\uc801\uc73c\ub85c \uc218\ud589\ud558\uae30 \uc704\ud574 Ajax\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Ajax\ub97c \ud1b5\ud574 \ud398\uc774\uc9c0\ub97c \uc0c8\ub85c \uace0\uce68\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \uc81c\ucd9c\ud558\uace0, \uadf8 \uacb0\uacfc\ub97c \ub3d9\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n Ajax\ub97c \ud65c\uc6a9\ud558\uc5ec \uc785\ub825\uac12\uc744 \uc11c\ubc84\uc5d0 \ube44\ub3d9\uae30\uc801\uc73c\ub85c \uc81c\ucd9c\ud558\uace0, \uacb0\uacfc\uc5d0 \ub530\ub77c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc54c\ub9bc\uc744 \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\ub294 \ub370 \ud070 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p>\n<\/section>\n Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc740 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0\uc11c \ub9e4\uc6b0 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \uc720\ud6a8\uc131 \uac80\uc0ac\ud558\uace0, \ud3fc\uc744 HTML\ub85c \uc27d\uac8c \ub80c\ub354\ub9c1\ud558\uba70, \ubcf4\uc548 \uae30\ub2a5\uae4c\uc9c0 \uc81c\uacf5\ud558\ub294 Django \ud3fc \uc2dc\uc2a4\ud15c\uc744 \ud65c\uc6a9\ud558\uc5ec \ub354 \ub098\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud76c\ub9dd\ud558\ub294 \ub300\ub85c \ucee4\uc2a4\ud130\ub9c8\uc774\uc988\ud558\uc5ec \ubcf5\uc7a1\ud55c \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \ucc98\ub9ac\ud558\uace0, \uc0ac\uc6a9\uc790\uac00 \uc624\ub958\ub97c \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n \uc774 \uae00\uc5d0\uc11c\ub294 Django\uc758 \ud3fc \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud574 \uc2ec\uce35\uc801\uc73c\ub85c \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\ub3c4 Django\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac15\ub825\ud558\uace0 \uc720\uc5f0\ud55c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ucd94\uac00\uc801\uc778 \ud559\uc2b5 \uc790\ub8cc\ub098 \uc9c8\ubb38\uc774 \uc788\ub2e4\uba74 \uc5b8\uc81c\ub4e0\uc9c0 \ub354 \ud0d0\uad6c\ud574 \ubcf4\uc2dc\uae38 \ucd94\ucc9c\ub4dc\ub9bd\ub2c8\ub2e4!<\/p>\n<\/section>\n<\/article>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Django \ud3fc \uc2dc\uc2a4\ud15c\uc758 \uac1c\uc694<\/h2>\n
django.forms<\/code> \ubaa8\ub4c8\uc744 \ud1b5\ud574 \uc81c\uacf5\ub429\ub2c8\ub2e4. \uc774 \uc2dc\uc2a4\ud15c\uc740 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc815\ubcf4\ub97c \uc785\ub825\ubc1b\uae30 \uc704\ud55c \uac15\ub825\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. Django \ud3fc\uc740 \ub370\uc774\ud130 \uc720\ud6a8\uc131 \uac80\uc0ac\ub97c \uc790\ub3d9\ud654\ud558\uace0, HTML \ud3fc \uc694\uc18c\ub97c \uc0dd\uc131\ud558\uba70, \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc785\ub825 \uc624\ub958\ub97c \uc54c\ub824\uc8fc\ub294 \ub4f1\uc758 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n\n
Django \ud3fc \ud074\ub798\uc2a4 \uc791\uc131\ud558\uae30<\/h2>\n
forms.Form<\/code> \ub610\ub294 forms.ModelForm<\/code>\uc744 \uc0c1\uc18d\ubc1b\uc544 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 forms.Form<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uae30\ubcf8 \ud3fc \ud074\ub798\uc2a4\ub97c \uc791\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\uc608\uc81c: \uac04\ub2e8\ud55c \uc0ac\uc6a9\uc790 \ub4f1\ub85d \ud3fc<\/h3>\n
from django import forms\n\nclass UserRegistrationForm(forms.Form):\n username = forms.CharField(max_length=150, required=True, widget=forms.TextInput(attrs={'placeholder': '\uc0ac\uc6a9\uc790 \uc774\ub984'}))\n email = forms.EmailField(required=True, widget=forms.EmailInput(attrs={'placeholder': '\uc774\uba54\uc77c \uc8fc\uc18c'}))\n password = forms.CharField(widget=forms.PasswordInput(attrs={'placeholder': '\ube44\ubc00\ubc88\ud638'}))\n confirm_password = forms.CharField(widget=forms.PasswordInput(attrs={'placeholder': '\ube44\ubc00\ubc88\ud638 \ud655\uc778'}))\n<\/code><\/pre>\nrequired<\/code>\uc640 max_length<\/code> \uc18d\uc131\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n\ud3fc \ucc98\ub9ac\ud558\uae30<\/h2>\n
\uc608\uc81c: \uc0ac\uc6a9\uc790 \ub4f1\ub85d \ubdf0 \uc791\uc131\ud558\uae30<\/h3>\n
from django.shortcuts import render, redirect\nfrom .forms import UserRegistrationForm\n\ndef register(request):\n if request.method == 'POST':\n form = UserRegistrationForm(request.POST)\n if form.is_valid():\n # \ub370\uc774\ud130\uac00 \uc720\ud6a8\ud55c \uacbd\uc6b0 \ucc98\ub9ac\n username = form.cleaned_data['username']\n email = form.cleaned_data['email']\n password = form.cleaned_data['password']\n # \uc0ac\uc6a9\uc790 \uc0dd\uc131 \ub85c\uc9c1 (\uc608: User \ubaa8\ub378\uc5d0 \uc800\uc7a5)\n # \uc790\ub3d9\uc73c\ub85c \uc0ac\uc6a9\uc790 \uc778\uc99d \ub85c\uc9c1\ub3c4 \ucd94\uac00 \uac00\ub2a5\n return redirect('success') # \uc131\uacf5 \uc2dc \ub9ac\ub2e4\uc774\ub809\ud2b8\n \n else:\n form = UserRegistrationForm()\n return render(request, 'register.html', {'form': form})\n<\/code><\/pre>\nregister<\/code> \ubdf0\ub294 GET \uc694\uccad\uacfc POST \uc694\uccad\uc744 \ucc98\ub9ac\ud569\ub2c8\ub2e4. POST \uc694\uccad \uc2dc \uc785\ub825\ub41c \ub370\uc774\ud130\uac00 \uc720\ud6a8\ud55c\uc9c0 \uac80\uc0ac\ud558\uace0, \uc801\uc808\ud55c \ucc98\ub9ac\ub97c \ud55c \ud6c4 \uc131\uacf5 \ud398\uc774\uc9c0\ub85c \ub9ac\ub2e4\uc774\ub809\ud2b8\ud569\ub2c8\ub2e4. \uc785\ub825 \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 \ub2e4\uc2dc \uc785\ub825 \ud3fc\uc744 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n<\/section>\n\ud15c\ud50c\ub9bf\uc5d0\uc11c \ud3fc \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\uc608\uc81c: register.html \ud15c\ud50c\ub9bf \uc791\uc131\ud558\uae30<\/h3>\n
<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\uc0ac\uc6a9\uc790 \ub4f1\ub85d<\/title>\n<\/head>\n<body>\n <h1>\uc0ac\uc6a9\uc790 \ub4f1\ub85d<\/h1>\n <form method=\"post\">\n {% csrf_token %}\n {{ form.as_p }}\n <button type=\"submit\">\ub4f1\ub85d<\/button>\n <\/form>\n <div>\n {% if form.non_field_errors %}\n <p style=\"color: red;\">{{ form.non_field_errors }}<\/p>\n {% endif %}\n <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n{{ form.as_p }}<\/code>\ub97c \uc0ac\uc6a9\ud558\uba74 \ud3fc \ud544\ub4dc\uac00 HTML\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \uc81c\ucd9c\ud55c \ub370\uc774\ud130\ub85c \uc778\ud574 \ubc1c\uc0dd\ud55c \uc624\ub958\ub294 non_field_errors<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n\ud3fc \uac80\uc99d \ubc0f \uc624\ub958 \ucc98\ub9ac<\/h2>\n
form.errors<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc811\uadfc\ud560 \uc218 \uc788\uc73c\uba70, \ub2e4\uc74c\uacfc \uac19\uc740 \ubc29\ubc95\uc73c\ub85c \uac01 \ud544\ub4dc\ubcc4 \uc624\ub958\ub97c \ucd9c\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n{% for field in form %}\n <div>\n {{ field.label_tag }}\n {{ field }}\n {% if field.errors %}\n <p style=\"color: red;\">{{ field.errors }}<\/p>\n {% endif %}\n <\/div>\n{% endfor %}<\/code><\/pre>\nModelForm\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubaa8\ub378\uacfc\uc758 \uc5f0\ub3d9<\/h2>\n
ModelForm<\/code>\uc744 \uc0ac\uc6a9\ud558\uba74 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubaa8\ub378\uacfc \uc9c1\uc811 \uc5f0\ub3d9\ud558\uc5ec \ub370\uc774\ud130 \uc720\ud6a8\uc131 \uac80\uc0ac \ubc0f \uc800\uc7a5\uc744 \ubcf4\ub2e4 \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. ModelForm\uc744 \ud65c\uc6a9\ud558\uba74 \ucd94\uac00\uc801\uc778 \uc791\uc5c5 \uc5c6\uc774\ub3c4 \ubaa8\ub378 \ub370\uc774\ud130\uc640 \ud3fc\uc744 \uc27d\uac8c \uc5f0\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\uc608\uc81c: User \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud558\ub294 \ub4f1\ub85d \ud3fc<\/h3>\n
from django import forms\nfrom django.contrib.auth.models import User\n\nclass UserRegistrationForm(forms.ModelForm):\n password = forms.CharField(widget=forms.PasswordInput(), label=\"\ube44\ubc00\ubc88\ud638\")\n confirm_password = forms.CharField(widget=forms.PasswordInput(), label=\"\ube44\ubc00\ubc88\ud638 \ud655\uc778\")\n\n class Meta:\n model = User\n fields = ['username', 'email', 'password']\n\n def clean(self):\n cleaned_data = super().clean()\n password = cleaned_data.get(\"password\")\n confirm_password = cleaned_data.get(\"confirm_password\")\n\n if password != confirm_password:\n raise forms.ValidationError(\"\ube44\ubc00\ubc88\ud638\uac00 \uc77c\uce58\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\")\n<\/code><\/pre>\nUserRegistrationForm<\/code>\uc740 Django\uc758 \uae30\ubcf8 User \ubaa8\ub378\uc744 \uae30\ubc18\uc73c\ub85c \ud558\ub294 ModelForm\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc785\ub825\uac12\uc744 \uae30\ubc18\uc73c\ub85c \ube44\ubc00\ubc88\ud638 \uc77c\uce58 \ud655\uc778\uc744 \uc9c4\ud589\ud558\ub294 clean<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucd94\uac00 \uac80\uc99d \ub85c\uc9c1\uc744 \uc0bd\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n\ud3fc\uc758 \uae30\ubcf8 \uc81c\uacf5 \uba54\uc18c\ub4dc<\/h2>\n
\n
is_valid()<\/code>: \ud3fc\uc774 \uc720\ud6a8\ud55c\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4. \uc774 \uba54\uc18c\ub4dc\ub97c \ud638\ucd9c\ud558\uba74 \ub370\uc774\ud130\uac00 \uc720\ud6a8\ud558\uba74 True\ub97c \ubc18\ud658\ud558\uace0, \uc624\ub958\uac00 \uc788\uc744 \uacbd\uc6b0\ub294 False\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.<\/li>\ncleaned_data<\/code>: \uc720\ud6a8\ud55c \ud3fc \ud544\ub4dc \uac12\uc774 \ud3ec\ud568\ub41c \ub515\uc154\ub108\ub9ac\uc785\ub2c8\ub2e4. \ud544\ub4dc \uc774\ub984\uc744 \ud0a4\ub85c \uc0ac\uc6a9\ud558\uc5ec \uac01 \ud544\ub4dc\uc758 \uac12\uc744 \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\nerrors<\/code>: \uac01 \ud544\ub4dc\uc758 \uc720\ud6a8\uc131 \uac80\uc0ac \uc624\ub958\ub97c \ud3ec\ud568\ud558\ub294 \ub515\uc154\ub108\ub9ac\uc785\ub2c8\ub2e4. \uc624\ub958\uac00 \uc5c6\ub294 \ud544\ub4dc\ub294 \uc0ad\uc81c\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/section>\n\ud3fc \uc704\uc82f \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5<\/h2>\n
\uc608\uc81c: \uc0ac\uc6a9\uc790 \uc815\uc758 \uc704\uc82f \uc0dd\uc131<\/h3>\n
from django import forms\n\nclass CustomTextInput(forms.TextInput):\n def __init__(self, *args, **kwargs):\n kwargs['attrs'] = {'class': 'custom-class', 'placeholder': 'Enter text'}\n super().__init__(*args, **kwargs)\n\nclass UserRegistrationForm(forms.Form):\n username = forms.CharField(max_length=150, widget=CustomTextInput())\n<\/code><\/pre>\n\uc11c\ubc84 \uce21 \uc720\ud6a8\uc131 \uac80\uc0ac<\/h2>\n
\ud3fc \ud15c\ud50c\ub9bf\uacfc \uc2a4\ud0c0\uc77c\ub9c1<\/h2>\n
\uc608\uc81c: CSS \ucd94\uac00\ud558\uae30<\/h3>\n
<style>\n.custom-class {\n border: 1px solid #ccc;\n padding: 10px;\n border-radius: 5px;\n}\n<\/style><\/code><\/pre>\nAjax\ub85c \ud3fc \uc81c\ucd9c\ud558\uae30<\/h2>\n
\uc608\uc81c: Ajax \uc81c\ucd9c\ud558\uae30<\/h3>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n<script>\n$(document).ready(function() {\n $(\"form\").on(\"submit\", function(e) {\n e.preventDefault(); \/\/ \uae30\ubcf8 \uc81c\ucd9c \ubc29\uc9c0\n $.ajax({\n type: \"POST\",\n url: $(this).attr(\"action\"),\n data: $(this).serialize(),\n success: function(response) {\n alert(\"\uc81c\ucd9c \uc131\uacf5: \" + response);\n },\n error: function(error) {\n alert(\"\uc81c\ucd9c \uc2e4\ud328\");\n }\n });\n });\n});\n<\/script><\/code><\/pre>\n\uacb0\ub860<\/h2>\n