TIL_220527_Django 기초

Django 기초 2주차 과정

Django 기초 과정에서 우리가 만들 프로젝트는 sns 이다.

 

프로젝트 구조 만들기

Django 가 일하는 순서

 

Django sns 프로젝트 기능 3가지

• 사용자 관리 (회원가입/ 로그인/ 로그아웃)
• 글쓰기
• 친구만들기

 

공통적인 기능 분류

• user앱 : 사용자 관리(회원가입/ 로그인/ 로그아웃)
• tweet앱 : 글 관리(글쓰기, 삭제, 수정, 댓글)을 담당

 

프로젝트 세팅

- 프로젝트 폴더 안의 settings.py 파일에서 추가한 기능별 앱 정보를 추가

INSTALLED_APPS = [
    'tweet',
    'user',
]

 

데이터베이스 연결하기

1. 프로젝트를 실행시켜 db.sqlite3 파일 생성 확인
2. 오른쪽의 데이터베이스 탭을 눌러 db.sqlite3 파일 불러오기
3. db.sqlite3 의 파일 연결을 테스트 하고 마지막 확인까지

 

ORM이란?

- ORM (Object Relational Mapping) 은 데이터베이스를 하나의 객체 덩어리로 보고, 데이터베이스를 SQL 언어가 아닌 클래스로 쉽게 표현 및 사용할 수 있게 해준다.

- 형태

class myBakery:
    bread_type = ''  # 빵의 종류
    bake_time = ''  # 굽는 시간
    price = 0  # 가격

 

User Model 만들기

- 사용자를 파악할 때 어떤 정보가 있으면 좋을까를 생각해본다.

- 사용자를 구분하는 이름, 비밀번호, 상태메세지, 생성일

- User Model 의 구조

#user/models.py
from django.db import models


# Create your models here.
class UserModel(models.Model):
    class Meta:
        db_table = "my_user"

    username = models.CharField(max_length=20, null=False)
    password = models.CharField(max_length=256, null=False)
    bio = models.CharField(max_length=256, default='')
    created_at = models.DateTimeField(auto_now_add=True)
    updated_at = models.DateTimeField(auto_now=True)

- django 모델 필드의 종류

문자열 : CharField, TextField
날짜/시간: DateTimeField, DateField, TimeField
숫자 : IntegerField, FloatField
다른 테이블과 연관을 지어 줄 때 : ForeignKey

 

만든 모델 데이터베이스 넣기

1) 데이터베이스 변경을 알려주는 명령어 : makemigrations

- 터미널 : python manage.py makemigrations

 

2) 변경 된 데이터베이스를 적용시켜주는 명령어 : migrate

- 터미널 : python manage.py migrate

 

3) 데이터베이스 탭에 추가된 모델 확인

 

Django Admin 기능

- Django 의 대표 기능인 Admin

- Admin 에 들어가기 위해서는 슈퍼 계정이 필요

- Admin 계정 추가

• 터미널 : python manage.py createsuperuser

- Admin 화면에 만든 Model 등록

• user앱의 admin.py 에서 Model 을 연결하는 코드 입력

from django.contrib import admin
from .models import UserModel

# Register your models here.
admin.site.register(UserModel) # 이 코드가 나의 UserModel을 Admin에 추가 해 줍니다

 

Django 만의 템플릿

- 웹 프레임워크이기 때문에 Django는 HTML을 동적으로 생성할 수 있는 편리한 방법이 필요

 

1) 태그

- 데이터베이스에서 콘텐츠를 가져오거나, 다른 템플릿 태그에 대한 액세스를 활성화

{% csrf_token %}

 

2) 다른 사용 방법

- 참조 : https://docs.djangoproject.com/ko/3.1/topics/templates/

템플릿 | Django 문서 | Django

 

Template 를 view 와 url 연결

1. 사용자가 url 요청 → 크롬/사파리 등의 인터넷 브라우저
2. mySpartaSns에 요청이 접수 → settings.py가 있는 가장 처음 작성한 앱의 urls.py
3. 등록된 url을 찾기 → urls.py에 연결 된 앱에 생성 한 urls.py
4. 해당 url에 등록 된 view를 찾기

1) 핵심 연결 키워드

- path('', include('user.urls')) user앱의 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'))
]

2) user 의 urls.py 에 연결 할 user 앱의 views.py 작성

- url 에 맞는 화면을 보여주기 위한 view.py 작성

from django.shortcuts import render


# Create your views here.
def sign_up_view(request):
    return render(request, 'user/signup.html')


def sign_in_view(request):
    return render(request, 'user/signin.html')

3) 작성한 views.py 를 urls.py 에 연결

- user앱의 views.py 에 작성한 함수들을 user 의 url 에 적용

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'),
]

 

사용자 관리와 로그인 - 회원가입 기능 만들기

1) user 의 views.py 의 sign_up_view 에 POST 추가

# user/views.py
def sign_up_view(request):
    if request.method == 'GET': # GET 메서드로 요청이 들어 올 경우
        return render(request, 'user/signup.html')
    elif request.method == 'POST': # POST 메서드로 요청이 들어 올 경우
        
        return ""

2) HTML 에서 form 태그 설정

- <form태그> 의 속성에 method 와 action 을 추가

- {% csrf_token %} 은 Django 에서 POST 할 때 보안을 위해서 사용 (Django 만의 템플릿을 참고)

- 각 input 의 name 속성을 잘 기억해서 post 에 적용

<!-- 윗 부분 생략 -->
<div class="wrap">
    <h2 class="title-center"> 회원가입 </h2>
    <form class="form-area" method="post" action="/sign-up/">
        {% csrf_token %}
        <div class="form-group mt-2 mb-2">
            <label for="username">이름</label>
            <input type="text" class="form-control" id="username" name="username">
        </div>
        <div class="form-group mt-2 mb-2">
<!-- 아랫 부분 생략 -->

3) user 의 views.py 에서 전송되는 데이터 받아서 저장

- html 에서 넘겨준 데이터를 views.py 에서 받기

- 패스워드와 패스워드 확인이 일치 조건문 정의

- 정상적으로 회원가입이 완료되면 redirect() 를 통해 로그인 주소로 연결

from django.shortcuts import render, redirect
from .models import UserModel

def sign_up_view(request):
    if request.method == 'GET':
        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:
            new_user = UserModel()
            new_user.username = username
            new_user.password = password
            new_user.bio = bio
            new_user.save()
        return redirect('/sign-in')

 

사용자 관리와 로그인 - 로그인 기능 만들기

- 세션 : 사용자의 정보를 저장할 수 있다.

1) url, view 세팅

- user 앱의 views.py 에 로그인을 처리해 줄 함수 생성, url 연결

# user/views.py
from django.http import HttpResponse

def sign_in_view(request):
		if request.method == 'POST':
        return HttpResponse("로그인 성공!")
    elif request.method == 'GET':
        return render(request, 'user/signin.html')

2) form 태그 속성 연결

- form 태그에 action 과 method 속성 추가

<!-- 윗부분 생략 -->
<div class="wrap">
    <h2 class="title-center"> 로그인</h2>
    <form class="form-area" action="/sign-in/" method="post">
        {% csrf_token %}
        <div class="form-group mt-2 mb-2">
<!-- 아랫 부분 생략 -->

3) views.py 에서 함수 적용

- user 앱의 sign_in_view 함수에 로그인 기능 추가 (+ 세션)

- post 확인 여부 조건문 생성

- 아이디와 패스워드 일치 조건문 생성

- 저장되어 있는 데이터의 정보와 입력 정보를 대조해 일치하는 조건문 생성

# 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 = UserModel.objects.get(username=username)  # 사용자 불러오기
        if me.password == password:  # 저장된 사용자의 패스워드와 입력받은 패스워드 비교
            request.session['user'] = me.username  # 세션에 사용자 이름 저장
            return HttpResponse("로그인 성공!")
        else: # 로그인이 실패하면 다시 로그인 페이지를 보여주기
            return redirect('/sign-in')
    elif request.method == 'GET':
        return render(request, 'user/signin.html')

 

출처 스파르타코딩클럽