Django.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "name": "Django.ipynb",
      "provenance": [],
      "collapsed_sections": [],
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/Ohgangrae/ai/blob/main/Django.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "code",
      "execution_count": null,
      "metadata": {
        "id": "qZq6HpfzMyct"
      },
      "outputs": [],
      "source": [
        ""
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Django\n",
        "\n",
        "https://www.djangoproject.com/\n",
        "\n",
        "장고는 웹 앱을 쉽고 빠르게 만들어 주는 웹 프레임워크\n",
        "\n",
        "장고는 보안 기능이 강력하다. \n",
        "\n",
        "장고는 여러 다양한 기능들이 기본적으로 제공된다. \n",
        "\n",
        "장고는 쉽고 재미있다. \n",
        "\n",
        "#1 파이썬 가상 환경 설정\n",
        "\n",
        "파이썬 프로젝트를 진행할 때 독립된 환경을 만들어준다. 예를 들면 2개 또는 3개의 프로젝트를 개발하고 관할 때 각각 독립적인 환경에서 프로젝트들을 진행해야할 경우가 있다. \n",
        "cd..       디렉토리 하나 위로 가기\n",
        "md venvs   디렉토리 만들기 \n",
        "cd venvs   디렉토리로 들어가기\n",
        "\n",
        "파이썬 가상환경 셋팅\n",
        "python -m venv mysite\n",
        "\n",
        "mysite 이라는 이름의 가상환경\n",
        "\n",
        "C:\\venvs\\mysite\\Scripts\n",
        "위 경로로 이동하여\n",
        "\n",
        "activate 을 입력하여 가상환경 진입\n",
        "\n",
        "(mysite) C:\\venvs\\mysite\\Scripts>\n",
        "\n",
        "deactivate 을 입력하면 가상환경 나오기\n",
        "\n",
        "C:\\venvs\\mysite\\Scripts>\n",
        "\n",
        "\n",
        "# 가상환경에 Django 설치\n",
        "(mysite) C:\\venvs\\mysite\\Scripts>pip install django==3.1.3\n",
        "\n",
        "pip install django==3.1.3\n",
        "pip install django==4.0\n",
        "\n",
        "# 장고 프로젝트 생성\n",
        "장고의 프로젝트 개념은 하나의 사이트라고 보면 된다. 장고프로젝트를 생성하면 한개의 웹 사이트를 생성하는 것이다. 하나의 프로젝트 안에는 여러개의 앱을 만들게 된다. 장고에서의 앱은 사이트를 구성하는 특정 기능이 구현된 작업 단위를 의미한다. \n",
        "\n",
        "프로젝트 생성위치\n",
        "(mysite) C:\\projects\\mysite>9:41 AM 2/24/2022\n",
        "\n",
        "장고 프로젝트 생성\n",
        "django-admin startproject config .\n",
        "( 끝에 점을 주의하자)\n",
        "\n",
        "# 설치 완료된 django 서버 돌리기\n",
        "python manage.py runserver\n",
        "\n",
        "\n",
        "\n",
        "# 크롬 브라우저에서 확인\n",
        "http://127.0.0.1:8000/\n",
        "( 로켓이 보이면 장고 셋팅 성공)\n",
        "\n",
        "\n",
        "# django 지역화(한글화)\n",
        "\n",
        "c:\\project\\mysite\\config\\settings.py\n",
        "\n",
        "\n",
        "LANGUAGE_CODE = 'en-us'\n",
        "TIME_ZONE = 'UTC'\n",
        "위를 찾아 아래로 변경\n",
        "LANGUAGE_CODE = 'ko-kr'\n",
        "TIME_ZONE = 'Asia/Seoul'\n",
        "\n",
        "\n",
        "\n",
        "# 앱 App\n",
        "\n",
        "프로젝트(사이트)에 기능(앱)을 추가해야 어떤 작업을 수행할 수 있다. 게시판기능, 회원관리기능 ....\n",
        "\n",
        "게시판 기능을 추가해 보자. \n",
        "\n",
        "(mysite) C:\\projects\\mysite>\n",
        "\n",
        "django-admin startapp pybo\n",
        "\n",
        "\n",
        "\n",
        "브라우저에서 특정 주소로 접근하면\n",
        "http://127.0.0.1:8000/pybo/\n",
        "\n",
        "config 폴더의 urls.py 파일에서 요청된 /pybo 와 매핑된 views.py 파일의 index 함수를 호출한 결과를 브라우저에 보여준다. \n",
        "\n",
        "\n",
        "\n",
        "# URL 분리\n",
        "pybo 앱에 관련된 것들은 모두 pybo 디렉토리 아래에 위치시키는 것이 바람직하다. \n",
        "\n",
        "[config -  urls.py]\n",
        "\n",
        "from django.contrib import admin\n",
        "from django.urls import path, include\n",
        "# from pybo import views\n",
        "\n",
        "urlpatterns = [\n",
        "    path('admin/', admin.site.urls),\n",
        "    # path('pybo/', views.index),\n",
        "    path('pybo/', include('pybo.urls')),\n",
        "]\n",
        "\n",
        "[pybo - urls.py] <- 새로 만들기\n",
        "\n",
        "from django.urls import path\n",
        "\n",
        "from . import views\n",
        "\n",
        "urlpatterns = [\n",
        "    path('', views.index),\n",
        "]\n",
        "\n",
        "\n",
        "[pybo - views.py] <- 수정\n",
        "\n",
        "from django.http import HttpResponse\n",
        "\n",
        "# Create your views here.\n",
        "\n",
        "def index(request):\n",
        "    return HttpResponse('Hello World')\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "#\n",
        "python manage.py migrate 을 실행하여 장고가 기본적으로 설치한 여러가지 앱들을 적용(활성화)하자. \n",
        "실행한 후에는 앱들 사용에 필요한 설정과 테이블등이 생성되어 사용 가능한 상태로 만들어진다. \n",
        "\n",
        "\n",
        "\n",
        "\n",
        "# 모델\n",
        "장고는 모델 model 을 이용하여 기본적인 데이터베이스를 처리한다. 보통은 데이터베이스에 저장하고 조회할때 SQL 을 이용해야 하지만 장고는 SQL없이도 데이터를 쉽게 처리할수 있게 해준다. \n",
        "\n",
        "[pybo - models.py] <- 수정\n",
        "\n",
        "\n",
        "from django.db import models\n",
        "\n",
        "\n",
        "class Question(models.Model) :\n",
        "    subject = models.CharField(max_length=100)\n",
        "    content = models.TextField()\n",
        "    create_date = models.DateTimeField()\n",
        "\n",
        "class Answer(models.Model) :\n",
        "    subject = models.ForeignKey(Question, on_delete=models.CASCADE)\n",
        "    content = models.TextField()\n",
        "    create_date = models.DateTimeField()\n",
        "\n",
        "Answer 모델 질문에 대한 답. 기존 모델 속성과 연결하기 위해 ForeignKey 를 사용하여 Question모델과 연결한다. \n",
        "on_delete=models.CASCADE의 의미는 Question 이 삭제될 경우 Answer도 함께 삭제해라라는 의미.\n",
        "\n",
        "게시판 게시물을 저장할 테이블을 생성을 위해 먼저 앱을 등록한다. \n",
        "c:\\project\\mysite\\config\\settings.py\n",
        "\n",
        "INSTALLED_APPS = [\n",
        "    'pybo.apps.PyboConfig',\n",
        "    'django.contrib.admin',\n",
        "    'django.contrib.auth',\n",
        "    'django.contrib.contenttypes',\n",
        "    'django.contrib.sessions',\n",
        "    'django.contrib.messages',\n",
        "    'django.contrib.staticfiles',\n",
        "]\n",
        "\n",
        "c:\\project\\mysite\\pybo\\apps.py파일에 \n",
        "이름이 잘 등록되어 있는지만 확인( 별 문제 없음)\n",
        "\n",
        "from django.apps import AppConfig\n",
        "\n",
        "class PyboConfig(AppConfig):\n",
        "    name = 'pybo'\n",
        "\n",
        "\n",
        "[model 생성]\n",
        "python manage.py makemigrations\n",
        "\n",
        "결과\n",
        "Migrations for 'pybo':\n",
        "  pybo\\migrations\\0001_initial.py\n",
        "    - Create model Question\n",
        "    - Create model Answer\n",
        "\n",
        "[model 활성화]\n",
        "python manage.py migrate\n",
        "\n",
        "결과\n",
        "Operations to perform:\n",
        "  Apply all migrations: admin, auth, contenttypes, pybo, sessions\n",
        "Running migrations:\n",
        "  Applying pybo.0001_initial... OK\n",
        "\n",
        "\n",
        "\n",
        "# 관리자 설정 (슈퍼유저)\n",
        "python manage.py createsuperuser\n",
        "\n",
        " \n",
        "admin\n",
        "admin@mysite.com\n",
        "0000\n",
        "0000\n",
        "\n",
        "관리자 페이지 진입\n",
        "\n",
        "http://127.0.0.1:8000/admin/\n",
        "\n",
        "\n",
        "\n",
        "모델을 관리자 페이지에 등록\n",
        "\n",
        "[pybo - admin.py]\n",
        "\n",
        "from django.contrib import admin\n",
        "from .models import Question\n",
        "# Register your models here.\n",
        "\n",
        "class QuestionAdmin(admin.ModelAdmin):\n",
        "    search_field = ['subject']\n",
        "\n",
        "admin.site.register(Question)\n",
        "\n",
        "\n",
        "[게시물 제목에 id값 대신 제목이 나타나도록 수정]\n",
        "\n",
        "class Question(models.Model) :\n",
        "    subject = models.CharField(max_length=100)\n",
        "    content = models.TextField()\n",
        "    create_date = models.DateTimeField()\n",
        "\n",
        "    def __str__(self):\n",
        "        return self.subject\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "# 화면 출력을 위한 질문 목록 만들기\n",
        "\n",
        "[pybo - views.py]\n",
        "\n",
        "from django.shortcuts import render\n",
        "from .models import Question\n",
        "\n",
        "def index(request):\n",
        "    \"\"\"\n",
        "    게시판 목록 출력\n",
        "    \"\"\"\n",
        "    question_list = Question.objects.order_by('-create_date')\n",
        "    context = {'question_list':question_list}\n",
        "    return render(request, 'pybo/question_list.html', context)\n",
        "\n",
        "    # 질문 목록 데이터들은 Question.objects.order_by('-create_date')\n",
        "    # 로 얻어 온다.  order_by 는 조회 결과를 정렬하는 함수이다. \n",
        "    # -는 역순으로 정렬한다. 게시물은 보통 최신 순으로 보기때문에 작성일시\n",
        "    # 역순으로 정렬했다. \n",
        "\n",
        "\n",
        "\n",
        "\n",
        "#  템플릿 디렉터리 설정\n",
        "\n",
        "  화면에 띄우는 html  등의 파일 위치 설정\n",
        "\n",
        "[config - settings.py]\n",
        "TEMPLATES = [\n",
        "    {\n",
        "        'BACKEND': 'django.template.backends.django.DjangoTemplates',\n",
        "        'DIRS': [BASE_DIR / 'templates'],\n",
        "        'APP_DIRS': True,\n",
        "\n",
        "\n",
        "def index(request):\n",
        "    \"\"\"\n",
        "    게시판 목록 출력\n",
        "    \"\"\"\n",
        "    question_list = Question.objects.order_by('-create_date')\n",
        "    context = {'question_list':question_list}\n",
        "    return render(request, 'pybo/question_list.html', context)\n",
        "\n",
        "    # 질문 목록 데이터들은 Question.objects.order_by('-create_date')\n",
        "    # 로 얻어 온다.  order_by 는 조회 결과를 정렬하는 함수이다. \n",
        "    # -는 역순으로 정렬한다. 게시물은 보통 최신 순으로 보기때문에 작성일시\n",
        "    # 역순으로 정렬했다. \n",
        "\n",
        "\n",
        "\n",
        "\n",
        "def detail(request, question_id):\n",
        "    \"\"\"\n",
        "    게시판 내용 출력\n",
        "    \"\"\"\n",
        "    question = Question.objects.get(id=question_id)\n",
        "    context = {'question':question}\n",
        "    return render(request, 'pybo/question_detail.html', context)\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "{% if question_list %}\n",
        "<!-- 질목 목록이 있다면  -->\n",
        "    <ul>\n",
        "    {% for question in question_list %}\n",
        "        <li><a href=\"/pybo/{{ question.id }}/\">{{ question.subject }}</a></li>\n",
        "    {% endfor %}\n",
        "    </ul>\n",
        "{% else %}\n",
        "<!-- 질문이 하나도 없다면  -->\n",
        "    <p>질문이 없습니다.</p>\n",
        "{% endif %}\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "<h1>{{ question.subject }}</h1>\n",
        "\n",
        "<div>\n",
        "    {{ question.content }}\n",
        "</div>\n",
        " \n",
        "\n",
        "\n",
        "\n",
        "\n",
        "# 화면 꾸미기 \n",
        "\n",
        "bootstrap\n",
        "\n",
        "구글 창 에서 bootstrap min css 검색 \n",
        "3번째 항목\n",
        "Download · Bootstrap v5.0\n",
        "\n",
        "아래 내용 카피\n",
        "CDN via jsDelivr 에 있음\n",
        "\n",
        "<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\n",
        "<script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM\" crossorigin=\"anonymous\"></script>\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "# 로그인과 로그아웃\n",
        "\n",
        "\n",
        "config - settings.py\n",
        "\n",
        "이미 기본적으로 회원관리가 설치되어있다. \n",
        "\n",
        "# Application definition\n",
        "\n",
        "INSTALLED_APPS = [\n",
        "    'pybo.apps.PyboConfig',\n",
        "    'django.contrib.admin',\n",
        "    'django.contrib.auth',   <--\n",
        "\n",
        "회원 관리를 위한 새로운 앱생성\n",
        "(가상환경 여부 확인 할것)\n",
        "C:\\venvs\\mysite\\Scripts>activate\n",
        "\n",
        "common 이라는 앱을 신규 생성\n",
        "(mysite) C:\\projects\\mysite>\n",
        "django-admin startapp common\n",
        "\n",
        "\n",
        "앱 등록\n",
        "config - settings.py\n",
        "\n",
        "INSTALLED_APPS = [\n",
        "    'common.apps.CommonConfig',  <--\n",
        "    'pybo.apps.PyboConfig',\n",
        "    'django.contrib.admin',\n",
        "\n",
        "url 경로 등록\n",
        "\n",
        "config - urls.py\n",
        "\n",
        "urlpatterns = [\n",
        "    path('admin/', admin.site.urls),\n",
        "    # path('pybo/', views.index),\n",
        "    path('pybo/', include('pybo.urls')),\n",
        "    path('common/', include('common.urls')),\n",
        "]\n",
        "\n",
        "common - urls.py\n",
        "\n",
        "from django.urls import path\n",
        "from django.contrib.auth import views as auth_views\n",
        "\n",
        "app_name = 'common'\n",
        "\n",
        "urlpatterns = [\n",
        "    path('login/', auth_views.LoginView.as_view(template_name='common/login.html'), name='login')\n",
        "]\n",
        "\n",
        "\n",
        "templates - common - login.html\n",
        "\n",
        "{% extends \"base.html\" %}\n",
        "{% block content %}\n",
        "<div class=\"container my-3\">\n",
        "    <form method=\"post\" class=\"post-form\" action=\"{% url 'common:login' %}\">\n",
        "        {% csrf_token %}\n",
        "        {% include \"form_errors.html\" %}\n",
        "        <div class=\"form-group\">\n",
        "            <label for=\"username\">사용자ID</label>\n",
        "            <input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\"\n",
        "                   value=\"{{ form.username.value|default_if_none:'' }}\">\n",
        "        </div>\n",
        "        <div class=\"form-group\">\n",
        "            <label for=\"password\">비밀번호</label>\n",
        "            <input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\"\n",
        "                   value=\"{{ form.password.value|default_if_none:'' }}\">\n",
        "        </div>\n",
        "        <button type=\"submit\" class=\"btn btn-primary\">로그인</button>\n",
        "    </form>\n",
        "</div>\n",
        "{% endblock %}\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "templates - form_error..html\n",
        "(에러처리 페이지는 다양한 하위 폴더들에서 공통으로 사용 가능하도록 templates 에 위치시킨다.\n",
        "\n",
        "{% if form.errors %}\n",
        "    {% for field in form %}\n",
        "        {% for error in field.errors %}  <!-- 필드 오류를 출력한다. -->\n",
        "            <div class=\"alert alert-danger\">\n",
        "                <strong>{{ field.label }}</strong>\n",
        "                {{ error }}\n",
        "            </div>\n",
        "        {% endfor %}\n",
        "    {% endfor %}\n",
        "    {% for error in form.non_field_errors %}   <!-- 넌필드 오류를 출력한다. -->\n",
        "        <div class=\"alert alert-danger\">\n",
        "            <strong>{{ error }}</strong>\n",
        "        </div>\n",
        "    {% endfor %}\n",
        "{% endif %}\n",
        "\n",
        "\n",
        "\n",
        "\n",
        "base.html  기본화면 구성\n",
        "\n",
        "{% load static %}\n",
        "<!doctype html>\n",
        "<html lang=\"ko\">\n",
        "<head>\n",
        "    <!-- Required meta tags -->\n",
        "    <meta charset=\"utf-8\">\n",
        "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n",
        "    <!-- Bootstrap CSS -->\n",
        "    <link rel=\"stylesheet\" type=\"text/css\" href=\"{% static 'bootstrap.min.css' %}\">\n",
        "    <!-- pybo CSS -->\n",
        "    <link rel=\"stylesheet\" type=\"text/css\" href=\"{% static 'pybo/style.css' %}\">\n",
        "    <title>Hello, pybo!</title>\n",
        "</head>\n",
        "<body>\n",
        "<!-- 네비게이션바 -->\n",
        "<nav class=\"navbar navbar-expand-lg navbar-light bg-light border-bottom\">\n",
        "    <a class=\"navbar-brand\" href=\"{% url 'pybo:index' %}\">Pybo</a>\n",
        "    <button class=\"navbar-toggler ml-auto\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNav\"\n",
        "        aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n",
        "        <span class=\"navbar-toggler-icon\"></span>\n",
        "    </button>\n",
        "    <div class=\"collapse navbar-collapse flex-grow-0\" id=\"navbarNav\">\n",
        "        <ul class=\"navbar-nav\">\n",
        "            <li class=\"nav-item \">\n",
        "                <a class=\"nav-link\" href=\"#\">로그인</a>\n",
        "            </li>\n",
        "        </ul>\n",
        "    </div>\n",
        "</nav>\n",
        "<!-- 기본 템플릿 안에 삽입될 내용 Start -->\n",
        "{% block content %}\n",
        "{% endblock %}\n",
        "<!-- 기본 템플릿 안에 삽입될 내용 End -->\n",
        "</body>\n",
        "</html>"
      ],
      "metadata": {
        "id": "lezK2T6bMzTQ"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "회원 가입 \n",
        "\n"
      ],
      "metadata": {
        "id": "k0xaiPvxaWGU"
      }
    },
    {
      "cell_type": "code",
      "source": [
        ""
      ],
      "metadata": {
        "id": "2S_RceGlM089"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}