Aivle Til 230512 Django 3

Posted May 12, 2023 Updated Dec 12, 2024

By Changjin Kang

views 61 min read

title: AIVLE TIL (‘23.05.12) Django (3) date: 2023-05-12 15:18:20.444 +0000 categories: [에이블스쿨] tags: [‘aivle’] description: 포스팅이 많이 밀렸다. 알고리즘도 써야하고.. CS 스터디 한 것도 써야하고.. image: /assets/posts/2023-05-12-aivle-til-230512-django-3/thumbnail.png math: true —

ORM (Object Relation Mapping)

ORM (Object Relation Mapping)은 객체-관계-맵핑의 약자로, 말 그대로 객체와 관계를 맵핑해주는 도구이다.

코드(객체)를 통해 관계형 데이터베이스를 다룰 수 있게한다.

ORM의 장점

유지보수의 편의성 증가
- SQL과 코드를 섞어 사용하지 않으므로 가독성 증가
- 객체지향적 접근이 가능하므로 재사용 및 유지보수가 용이
- SQL 쿼리 중복 방지
DBMS에 대한 의존도가 낮아짐
- DBMS에 따라 문법, 기능이 달라지는 것을 신경쓸 필요 없고 ORM을 통해 일관된 방법으로 다룰 수 있음
보안 강화
- ORM에서 SQL 삽입 공격을 차단

Django ORM 사용

django에서 사용할 수 있는 라이브러리인 django-extensions를 통해 관계형 데이터베이스를 객체로 다룰 수 있다.

django shell 사용하기
pip install django-extensions 로 라이브러리 설치
사용할 프로젝트의 settings.py > INSTALLED_APPS에 django-extensions 추가
이제 python manage.py shell_plus 로 django shell 진입 가능

조회

  
# 모든 사용자 가져오기
User.objects. all()
>> SELECT * FROM user_auth;
# 이메일 주소로 사용자 필터링하기
User.objects. filter(username='admin' )
>> SELECT * FROM user_auth WHERE username='admin';
# 사용자 이름으로 정렬하기
>> SELECT * FROM user_auth ORDER BY username ASC;

QuerySet 객체를 받아오며, 이를 변수로 저장하면 반복문 등에서 하나씩 꺼내어 사용할 수 있다.
- QuerySet.__dict__ : 객체를 딕셔너리로 변환

  
{'_state': <django.db.models.base.ModelState at 0x26df4d530a0>,
 'id': 1,
 'password': 'pbkdf2_sha256$$ 600000 $$ pLjDzijWJbFyVp6Vfi8cdq$26xMiL5jalyIUwYFNNL2J99LGgOCsWWjHvgZ7dZt2eE=',
 'last_login': datetime.datetime(2023, 5, 12, 1, 48, 54, 123218, tzinfo=datetime.timezone.utc),
 'is_superuser': True,
 'username': 'admin',
 'first_name': '',
 'last_name': '',
 'email': '',
 'is_staff': True,
 'is_active': True,
 'date_joined': datetime.datetime(2023, 5, 12, 0, 53, 40, 498738, tzinfo=datetime.timezone.utc)}

생성

  
# 새로운 사용자 생성하기
new_user = User.objects.create(
username= 'exampleuser' ,
password= 'examplepassword' ,
email= 'example@example.com' )

# 새로운 사용자 생성하기2
new_user = User(
username= 'exampleuser' ,
password= 'examplepassword' ,
email= 'example@example.com')
new_user.save()

생성에는 두 가지 방법이 있다.

create() 메서드 이용
데이터 객체를 직접 만든 뒤, save() 메서드를 통해 저장

수정

  
# 사용자 정보 업데이트하기
user = User.objects.get(username= 'exampleuser' )
user.email = 'newemail@example.com'
user.save()
# 사용자 삭제하기
user = User.objects.get(username= 'exampleuser' )
user.delete()

기본적으로 조회문을 통해 데이터를 객체에 담아 수정한다.
save(), delete() 등을 통해 데이터 조작을 확정한다.
- create() 역시 데이터 조작을 확정하는 것이기 때문에 save()를 하지 않아도 테이블에 데이터가 추가된다.

로깅

settings.py 에서 로그 설정을 하면 SQL 사용 내역과 어떤 과정을 거쳐 DB의 자료를 조회하는지 로그를 남길 수 있다.
DB의 성능 저하, 오류 등이 발생할 때 추적하는 것에 용이하다.

객체지향과 Python

데이터 구조체의 역사 (데이터 처리 방식의 진화)

초창기 - Structure Type의 형태

클래스에 아무런 메서드 없이 데이터만 담아서 사용하는 것

  
class User:
def __init__(self, id, name, email):
	self. id = id
	self.name = name
	self.email = email

users = [
	User(id=1, name='blackdew' , email= 'blackdew7@gmail.com' ),
	User(id=2, name='django' , email= 'django@naver.com' ),
	User(id=3, name='python' , email= 'python@gmail.com' ),
]

User 클래스로 생성된 인스턴스는 id, name, email 값을 가지는 형식의 일종의 데이터 자료형처럼 사용할 수 있다. 데이터 구조를 명시함으로써 코드를 읽기만해도 데이터 구조를 쉽게 파악할 수 있다는 장점을 갖는다.

단점
- struct 타입의 데이터 구조를 정확히 알고 있어야만 데이터를 다룰 수 있다.
- 마찬가지로 데이터 구조를 알지 못하면 이 데이터를 다루는 코드를 알기 어렵다

발전된 형태 - Class 문법

데이터를 다루는 함수를 클래스 안에 담아서 사용하는 것

  
class User:
	def __init__(self, id, name, email):
		self. id = id
		self.name = name
		self.email = email
	def domain(self):
		return self.email.split('@')[-1]

def filter_domain(users, domain):
	return [u for u in users if u.domain() == domain]
filtered = filter_domain(users, 'gmail.com' )
for f in filtered:
	print(f.name, f.email)

사용자는 데이터의 구조를 몰라도 domain() 메소드의 기능만 알고 있으면 사용할 수 있다.

현재 - 객체 지향

캡슐화, 다형성, 상속을 이용하여 객체들을 연결 시켜 프로그래밍 하는 것

코드 재사용, 유지 보수를 감소시키는 장점이 있다.

Python Class

파이썬에서 ‘객체 지향’을 위해 이해해야 하는 것들
- 속성(property)과 행동(method)의 관점 이해 및 사용
- 상속에 대한 이해
- self에 대한 이해
- magic methods에 대한 이해

파이썬의 기본 클래스

list, dict, set 과 같은 자료구조는 모두 하나의 객체들이다.
dir() 내장 함수는 객체가 어떤 메소드를 갖고 있는지 출력한다.

기본 클래스 상속하여 강화하기

map 함수를 메서드 형식으로 사용하고 싶다면?

  
class xlist(list):
	def map(self, f):
		s = map(f, self)
		return xlist(s)

→ 이제 리스트를 선언해서 arr.map(function)을 이용하면 리스트를 반환받을 수 있다!

객체지향 방법론과 데이터 베이스

Class 기반 객체지향 방법론을 웹에 데이터베이스 처리에 사용하는 것은 매우 어렵다.
1. 객체 지향 프로그래밍과 관계형 데이터베이스는 서로 다른 패러다임을 갖고 있다.
2. 쿼리에 따라 가져오는 데이터의 형태가 다르기 때문에 클래스 문법을 통해 일관적으로 처리할 수 없다.
3. 데이터베이스의 스키마가 바뀌면 Class의 코드도 바꾸어주어야 하기 때문에 유지보수가 복잡해진다.
이를 극복하는 방법론이 바로 ORM이다.
- 데이터페이스의 테이블을 객체 지향 언어의 클래스로 맵핑함
- 이를 통해 코드 내에서 객체를 처리하는 것 처럼 데이터를 처리할 수 있다.
- django에서는 모델을 통해 ORM을 다룰 수 있다.

Django Model

MVT 구조

DB와 ORM을 통해 데이터를 주고받을 수 있도록 데이터 구조를 지정한다. Model을 거쳐 객체화된 데이터는 view에서 파이썬 코드를 통해 다양한 처리가 가능하다.

모델 선언 과정

1. 클래스 생성

  
# models.py
from django.db import models

class Post(models.Model):
    title = models.CharField(max_length = 100)
    content = models.TextField()
    created_at = models.DateField(auto_now_add = True)
    published_at = models.DateField(null = True)

django 문법에 의해 모델은 models.Model을 상속 받아야 한다.
저장할 자료의 Field(자료형)를 선언해야한다.
공식문서 : https://docs.djangoproject.com/en/4.2/ref/models/fields/#model-field-types
커스텀 자료형을 만들어 사용할수도 있다.

2. Migrate

이 과정을 거치친 후 migration을 만들어야 한다.

python manage.py makemigrations <app 이름> : 지정한 앱에 migration을 추가한다.

migrate 전

migrations 파일 생성 후

migrate 정보를 저장하는 일종의 버전 역할을 하는 파이썬 파일이 생성되었다.
이제 migrate를 할 경우 manage.py가 새로운 버전 파일을 읽어 테이블 구조를 생성한다.

migrate 후

class에 선언한 구조대로 테이블이 생성되었다.

3. 관리자페이지 등록

테이블을 생성한 application의 admin.py 에 추가한 모델을 등록하면 된다.

  
# admin.py
from django.contrib import admin
from . import models

# Register your models here.
admin.site.register(models.Post)

생성한 테이블이 관리자페이지에 등록되었다.

버전 되돌리기

만약 이전 버전으로 돌아가고 싶다면 migrate 명령어를 통해 쉽게 돌아갈 수 있다.
python manage.py migrate blog 0001 : blog앱에서 선언했던 0001버전으로 돌아간다.

Model Field의 종류

CharField : 짧은 문자열, max_length로 최대 길이를 지정해야한다.
TextField : 긴 문자열, 최대 길이를 지정할 필요가 없다.
IntergerField : 정수 값 필드
DataField : 날짜 값 필드
관계형 필드 : SQL에서 JOIN과 동일한 역할을 한다.
- ForeignKey : 일대다 관계를 형성하는 관계형 필드
- OneToOneField : 일대일 관계를 형성하는 관계형 필드
- ManyToManyField : 다대다 관계를 형성하는 관계형 필드
- 연결하려는 모델을 매개변수로 입력
1 2 3 4 class Student(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE) name = models.CharField(max_length=50) year = models.IntegerField()
- User와 Student는 일대일 관계이다 → 한명의 유저는 한명의 학생이다.
  - User는 장고에서 제공하는 기본 모델이기 때문에 건드리지 않고 이런식으로 일대일 관계를 연결하여 사용하는 경우가 많다.
관계데이터베이스의 관계성은 기능도 많고 복잡함도 많으니 되도록 따로 공부하도록 하자..

관계형 필드

자식 객체 → 부모 객체 접근 (일대일, 다대다에서 다)
- 연결된 테이블의 데이터를 테이블명 체이닝을 통해 가져올 수 있다.
- ex) user와 student 테이블이 연결되었을 때 → user.student.name 식으로 사용 가능
부모 객체 → 자식 객체 접근 (다대다, 다대일에서 일)
- 하나의 데이터만 가져오는 것이 불가능하므로 필드명에 더해 조건을 넣어주어야 한다.
- ex) student.course_set.all() → 모두 가져오기
- ex) student.course_set.get(id=5) → 연결된 데이터중 id 컬럼값이 5인 데이터만 가져오기
- 위와 같이 <테이블명>_set 으로 묶어 사용한다. → 필드가 지정되어있을 경우 필드로 사용하면 된다.

ORM을 View에서 사용하기

shell_plus에서 사용했던 ORM 문법을 사용할 수 있다.

  
# views.py
def post_list(req, id):
    posts = models.Post.objects.all()
    post = posts.get(id=id)
    return render(req, 
                  'blog/post.html', 
                  {
                      'title' : post.title,
                      'content': post.content
                  })

  
<!-- post.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2></h2>
    <p><!doctype html>

<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="ko" >
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta
    name="viewport"
    content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
  ><!-- Setup Open Graph image -->

  <!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.4" />
<meta property="og:title" content="Aivle Til 230510 Django 1" />
<meta property="og:locale" content="ko" />
<meta name="description" content="AI 관련하여 배운 것, 개발한 것, 경험한 것을 정리합니다." />
<meta property="og:description" content="AI 관련하여 배운 것, 개발한 것, 경험한 것을 정리합니다." />
<link rel="canonical" href="https://cjkangme.github.io/posts/aivle-til-230510-django-1/" />
<meta property="og:url" content="https://cjkangme.github.io/posts/aivle-til-230510-django-1/" />
<meta property="og:site_name" content="cjkangme Devlog" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-05-10T00:00:00+09:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Aivle Til 230510 Django 1" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-12-12T19:01:37+09:00","datePublished":"2023-05-10T00:00:00+09:00","description":"AI 관련하여 배운 것, 개발한 것, 경험한 것을 정리합니다.","headline":"Aivle Til 230510 Django 1","mainEntityOfPage":{"@type":"WebPage","@id":"https://cjkangme.github.io/posts/aivle-til-230510-django-1/"},"url":"https://cjkangme.github.io/posts/aivle-til-230510-django-1/"}</script>
<!-- End Jekyll SEO tag -->

  <title>Aivle Til 230510 Django 1 | cjkangme Devlog
  </title>

  <!--
  The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
  Generated by: https://realfavicongenerator.net/
-->

<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">

  <link rel="manifest" href="/assets/img/favicons/site.webmanifest">

<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="cjkangme Devlog">
<meta name="application-name" content="cjkangme Devlog">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

  <!-- Resource Hints -->
  
        <link rel="preconnect" href="https://fonts.googleapis.com" >
      
        <link rel="dns-prefetch" href="https://fonts.googleapis.com" >
      
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      
        <link rel="dns-prefetch" href="https://fonts.gstatic.com" >
      
        <link rel="preconnect" href="https://cdn.jsdelivr.net" >
      
        <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
      
  <!-- Bootstrap -->
  
  <!-- Theme style -->
  <link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">

  <!-- Web Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">

  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.1/css/all.min.css">

  <!-- 3rd-party Dependencies -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tocbot@4.32.2/dist/tocbot.min.css">
  
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
  
    <!-- Image Popup -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/css/glightbox.min.css">
  
  <!-- Scripts -->

  <script src="/assets/js/dist/theme.min.js"></script>

  <!-- JS selector for site. -->

<!-- commons -->

<!-- layout specified -->

    <!-- image lazy-loading & popup & clipboard -->
    
  <script defer src="https://cdn.jsdelivr.net/combine/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/glightbox@3.3.0/dist/js/glightbox.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js,npm/dayjs@1.11.13/dayjs.min.js,npm/dayjs@1.11.13/locale/en.js,npm/dayjs@1.11.13/plugin/relativeTime.js,npm/dayjs@1.11.13/plugin/localizedFormat.js,npm/tocbot@4.32.2/dist/tocbot.min.js"></script>

<script defer src="/assets/js/dist/post.min.js"></script>

<!-- Pageviews -->

          <!-- Display GoatCounter pageviews -->
<script>
  document.addEventListener('DOMContentLoaded', () => {
    const pv = document.getElementById('pageviews');

    if (pv !== null) {
      const uri = location.pathname.replace(/\/$/, '');
      const url = `https://cjkangme.goatcounter.com/counter/${encodeURIComponent(uri)}.json`;

      fetch(url)
        .then((response) => response.json())
        .then((data) => {
          const count = data.count.replace(/\s/g, '');
          pv.innerText = new Intl.NumberFormat().format(count);
        })
        .catch((error) => {
          pv.innerText = '1';
        });
    }
  });
</script>

    <!-- PWA -->
    
      <script
        defer
        src="/app.min.js?baseurl=&register=true"
      ></script>
    
    <!-- Web Analytics -->
    
        <!-- GoatCounter -->
<script
  async
  src="https://gc.zgo.at/count.js"
  data-goatcounter="https://cjkangme.goatcounter.com/count"
></script>

  <!-- A placeholder to allow defining custom metadata -->

</head>

  <body>
    <!-- The Side Bar -->

<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
  <header class="profile-wrapper">
    <a href="/" id="avatar" class="rounded-circle"><img src="/assets/img/profile/profile.jpg" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>

    <a class="site-title d-block" href="/">cjkangme Devlog</a>
    <p class="site-subtitle fst-italic mb-0">cjkangme(누렁이)의 기술 블로그</p>
  </header>
  <!-- .profile-wrapper -->

  <nav class="flex-column flex-grow-1 w-100 ps-0">
    <ul class="nav">
      <!-- home -->
      <li class="nav-item">
        <a href="/" class="nav-link">
          <i class="fa-fw fas fa-home"></i>
          <span>HOME</span>
        </a>
      </li>
      <!-- the real tabs -->
      
        <li class="nav-item">
          <a href="/categories/" class="nav-link">
            <i class="fa-fw fas fa-stream"></i>
            
            <span>CATEGORIES</span>
          </a>
        </li>
        <!-- .nav-item -->
      
        <li class="nav-item">
          <a href="/tags/" class="nav-link">
            <i class="fa-fw fas fa-tags"></i>
            
            <span>TAGS</span>
          </a>
        </li>
        <!-- .nav-item -->
      
        <li class="nav-item">
          <a href="/archives/" class="nav-link">
            <i class="fa-fw fas fa-archive"></i>
            
            <span>ARCHIVES</span>
          </a>
        </li>
        <!-- .nav-item -->
      
        <li class="nav-item">
          <a href="/about/" class="nav-link">
            <i class="fa-fw fas fa-info-circle"></i>
            
            <span>ABOUT</span>
          </a>
        </li>
        <!-- .nav-item -->
      
    </ul>
  </nav>

  <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
    
      <button type="button" class="btn btn-link nav-link" aria-label="Switch Mode" id="mode-toggle">
        <i class="fas fa-adjust"></i>
      </button>

        <span class="icon-border"></span>
      
        <a
          href="https://github.com/cjkangme"
          aria-label="github"
          
            target="_blank"
            
            rel="noopener noreferrer"
          
        >
          <i class="fab fa-github"></i>
        </a>
      
        <a
          href="https://twitter.com/"
          aria-label="twitter"
          
            target="_blank"
            
            rel="noopener noreferrer"
          
        >
          <i class="fa-brands fa-x-twitter"></i>
        </a>
      
        <a
          href="javascript:location.href = 'mailto:' + ['nureongi0214','gmail.com'].join('@')"
          aria-label="email"
          
        >
          <i class="fas fa-envelope"></i>
        </a>
      
        <a
          href="/feed.xml"
          aria-label="rss"
          
        >
          <i class="fas fa-rss"></i>
        </a>
      
  </div>
  <!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->

    <div id="main-wrapper" class="d-flex justify-content-center">
      <div class="container d-flex flex-column px-xxl-5">
        <!-- The Top Bar -->

<header id="topbar-wrapper" aria-label="Top Bar">
  <div
    id="topbar"
    class="d-flex align-items-center justify-content-between px-lg-3 h-100"
  >
    <nav id="breadcrumb" aria-label="Breadcrumb">
      
            <span>
              <a href="/">Home</a>
            </span>

              <span>Aivle Til 230510 Django 1</span>
            
    </nav>
    <!-- endof #breadcrumb -->

    <button type="button" id="sidebar-trigger" class="btn btn-link">
      <i class="fas fa-bars fa-fw"></i>
    </button>

    <div id="topbar-title">
      Post
    </div>

    <button type="button" id="search-trigger" class="btn btn-link">
      <i class="fas fa-search fa-fw"></i>
    </button>

    <search id="search" class="align-items-center ms-3 ms-lg-0">
      <i class="fas fa-search fa-fw"></i>
      <input
        class="form-control"
        id="search-input"
        type="search"
        aria-label="search"
        autocomplete="off"
        placeholder="Search..."
      >
    </search>
    <button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
  </div>
</header>

        <div class="row flex-grow-1">
          <main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
            
              <!-- Refactor the HTML structure -->

<!--
  In order to allow a wide table to scroll horizontally,
  we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->

<!--
  Fixed kramdown code highlight rendering:
  https://github.com/penibelst/jekyll-compress-html/issues/101
  https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->

<!-- Change the icon of checkbox -->

<!-- Handle images -->

    <!-- take out classes -->
    
    <!-- lazy-load images -->
    
      <!-- make sure the `<img>` is wrapped by `<a>` -->
      
        <!-- create the image wrapper -->
        
    <!-- combine -->
    
    <!-- take out classes -->
    
    <!-- lazy-load images -->
    
      <!-- make sure the `<img>` is wrapped by `<a>` -->
      
        <!-- create the image wrapper -->
        
    <!-- combine -->
    
    <!-- take out classes -->
    
    <!-- lazy-load images -->
    
      <!-- make sure the `<img>` is wrapped by `<a>` -->
      
        <!-- create the image wrapper -->
        
    <!-- combine -->
    
<!-- Add header for code snippets -->

<!-- Create heading anchors -->

<!-- return -->

<article class="px-1" data-toc="true">
  <header>
    <h1 data-toc-skip>Aivle Til 230510 Django 1</h1>
    
    <div class="post-meta text-muted">
      <!-- published date -->
      <span>
        Posted
        <!--
  Date format snippet
  See: ${JS_ROOT}/utils/locale-dateime.js
-->

<time
  
  data-ts="1683644400"
  data-df="ll"
  
    data-bs-toggle="tooltip" data-bs-placement="bottom"
  
>
  May 10, 2023
</time>

      </span>

      <!-- lastmod date -->
      
        <span>
          Updated
          <!--
  Date format snippet
  See: ${JS_ROOT}/utils/locale-dateime.js
-->

<time
  
  data-ts="1733997697"
  data-df="ll"
  
    data-bs-toggle="tooltip" data-bs-placement="bottom"
  
>
  Dec 12, 2024
</time>

        </span>
      
      <div class="d-flex justify-content-between">
        <!-- author(s) -->
        <span>
          
          By

          <em>
            
              <a href="https://github.com/cjkangme">Changjin Kang</a>
            
          </em>
        </span>

        <div>
          <!-- pageviews -->
          
            <span>
              <em id="pageviews">
                <i class="fas fa-spinner fa-spin small"></i>
              </em>
              views
            </span>
          
          <!-- read time -->
          <!-- Calculate the post's reading time, and display the word count in tooltip -->

<!-- words per minute -->

<!-- return element -->
<span
  class="readtime"
  data-bs-toggle="tooltip"
  data-bs-placement="bottom"
  title="2146 words"
>
  <em>11 min</em> read</span>

        </div>
      </div>
    </div>
  </header>

    <div id="toc-bar" class="d-flex align-items-center justify-content-between invisible">
      <span class="label text-truncate">Aivle Til 230510 Django 1</span>
      <button type="button" class="toc-trigger btn me-1">
        <i class="fa-solid fa-list-ul fa-fw"></i>
      </button>
    </div>

    <button id="toc-solo-trigger" type="button" class="toc-trigger btn btn-outline-secondary btn-sm">
      <span class="label ps-2 pe-1">Contents</span>
      <i class="fa-solid fa-angle-right fa-fw"></i>
    </button>

    <dialog id="toc-popup" class="p-0">
      <div class="header d-flex flex-row align-items-center justify-content-between">
        <div class="label text-truncate py-2 ms-4">Aivle Til 230510 Django 1</div>
        <button id="toc-popup-close" type="button" class="btn mx-1 my-1 opacity-75">
          <i class="fas fa-close"></i>
        </button>
      </div>
      <div id="toc-popup-content" class="px-4 py-3 pb-4"></div>
    </dialog>
  
  <div class="content">
    
<hr />
<p>title: AIVLE TIL (‘23.05.10) Django (1)
date: 2023-05-10 14:44:19.075 +0000
categories: [에이블스쿨]
tags: [‘aivle’]
description: 문법은 어짜피 외우기이니 개념 위주로 공부하자
image: /assets/posts/2023-05-10-aivle-til-230510-django-1/thumbnail.png</p>

<hr />

<h1 id="django-개요">Django 개요</h1>

<p>django는 파이썬으로 만들어진 웹 프레임워크로 빠르고 효율적으로 백엔드 시스템을 구현할 수 있다.</p>

<h2 id="django-특징"><span class="me-2">Django 특징</span><a href="#django-특징" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>

<h3 id="장점"><span class="me-2">장점</span><a href="#장점" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<ul>
  <li>매우 복잡하고 다양한 기능을 제공하기 때문에, 비교적 큰 백엔드 서비스도 단기간에 구현하는 것이 가능하다.</li>
  <li>이미 만들어진 모듈을 상속받아 커스터마이징 할 수 있어 어느정도의 유연성을 갖고 있다.</li>
  <li>관리자 인터페이스를 기본 제공한다.</li>
</ul>

<h3 id="단점"><span class="me-2">단점</span><a href="#단점" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<ul>
  <li>기능이 많고 복잡한 만큼 익혀야하는 개념이 많고, 문법이 다소 복잡하고 까다로운 편이다.</li>
</ul>

<h1 id="가상-환경">가상 환경</h1>

<p>이번 과정에서는 django 프로젝트를 anaconda가 제공하는 가상 환경에서 관리할 것이다.</p>

<h2 id="가상-환경-1"><span class="me-2">가상 환경</span><a href="#가상-환경-1" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>

<h3 id="가상환경이-필요한-이유"><span class="me-2">가상환경이 필요한 이유</span><a href="#가상환경이-필요한-이유" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<p>각 프로젝트는 프로젝트마다 필요한 라이브러리와 그 버전이 다르다.
그런데 동일한 환경에서 각 프로젝트를 관리한다면 버전 호환 문제 및 라이브러리 간 충돌 문제가 발생할 수 있다.</p>

<p>이를 해결하기 위해 프로젝트 별로 격리된 환경을 생성한 것이 가상 환경이다.</p>

<h3 id="언어별-오픈소스-라이브러리-저장소"><span class="me-2">언어별 오픈소스 라이브러리 저장소</span><a href="#언어별-오픈소스-라이브러리-저장소" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<p>가상환경에 필요한 패키지(라이브러리)를 쉽게 환경에 설치하는 기능을 제공한다.
가상환경의 생성, 복제 등 관리 기능을 제공해주기도 한다.</p>

<ul>
  <li>python : pip, conda
    <ul>
      <li>pip은 가상환경 관리 기능이 없고</li>
      <li>conda는 가상환경 관리 기능이 있다.</li>
    </ul>
  </li>
  <li>nodejs : npm</li>
  <li>php : composer</li>
  <li>ruby : gems</li>
</ul>

<h2 id="환경-설정"><span class="me-2">환경 설정</span><a href="#환경-설정" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>

<h3 id="아나콘다-설치-및-환경변수-등록"><span class="me-2">아나콘다 설치 및 환경변수 등록</span><a href="#아나콘다-설치-및-환경변수-등록" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">conda</code> 명령어를 anaconda prompt 외 프롬프트에서 사용하기 위한 과정</li>
  <li>설치 시 <code class="language-plaintext highlighter-rouge">Add Anaconda3 to my PATH environmental value</code>를 체크하고 설치해야한다.
    <ul>
      <li>만약 이렇게 안했다면 설치 경로를 환경 변수에 직접 등록해야함</li>
    </ul>
  </li>
</ul>

<h3 id="conda-가상환경-세팅"><span class="me-2">conda 가상환경 세팅</span><a href="#conda-가상환경-세팅" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">conda search python</code> : conda를 통해 설치 가능한 파이썬 버전 확인</li>
  <li><code class="language-plaintext highlighter-rouge">conda create -n &lt;가상환경 이름&gt; python=3.10.11</code> : 지정한 이름의 환경 생성
    <ul>
      <li>처음에 환경에 설치될 패키지를 함께 지정할 수 있다.</li>
      <li><code class="language-plaintext highlighter-rouge">conda activate &lt;가상환경 이름&gt;</code> 으로 가상환경에 접속할 수 있다.</li>
    </ul>
  </li>
</ul>

<h3 id="conda를-통한-패키지-설치"><span class="me-2">conda를 통한 패키지 설치</span><a href="#conda를-통한-패키지-설치" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">conda install &lt;패키지이름&gt;</code></li>
</ul>

<p>설치하기 위한 패키지 이름은 보통 import에서 사용하는 패키지 이름과 동일하다.
하지만 다른 경우도 있기 때문에 conda 홈페이지에서 직접 검색하여 정확한 이름을 찾아보는 것이 좋다.
<a href="/assets/posts/2023-05-10-aivle-til-230510-django-1/img0.png" class="popup img-link  shimmer"><img src="/assets/posts/2023-05-10-aivle-til-230510-django-1/img0.png" alt="img" loading="lazy"></a></p>

<h3 id="django-설치"><span class="me-2">Django 설치</span><a href="#django-설치" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">conda install django</code></li>
</ul>

<p>성공적으로 django가 설치되었는지 확인하고 싶다면 파이썬 쉘을 실행해서 아래의 스크립트를 실행하면 된다.</p>

<div class="language-python highlighter-rouge"><div class="code-header">
        <span data-label-text="Python"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
</pre></td><td class="rouge-code"><pre><span class="kn">import</span> <span class="n">django</span>
<span class="n">django</span><span class="p">.</span><span class="nf">get_version</span><span class="p">()</span>
</pre></td></tr></tbody></table></code></div></div>

<p>만약 버전 정보가 정상 출력된다면 성공적으로 import 한 것이다.</p>

<h1 id="django-프로젝트">Django 프로젝트</h1>

<h2 id="프로젝트-생성-및-실행"><span class="me-2">프로젝트 생성 및 실행</span><a href="#프로젝트-생성-및-실행" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>

<ul>
  <li><code class="language-plaintext highlighter-rouge">django-admin startproject &lt;프로젝트 이름&gt;</code></li>
</ul>

<p>지정한 이름의 프로젝트 폴더가 생성된다.</p>

<p>이후 서버를 실행 및 관리하기 위해서는 해당 프로젝트 디렉토리에서 작업을 진행해야 한다.</p>

<ul>
  <li>(프로젝트 루트 디렉토리에서) <code class="language-plaintext highlighter-rouge">python manage.py runserver</code></li>
</ul>

<p>프로젝트 폴더에 있는 파이썬 파일을 바탕으로 서버를 배포하는 명령어이다.</p>

<p>별도로 설정하지 않으면 8000번 포트를 사용한다.</p>

<div class="language-plaintext highlighter-rouge"><div class="code-header">
        <span data-label-text="Plaintext"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
</pre></td><td class="rouge-code"><pre>May 10, 2023 - 12:23:41
Django version 4.2.1, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.
</pre></td></tr></tbody></table></code></div></div>

<p><code class="language-plaintext highlighter-rouge">manage.py</code>는 django 프로젝트를 진행하고 관리하는데 필요한 유틸리티를 제공하는 프로그램이다.</p>

<h1 id="mvt-구조">MVT 구조</h1>

<p><a href="/assets/posts/2023-05-10-aivle-til-230510-django-1/img1.png" class="popup img-link  shimmer"><img src="/assets/posts/2023-05-10-aivle-til-230510-django-1/img1.png" alt="img" loading="lazy"></a></p>

<p>MVT 구조는 Model-Viewer-Template 구조의 약자이며, Django 프로젝트의 구조이다.
Django 프로젝트 폴더의 구성은 MVT 구조를 기반으로 한다.</p>

<p><a href="/assets/posts/2023-05-10-aivle-til-230510-django-1/img2.png" class="popup img-link  shimmer"><img src="/assets/posts/2023-05-10-aivle-til-230510-django-1/img2.png" alt="img" loading="lazy"></a></p>

<h2 id="라우팅-urlspy"><span class="me-2">라우팅 (urls.py)</span><a href="#라우팅-urlspy" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>라우팅 기능을 제공하는 django 함수에는 다음과 같은 것들이 있다.</p>
<ul>
  <li><code class="language-plaintext highlighter-rouge">urlpatterns</code>
    <ul>
      <li>url과 view의 연결 목록을 리스트 형태로 저장하는 변수</li>
      <li>프레임워크 문법이기 때문에 변수명을 그대로 사용해야 한다.</li>
    </ul>
  </li>
  <li><code class="language-plaintext highlighter-rouge">path</code>
    <ul>
      <li>url 문자열과 view를 연결해주는 함수</li>
    </ul>
  </li>
  <li><code class="language-plaintext highlighter-rouge">re_path</code>
    <ul>
      <li>정규표현식(regex)를 이용하여 url 문자열과 view를 연결해주는 함수</li>
      <li>user/awesome_nickname 과 같이 게시글번호, 유저아이디 별로 패턴화된 url을 사용해야할 때 사용한다.</li>
    </ul>
  </li>
</ul>

<div class="language-python highlighter-rouge"><div class="code-header">
        <span data-label-text="Python"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
</pre></td><td class="rouge-code"><pre><span class="n">urlpatterns</span> <span class="o">=</span> <span class="p">[</span>
    <span class="nf">path</span><span class="p">(</span><span class="sh">"</span><span class="s">admin/</span><span class="sh">"</span><span class="p">,</span> <span class="n">admin</span><span class="p">.</span><span class="n">site</span><span class="p">.</span><span class="n">urls</span><span class="p">),</span>
    <span class="nf">path</span><span class="p">(</span><span class="sh">""</span><span class="p">,</span> <span class="n">index</span><span class="p">),</span>
    <span class="nf">path</span><span class="p">(</span><span class="sh">"</span><span class="s">videos/&lt;video_id&gt;/</span><span class="sh">"</span><span class="p">,</span> <span class="n">video</span><span class="p">),</span>
    <span class="nf">path</span><span class="p">(</span><span class="sh">"</span><span class="s">user/</span><span class="sh">"</span><span class="p">,</span> <span class="nf">include</span><span class="p">(</span><span class="sh">'</span><span class="s">users.urls</span><span class="sh">'</span><span class="p">)),</span>
    <span class="nf">re_path</span><span class="p">(</span><span class="sa">r</span><span class="sh">'</span><span class="s">^search/(?P&lt;year&gt;[0-9]{4})/$</span><span class="sh">'</span><span class="p">,</span> <span class="n">search_by_year</span><span class="p">),</span>
    <span class="nf">re_path</span><span class="p">(</span><span class="sa">r</span><span class="sh">'</span><span class="s">^search/(?P&lt;keyword&gt;\w+)/$</span><span class="sh">'</span><span class="p">,</span> <span class="n">search_by_keyword</span><span class="p">),</span>
<span class="p">]</span>
</pre></td></tr></tbody></table></code></div></div>
<ul>
  <li><code class="language-plaintext highlighter-rouge">path("", index)</code> : 아무 url을 입력하지 않았을 경우 index 함수 실행</li>
  <li><code class="language-plaintext highlighter-rouge">path("videos/&lt;video_id&gt;/", video)</code> : <code class="language-plaintext highlighter-rouge">videos/문자열/</code> 형태의 입력을 받았을 때 <아무 문자="">를 `video_id` 변수에 담아 video 함수 실행</아무></li>
  <li><code class="language-plaintext highlighter-rouge">path("user/", include('users.urls'))</code> : <code class="language-plaintext highlighter-rouge">user/</code> url 요청을 받았을 때 users 폴더의 urls.py에서 처리하도록 지정</li>
  <li><code class="language-plaintext highlighter-rouge">re_path(r'^search/(?P&lt;year&gt;[0-9]{4})/$', search_by_year)</code> : <code class="language-plaintext highlighter-rouge">search/&lt;4자리 숫자&gt;/</code> 형태의 입력을 받았다면 4자리 숫자를 <code class="language-plaintext highlighter-rouge">year</code> 변수에 담아 search_by_year 함수 실행</li>
</ul>

<h3 id="view와-연결"><span class="me-2">view와 연결</span><a href="#view와-연결" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<p>기본적으로 장고에서 <code class="language-plaintext highlighter-rouge">urls.py</code>에서 호출되어 실행하는 함수들은 <code class="language-plaintext highlighter-rouge">views.py</code>라는 별도 파일에서 관리한다. (MVT 모델 참고)</p>

<p>이를 위해 <code class="language-plaintext highlighter-rouge">views.py</code>를 import 하여, view에 선언된 함수들과 연결하는 방식을 취한다.</p>

<div class="language-python highlighter-rouge"><div class="code-header">
        <span data-label-text="Python"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
</pre></td><td class="rouge-code"><pre><span class="n">jango는</span> <span class="n">view를</span> <span class="n">사용해</span> <span class="n">클라</span>
</pre></td></tr></tbody></table></code></div></div>

<blockquote>
  <h4 id="번외--args--unpacking"><span class="me-2">번외 : **args : unpacking</span><a href="#번외--args--unpacking" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
  <p>딕셔너리 형태의 변수를 전달할 때 앞에 별표 2개를 붙여서 전달하면 딕셔너리를 풀어서 전달할 수 있다.
ex)</p>
  <div class="language-python highlighter-rouge"><div class="code-header">
        <span data-label-text="Python"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
</pre></td><td class="rouge-code"><pre><span class="n">args</span> <span class="o">=</span> <span class="p">{</span><span class="err">’</span><span class="n">a</span><span class="err">’</span> <span class="p">:</span> <span class="err">‘</span><span class="n">hello</span><span class="err">’</span><span class="p">,</span> <span class="err">‘</span><span class="n">b</span><span class="err">’</span> <span class="p">:</span> <span class="err">‘</span><span class="n">world</span><span class="err">’</span><span class="p">}</span>
<span class="nf">foo</span><span class="p">(</span><span class="n">args</span><span class="p">[</span><span class="err">’</span><span class="n">a</span><span class="err">’</span><span class="p">],</span> <span class="n">args</span><span class="p">[</span><span class="err">’</span><span class="n">b</span><span class="err">’</span><span class="p">])</span>
<span class="nf">foo</span><span class="p">(</span><span class="o">**</span><span class="n">args</span><span class="p">)</span>
</pre></td></tr></tbody></table></code></div>  </div>
  <p>두 foo 함수는 는 동일하게 작동한다.</p>
</blockquote>

<h3 id="정리"><span class="me-2">정리</span><a href="#정리" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li>라우팅은 url path와 함수를 연결한다.</li>
  <li>경로의 일부를 파라미터로 함수에 전달하는 방법이 있다.</li>
  <li>함수는 사용자에게 전송할 문자열(HTML 코드 등)을 완성해서 응답한다.</li>
</ul>

<h2 id="view-viewspy"><span class="me-2">View (views.py)</span><a href="#view-viewspy" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>

<h3 id="view의-동작"><span class="me-2">View의 동작</span><a href="#view의-동작" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<div class="language-python highlighter-rouge"><div class="code-header">
        <span data-label-text="Python"><i class="fas fa-code fa-fw small"></i></span>
      <button aria-label="copy" data-title-succeed="Copied!"><i class="far fa-clipboard"></i></button></div><div class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
</pre></td><td class="rouge-code"><pre><span class="c1"># views.py
</span><span class="kn">from</span> <span class="n">django.http</span> <span class="kn">import</span> <span class="n">HttpResponse</span>
<span class="c1"># urls.py에서 views.index가 실행될 경우 아래 페이지가 실행됨
</span><span class="k">def</span> <span class="nf">index</span><span class="p">(</span><span class="n">request</span><span class="p">):</span>
	<span class="k">return</span> <span class="nc">HttpResponse</span><span class="p">(</span><span class="sh">"</span><span class="s">hello</span><span class="sh">"</span><span class="p">)</span>
</pre></td></tr></tbody></table></code></div></div>

<ul>
  <li>Django는 view를 사용해 클라이언트의 요청을 처리하고, 응답을 만들어 반환한다.</li>
  <li>view에는 두가지 종류가 있다.
    <ul>
      <li>Function-Based View : 함수로 구현한 뷰
        <ul>
          <li>간단하고 직관적이지만, 대부분의 구현을 직접해야한다.</li>
        </ul>
      </li>
      <li>Class-Based View : 클래스로 구현한 뷰
        <ul>
          <li>패턴화 된 뷰 구조를 쉽게 구현한다.</li>
          <li>높은 추상화로 구조나 코드의 이해가 어렵다.</li>
        </ul>
      </li>
      <li>이번 과정에서는 Function-Based View만 다룰 것이다. 이를 잘 다룰 수 있어야 나중에 Class-Based View 도 잘 다룰 수 있다.</li>
    </ul>
  </li>
</ul>

<h3 id="response-함수의-종류"><span class="me-2">Response 함수의 종류</span><a href="#response-함수의-종류" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li>HttpResponse: 문자열 형식의 응답 반환</li>
  <li>JsonResponse: JSON 형식의 응답 반환</li>
  <li>HttpResponseRedirect : 다른 url 주소로 이동시킴 (Redirect)</li>
  <li>HttpResponseNotFound : 404 Not Found 에러를 응답</li>
</ul>

<h3 id="requests의-종류"><span class="me-2">Requests의 종류</span><a href="#requests의-종류" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>

<ul>
  <li>GET : url을 통해 정보를 담아 전송 (쿼리 스트링)
    <ul>
      <li>보안에 취약하다는 단점이 있다.</li>
      <li>보통 유저가 얻고 싶은 정보를 필터링하기 위해 사용한다.</li>
    </ul>
  </li>
  <li>POST : 요청 데이터의 body 부분에 데이터를 담아 전송한다.
    <ul>
      <li>데이터가 직접적으로 노출되지 않고 암호화를 통해 데이터를 보호할 수 있다.</li>
    </ul>
  </li>
  <li>PUT, PUSH, DELETE 등 다른 방식도 존재한다.</li>
</ul>

<h4 id="django에서-request를-받는-방법"><span class="me-2">Django에서 Request를 받는 방법</span><a href="#django에서-request를-받는-방법" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>

<ul>
  <li>GET 방식 : <code class="language-plaintext highlighter-rouge">req.GET</code>
    <ul>
      <li>GET 메소드로 전송된 쿼리스트링을 딕셔너리 형태로 반환한다.</li>
      <li>예를 들어 <code class="language-plaintext highlighter-rouge">?q=hello&amp;a=bye</code> 형식으로 입력된 쿼리가 있다면 <code class="language-plaintext highlighter-rouge">print(req.GET)</code>로 정보를 받았을 때 <code class="language-plaintext highlighter-rouge">{q:hello, a:bye}</code>이 반환된다.</li>
    </ul>
  </li>
  <li>POST 방식 : <code class="language-plaintext highlighter-rouge">req.POST</code>
    <ul>
      <li>GET과 마찬가지로 딕셔너리를 반환하므로, GET 방식과 동일하게 body에 담긴 정보를 가져올 수 있다.</li>
    </ul>
  </li>
</ul>

  </div>

  <div class="post-tail-wrapper text-muted">
    <!-- categories -->
    
    <!-- tags -->
    
    <div
      class="
        post-tail-bottom
        d-flex justify-content-between align-items-center mt-5 pb-2
      "
    >
      <div class="license-wrapper">
        
          This post is licensed under 
        <a href="https://creativecommons.org/licenses/by/4.0/">
          CC BY 4.0
        </a>
         by the author.
        
      </div>

      <!-- Post sharing snippet -->

<div class="share-wrapper d-flex align-items-center">
  <span class="share-label text-muted">Share</span>
  <span class="share-icons">
    
      <a href="https://twitter.com/intent/tweet?text=Aivle%20Til%20230510%20Django%201%20-%20cjkangme%20Devlog&url=https%3A%2F%2Fcjkangme.github.io%2Fposts%2Faivle-til-230510-django-1%2F" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter" aria-label="Twitter">
        <i class="fa-fw fa-brands fa-square-x-twitter"></i>
      </a>
    
      <a href="https://www.facebook.com/sharer/sharer.php?title=Aivle%20Til%20230510%20Django%201%20-%20cjkangme%20Devlog&u=https%3A%2F%2Fcjkangme.github.io%2Fposts%2Faivle-til-230510-django-1%2F" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook" aria-label="Facebook">
        <i class="fa-fw fab fa-facebook-square"></i>
      </a>
    
      <a href="https://t.me/share/url?url=https%3A%2F%2Fcjkangme.github.io%2Fposts%2Faivle-til-230510-django-1%2F&text=Aivle%20Til%20230510%20Django%201%20-%20cjkangme%20Devlog" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top" title="Telegram" aria-label="Telegram">
        <i class="fa-fw fab fa-telegram"></i>
      </a>
    
    <button
      id="copy-link"
      aria-label="Copy link"
      class="btn small"
      data-bs-toggle="tooltip"
      data-bs-placement="top"
      title="Copy link"
      data-title-succeed="Link copied successfully!"
    >
      <i class="fa-fw fas fa-link pe-none fs-6"></i>
    </button>
  </span>
</div>

    </div>
    <!-- .post-tail-bottom -->
  </div>
  <!-- div.post-tail-wrapper -->
</article>

          </main>

          <!-- panel -->
          <aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
            <div class="access">
              <!-- Get 5 last posted/updated posts -->

  <section id="access-lastmod">
    <h2 class="panel-heading">Recently Updated</h2>
    <ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
      
        <li class="text-truncate lh-lg">
          <a href="/posts/2023-02-11-til-%EC%9E%90%EC%9C%A0%EB%8F%84%EA%B0%80-%EB%AD%90%EC%A7%80/"></a>
        </li>
      
        <li class="text-truncate lh-lg">
          <a href="/posts/2023-02-11-%EB%B0%B1%EC%A4%80-16947-%EC%84%9C%EC%9A%B8-%EC%A7%80%ED%95%98%EC%B2%A0-2%ED%98%B8%EC%84%A0-%ED%8C%8C%EC%9D%B4%EC%8D%AC/"></a>
        </li>
      
        <li class="text-truncate lh-lg">
          <a href="/posts/2023-02-18-%EB%B0%B1%EC%A4%80-16964-dfs-%EC%8A%A4%ED%8E%98%EC%85%9C-%EC%A0%80%EC%A7%80-%ED%8C%8C%EC%9D%B4%EC%8D%AC/"></a>
        </li>
      
        <li class="text-truncate lh-lg">
          <a href="/posts/2023-02-19-til-%ED%81%AC%EB%A3%A8%EC%8A%A4%EC%B9%BC-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98/"></a>
        </li>
      
        <li class="text-truncate lh-lg">
          <a href="/posts/2023-02-25-%EB%A8%B8%EC%8B%A0%EB%9F%AC%EB%8B%9D-%EC%96%B8%EB%8D%94%EC%83%98%ED%94%8C%EB%A7%81%EA%B3%BC-%EC%98%A4%EB%B2%84%EC%83%98%ED%94%8C%EB%A7%81/"></a>
        </li>
      
    </ul>
  </section>
  <!-- #access-lastmod -->

              <!-- The trending tags list -->

  <section>
    <h2 class="panel-heading">Trending Tags</h2>
    <div class="d-flex flex-wrap mt-3 mb-1 me-3">
      
        <a class="post-tag btn btn-outline-primary" href="/tags/javascript/">javascript</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/react/">react</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/ai/">ai</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/aivle/">aivle</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/cs231a/">cs231a</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/cv/">cv</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/%ED%9B%84%EA%B8%B0/">후기</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/%EC%BB%A8%ED%8D%BC%EB%9F%B0%EC%8A%A4/">컨퍼런스</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/dan24/">dan24</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/nerf/">nerf</a>
      
    </div>
  </section>

            </div>

  <div class="toc-border-cover z-3"></div>
  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
    <h2 class="panel-heading ps-3 pb-2 mb-0">Contents</h2>
    <nav id="toc"></nav>
  </section>

          </aside>
        </div>

        <div class="row">
          <!-- tail -->
          <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
            
              <!-- Recommend the other 3 posts according to the tags and categories of the current post. -->

<!-- The total size of related posts -->

<!-- An random integer that bigger than 0 -->

<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->

              <!-- Navigation buttons at the bottom of the post. -->

<nav class="post-navigation d-flex justify-content-between" aria-label="Post Navigation">
  
    <a
      href="/posts/aivle-til-230509-sql-2/"
      class="btn btn-outline-primary"
      aria-label="Older"
    >
      <p>Aivle Til 230509 Sql 2</p>
    </a>
  
    <a
      href="/posts/aivle-til-230512-django-3/"
      class="btn btn-outline-primary"
      aria-label="Newer"
    >
      <p>Aivle Til 230512 Django 3</p>
    </a>
  
</nav>

            <!-- The Footer -->

<footer
  aria-label="Site Info"
  class="
    d-flex flex-column justify-content-center text-muted
    flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
  "
>
  <p>©
    <time>2024</time>

      <a href="https://github.com/cjkangme">Changjin Kang</a>.
    
      <span
        data-bs-toggle="tooltip"
        data-bs-placement="top"
        title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
      >Some rights reserved.</span>
    
  </p>

  <p>Using the <a
        data-bs-toggle="tooltip"
        data-bs-placement="top"
        title="v7.2.2"
        href="https://github.com/cotes2020/jekyll-theme-chirpy"
        target="_blank"
        rel="noopener"
      >Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>.
  </p>
</footer>

          </div>
        </div>

        <!-- The Search results -->

<div id="search-result-wrapper" class="d-flex justify-content-center d-none">
  <div class="col-11 content">
    <div id="search-hints">
      <!-- The trending tags list -->

  <section>
    <h2 class="panel-heading">Trending Tags</h2>
    <div class="d-flex flex-wrap mt-3 mb-1 me-3">
      
        <a class="post-tag btn btn-outline-primary" href="/tags/javascript/">javascript</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/react/">react</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/ai/">ai</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/aivle/">aivle</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/cs231a/">cs231a</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/cv/">cv</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/%ED%9B%84%EA%B8%B0/">후기</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/%EC%BB%A8%ED%8D%BC%EB%9F%B0%EC%8A%A4/">컨퍼런스</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/dan24/">dan24</a>
      
        <a class="post-tag btn btn-outline-primary" href="/tags/nerf/">nerf</a>
      
    </div>
  </section>

    </div>
    <div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
  </div>
</div>

      </div>

      <aside aria-label="Scroll to Top">
        <button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
          <i class="fas fa-angle-up"></i>
        </button>
      </aside>
    </div>

    <div id="mask" class="d-none position-fixed w-100 h-100 z-1"></div>

      <aside
  id="notification"
  class="toast"
  role="alert"
  aria-live="assertive"
  aria-atomic="true"
  data-bs-animation="true"
  data-bs-autohide="false"
>
  <div class="toast-header">
    <button
      type="button"
      class="btn-close ms-auto"
      data-bs-dismiss="toast"
      aria-label="Close"
    ></button>
  </div>
  <div class="toast-body text-center pt-0">
    <p class="px-2 mb-3">A new version of content is available.</p>
    <button type="button" class="btn btn-primary" aria-label="Update">
      Update
    </button>
  </div>
</aside>

    <!-- Embedded scripts -->

      <!-- The comments switcher -->

  <script>
  var disqus_config = function () {
    this.page.url = 'https://cjkangme.github.io/posts/aivle-til-230510-django-1/';
    this.page.identifier = '/posts/aivle-til-230510-django-1/';
  };

  function addDisqus() {
    let disqusThread = document.createElement('div');
    let paragraph = document.createElement('p');

    disqusThread.id = 'disqus_thread';
    paragraph.className = 'text-center text-muted small';
    paragraph.innerHTML = 'Comments powered by <a href="https://disqus.com/">Disqus</a>.';
    disqusThread.appendChild(paragraph);

    const footer = document.querySelector('footer');
    footer.insertAdjacentElement("beforebegin", disqusThread);
  }function reloadDisqus(event) {
    if (event.source === window && event.data && event.data.id === Theme.ID) {if (typeof DISQUS === 'undefined') {
        return;
      }

      if (document.readyState == 'complete') {
        DISQUS.reset({ reload: true, config: disqus_config });
      }
    }
  }

  addDisqus();

  if (Theme.switchable) {
    addEventListener('message', reloadDisqus);
  }var disqusObserver = new IntersectionObserver(
    function (entries) {
      if (entries[0].isIntersecting) {
        var d = document,
          s = d.createElement('script');
        s.src = 'https://cjkangme.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);

        disqusObserver.disconnect();
      }
    },
    { threshold: [0] }
  );

  disqusObserver.observe(document.getElementById('disqus_thread'));
</script>

    <!--
  Jekyll Simple Search loader
  See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->

<script>
  
  document.addEventListener('DOMContentLoaded', () => {
    SimpleJekyllSearch({
      searchInput: document.getElementById('search-input'),
      resultsContainer: document.getElementById('search-results'),
      json: '/assets/js/data/search.json',
      searchResultTemplate: '  <article class="px-1 px-sm-2 px-lg-4 px-xl-0">    <header>      <h2><a href="{url}">{title}</a></h2>      <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">        {categories}        {tags}      </div>    </header>    <p>{snippet}</p>  </article>',
      noResultsText: '<p class="mt-5">Oops! No results found.</p>',
      templateMiddleware: function(prop, value, template) {
        if (prop === 'categories') {
          if (value === '') {
            return `${value}`;
          } else {
            return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
          }
        }

        if (prop === 'tags') {
          if (value === '') {
            return `${value}`;
          } else {
            return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
          }
        }
      }
    });
  });
</script>

  </body>
</html>
</p>
</body>
</html>

blog/post/2/ 도메인으로 이동하면 해당 id의 데이터를 받아올 수 있다.

ORM QuerySet 조회 예제

  
# title에 This가 포함된 post 추출
Post.objects.all().filter(title__contains='This')
# title에 This가 포함된 post 제외
Post.objects.all().exclude(title__contains='This')
# 여러 조건으로 조회: 아래와 같이 여러 조건을 걸어 데이터를 조회할 수 있다.
Post.objects.filter(title__contains='this', title__endswith='title')
Post.objects.filter(title__contains='this').filter(title__endswith='title')
# or and 연산자 사용
from django.db.models import Q
Post.objects.filter(Q(title__contains='this') | Q(title__endswith='title'))
Post.objects.filter(Q(title__contains='this') & Q(title__endswith='title'))
# title에 대소문자 구분 없이 this가 포함된 post 추출
Post.objects.filter(title__icontains=’this’)
# title이 this로 시작하는/끝나는 post 추출
Post.objects.filter(title__startswith=’This’)
Post.objects.filter(title__endswith=’title’)
# id가 1, 2, 3인 post 추출
Post.objects.filter(id__in=[ 1, 2, 3])
# id가 1~9인 post 추출
Post.objects.filter(id__range=( 1,10))
# 날짜 관련
Post.objects.filter(published_at__lt=timezone.now())
Post.objects.filter(published_at__gte=timezone.now())
Post.objects.filter(created_at__year=’ 2019’)
Post.objects.filter(created_at__month=’ 5’)
Post.objects.filter(created_at__day=’ 21’)
Post.objects.filter(published_at__isnull= True)

filter에서 컬럼명과 필터 이름을 묶을때 언더바 2개를 사용한다는 것에 주의하자.

This post is licensed under CC BY 4.0 by the author.