👦 내일배움캠프/TIL(Today I Learned)

TIL_220530_Django 기초

Django 의 기본 user 모델(auth_user) 사용하기 (상속)

1) 상속하기 위한 AbstractUser 임포트

from django.db import models
from django.contrib.auth.models import AbstractUser

2) UserModel 의 상속

- 기본 모델에 없던 bio 데이터 추가

# Create your models here.
class UserModel(AbstractUser):

    class Meta:
        db_table = "my_user" # 여기는 테이블 이름이에요! 꼭 기억 해 주세요!

    bio = models.TextField(max_length=500, blank=True)

3) 프로젝트앱의 settings.py 에 기본 인증과정 적용

- Django 에게 기본 인증과정(AUTH_USER_MODEL) 을 user 앱에 작성한 UserModel 로 사용

# mySpartaSns/settings.py
AUTH_USER_MODEL = 'user.UserModel'

4) 새로운 모델 적용 시 데이터베이스에 적용시키기

- python manage.py makemigrations

- python manage.py migrate

Django의 사용자 모델을 적용하기 - 회원가입 수정하기

1) user/views.py 에서 회원가입 기능 수정

- 회원가입 중복검사를 위해 get_user_model 을 임포트

# user/views.py
from django.contrib.auth import get_user_model #사용자가 있는지 검사하는 함수

2) 회원가입 사용 함수에 get_user_model 적용

- get_user_model().objects.filter(username=username) 으로 username 데이터 대조

exist_user = get_user_model().objects.filter(username=username)
if exist_user:
    return render(request, 'user/signup.html') # 사용자가 존재하기 때문에 사용자를 저장하지 않고 회원가입 페이지를 다시 띄움
else:
    UserModel.objects.create_user(username=username, password=password, bio=bio)
    return redirect('/sign-in') # 회원가입이 완료되었으므로 로그인 페이지로 이동

Django의 사용자 모델을 적용하기 - 로그인 수정하기

1) 사용자 모델 적용을 위한 로그인 수정

- 사용자 auth 기능 임포트

# user/views.py
from django.contrib import auth # 사용자 auth 기능

2) 로그인의 views.py 수정

- auth.authenticate() 를 사용해 사용자 정보 불러오기 및 체크

- auth.login(request, me) 로 로그인 기능 승인

me = auth.authenticate(request, username=username, password=password)  # 사용자 불러오기
if me is not None:  # 저장된 사용자의 패스워드와 입력받은 패스워드 비교
    auth.login(request, me)
    return HttpResponse("로그인 성공")
else:
    return redirect('/sign-in')  # 로그인 실패

3) 로그인 승인 후 메인 페이지 이동 연결

- tweet/home.html 메인이 되는 페이지를 생성

- base.html 의 기반 {% extends 'base.html' %} 으로 {% block content %} & {% endblock %} 영역 생성

4) 이동할 메인 페이지 연결

- 글쓰기 기능이 포함될 메인 페이지로 tweet 앱의 views.py 내용 추가

- request.user.is_authenticated 사용자가 인증을 받았는지(로그인이 되어있는지)

# tweet/views.py
from django.shortcuts import render, redirect


# Create your views here.
def home(request):
    user = request.user.is_authenticated  # 사용자가 인증을 받았는지 (로그인이 되어있는지)
    if user:
        return redirect('/tweet')
    else:
        return redirect('/sign-in')


def tweet(request):
    if request.method == 'GET':
        return render(request, 'tweet/home.html')

5) tweet 앱의 urls.py 생성

# tweet/urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('', views.home, name='home'), # 127.0.0.1:8000 과 views.py 폴더의 home 함수 연결
    path('tweet/', views.tweet, name='tweet') # 127.0.0.1:8000/tweet 과 views.py 폴더의 tweet 함수 연결
]

6) 프로젝트 앱의 urls.py 에서 주소 등록

# mySpartaSns/urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('user.urls')),
    path('', include('tweet.urls'))
]

로그인 사용자 기능 표시

1) 로그인 사용자의 정보를 노출하기 위한 템플릿 설정

- '{{ }}' 을 사용해서 노출 태그 부분에 사용자 이름 : {{ user.username }} & 사용자 정보 : {{ user.bio }} 를 각각 입력

<div class="col-md-3">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">{{ user.username }}</h5>
            <p class="card-text"> {{ user.bio }}</p>
        </div>
    </div>
</div>

2) 화면의 정보가 담긴 네비게이션 바에서 사용자 정보에 맞게 변하는 영역을 사용자 인증 조건에 맞게 설정

- {% if not user.is_authenticated %} : 사용자 로그인 확인이 안된다면 로그인, 회원가입 노출

- {% else %} : 사용자 로그인 확인이 된다면 {{ user.username }} 으로 사용자의 이름 정보 노출

- {% endif %} 로 조건 마무리

<!-- templates/base.html -->
<form class="form-inline my-2 my-lg-0">
    {% if not user.is_authenticated %}
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="/sign-in"> Sign In <span class="sr-only"></span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="/sign-up"> Sign Up <span class="sr-only"></span></a>
            </li>
        </ul>
    {% else %}
        {{ user.username }} 님 반갑습니다!
    {% endif %}
</form>

3) 로그인의 필수 기능 로그인 사용자 제한

- 로그인 사용자 판단과 해당하는 조건 적용을 위해 tweet 앱의 views.py 수정

- user = request.user.is_authenticated 사용자가 로그인이 되어 있는지 확인하기

# user/views.py

def sign_in_view(request):
    if request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)

        me = auth.authenticate(request, username=username, password=password)  # 사용자 불러오기
        if me is not None:  # 저장된 사용자의 패스워드와 입력받은 패스워드 비교
            auth.login(request, me)
            return redirect('/')
        else:
            return redirect('/sign-in')  # 로그인 실패
    elif request.method == 'GET':
        user = request.user.is_authenticated  # 사용자가 로그인 되어 있는지 검사
        if user:  # 로그인이 되어 있다면
            return redirect('/')
        else:  # 로그인이 되어 있지 않다면
            return render(request, 'user/signin.html')

4) 로그인 시 회원가입 페이지는 불필요한 페이지이므로 페이지 접근을 우회하기 위한 함수 수정

- 로그인 조건 함수와 똑같이 user = request.user.is_authenticated 로그인 여부 판단

# user/views.py

def sign_up_view(request):
    if request.method == 'GET':
        user = request.user.is_authenticated # 로그인 된 사용자가 요청하는지 검사
        if user: # 로그인이 되어있다면
            return redirect('/')
        else: # 로그인이 되어있지 않다면
            return render(request, 'user/signup.html')
    elif request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)
        password2 = request.POST.get('password2', None)
        bio = request.POST.get('bio', None)

        if password != password2:
            return render(request, 'user/signup.html')
        else:
            exist_user = get_user_model().objects.filter(username=username)
            if exist_user:
                return render(request, 'user/signup.html') # 사용자가 존재하기 때문에 사용자를 저장하지 않고 회원가입 페이지를 다시 띄움
            else:
                UserModel.objects.create_user(username=username, password=password, bio=bio)
                return redirect('/sign-in') # 회원가입이 완료되었으므로 로그인 페이지로 이동

5) 로그아웃 기능

- views.py 로그아웃 함수 추가

- @login_requred 로그인 한 사용자만 접근할 수 있게 해주는 기능 / 로그아웃을 활성화하기 위한 조건

#user/views.py

from django.contrib.auth.decorators import login_required

@login_required
def logout(request):
		auth.logout(request) # 인증 되어있는 정보를 없애기
    return redirect("/")

- urls.py 연결

# user/urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('sign-up/', views.sign_up_view, name='sign-up'),
    path('sign-in/', views.sign_in_view, name='sign-in'),
    path('logout/', views.logout, name='logout')
]

- 로그인 사용자 기능에서 추가했던 html 의 템플릿 추가

    {% else %}
        <ul class="navbar-nav mr-auto">
            <li class="nav-item" disabled>
                <span class="nav-link">
                    {{ user.username }} 님 반갑습니다!
                </span>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/logout"> 로그아웃 </a>
            </li>
        </ul>
    {% endif %}

게시글 쓰기 & 읽기 & 삭제

1) 사전 home.html 의 게시글이 입력 될 form 태그에 action 과 method 를 사용해 django 의 url 로 연결

- method = 'post'

- action = '/tweet/'

<form action="/tweet/" method="post">
    {% csrf_token %}
    <div class="form-group mb-2">
        <textarea class="form-control" style="resize: none" name='my-content' id="my-content"></textarea>
    </div>
    <button type="submit" class="btn btn-primary" style="float:right;">작성하기</button>
</form>

2) tweet 앱의 글쓰기 views.py 수정

- user = request.user : 요청 시 자동적으로 인증 추가

- my_tweet.content = request.POST.get('my-content','') : home.html 의 input name 값인 my-content 정의

from .models import TweetModel # 글쓰기 모델 -> 가장 윗부분에 적어주세요!

def tweet(request):
    if request.method == 'GET':  # 요청하는 방식이 GET 방식인지 확인하기
        user = request.user.is_authenticated  # 사용자가 로그인이 되어 있는지 확인하기
        if user:  # 로그인 한 사용자라면
            return render(request, 'tweet/home.html')
        else:  # 로그인이 되어 있지 않다면
            return redirect('/sign-in')
    elif request.method == 'POST':  # 요청 방식이 POST 일때
        user = request.user  # 현재 로그인 한 사용자를 불러오기
        my_tweet = TweetModel()  # 글쓰기 모델 가져오기
        my_tweet.author = user  # 모델에 사용자 저장
        my_tweet.content = request.POST.get('my-content', '')  # 모델에 글 저장
        my_tweet.save()
				return redirect('/tweet')

3) tweet 앱의 views.py GET 함수 수정

- TweetModel() : 로그인 사용자를 검증 한 후 불러주는 기능

- all_tweet = TweetModel.objects.all().order_by('-created_at') : created_at 의 역순으로 불러오는 코드

- return render(request, 'tweet/home.html', {'tweet': all_tweet}) : tweet/home.html을 화면에 띄우면서 {'tweet':all_tweet} 라는 데이터를 화면에 전달

# tweet/views.py

def tweet(request):
    if request.method == 'GET':  # 요청하는 방식이 GET 방식인지 확인하기
        user = request.user.is_authenticated  # 사용자가 로그인이 되어 있는지 확인하기
        if user:  # 로그인 한 사용자라면
            all_tweet = TweetModel.objects.all().order_by('-created_at')
            return render(request, 'tweet/home.html', {'tweet': all_tweet})
        else:  # 로그인이 되어 있지 않다면
            return redirect('/sign-in')
    elif request.method == 'POST':  # 요청 방식이 POST 일때
        user = request.user  # 현재 로그인 한 사용자를 불러오기
        my_tweet = TweetModel()  # 글쓰기 모델 가져오기
        my_tweet.author = user  # 모델에 사용자 저장
        my_tweet.content = request.POST.get('my-content', '')  # 모델에 글 저장
        my_tweet.save()
        return redirect('/tweet')

4) 작성한 게시글을 화면상으로 노출시키기

- for 문 반복문의 html 템플릿에 적용

<!-- templates/tweet/home.html -->
<hr>
<!-- 작성 된 글이 나오는 곳 -->
<div class="row">
    {% for tw in tweet %}
        <div class="col-md-12 mb-2">
            <div class="card">
                <div class="card-body">
                    <div class="media">
                        <div class="media-body">
                            <h5 class="mt-0">{{ tw.content }}</h5>
                        </div>
                        <div style="text-align: right">
                            <span style="font-size: small">{{ tw.author.username }}-{{ tw.created_at|timesince }} 전</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

5) 게시글 삭제 기능

- views.py 에서 게시글의 본인 작성자만 삭제할 수 있도록 기능을 제한하기 위한 login_required 임포트

- 함수의 request 와 id 를 적용해 id 의 해당하는 사용자만 활성화할 수 있도록 구현

# tweet/views.py
from django.contrib.auth.decorators import login_required


@login_required
def delete_tweet(request, id):
    my_tweet = TweetModel.objects.get(id=id)
    my_tweet.delete()
    return redirect('/tweet')

- urls.py 에서 삭제 기능 함수를 연결 : <int:id> 게시글의 매개변수로 받아 사용

# tweet/urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.home, name='home'),
    path('tweet/', views.tweet, name='tweet'),
    path('tweet/delete/<int:id>', views.delete_tweet, name='delete-tweet'),
]

- home.html 에 글 삭제 url 을 연결 : 삭제 버튼은 /tweet/delete/tw.id 로 연결이 되는데, 이 tw.id는 게시글의 고유 id값

<!-- templates/tweet/home.html -->
... 생략 

<!-- 작성 된 글이 나오는 곳 -->
<div class="row">
    {% for tw in tweet %}
        <div class="col-md-12 mb-2">
            <div class="card">
                <div class="card-body">
                    {% if tw.author == user %}
                    <div style="text-align: right">
                        <a href="/tweet/delete/{{ tw.id }}">
                            <span class="badge rounded-pill bg-danger">삭제</span>
                        </a>
                    </div>
                    {% endif %}
										<div style="text-align: right">
										    <a href="#">
										        <span class="badge rounded-pill bg-success">보기</span>
										    </a>
										</div>
                    <div class="media">
                        <div class="media-body">
                            <h5 class="mt-0">{{ tw.content }}</h5>
                        </div>
                        <div style="text-align: right">
                            <span style="font-size: small">{{ tw.author.username }}-{{ tw.created_at|timesince }} 전</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

... 생략