$$config title: 점프 투 장고 PYBO 프로젝트 keywords: - IT - Django - 장고 - 점프투장고 - pybo $$ # PYBO게시판 프로젝트 ## 목표 - 일단은 함수와 명령어들을 이해하지 못해도 하나씩 따라해가며 각 장을 오류없이 똑같이 만들어본다. - 각 장을 오류없이 똑같이 만들었다면, 그 장에서 쓰인 함수, 명령어를 뜯어보며 실행의 원리를 이해한다. - 최종적으로 스크립트를 보지않고 pybo게시판을 만들어낸다. --- ## 순서 ### 1 _ xampp를 실행해 mysql서버를 가동시킨다. --- ### 2 _ Anaconda를 실행해 가상환경을 만들어낸다. - conda info --env // 를 입력해 현재 몇개의 가상환경이 있는지 탐색한다. - 기본환경은 "base"로 선택되어있다. - 새 프로젝트를 위해 "mysite"라는 이름을가지며 python 3.10버전을 가진 가상환경을 만들어보자. - conda create --name mysite python = 3.10 // 를 입력해 가상환경을 만든다. - conda info --env // 를 입력해 가상환경이 잘 만들어졌는지 확인해보자. - conda activate mysite // 를 입력해 새로만든 가상환경을 활성화한다. - (base) >> (mysite) 로 변경되었다면 성공. - pip list // 를 입력해 현재 설치된 패키지들을 확인해보자. - 새로운 가상환경을 만들었기 때문에 장고와 mysql이 설치되어있지 않다. - PYBO프로젝트에서는 장고 3.2.9버전을 사용하기 때문에 Django 3.2.9 와 mysqlclient를 설치해보자. - pip install Django==3.2.9 // 를 입력해 장고 3.2.9버전을 설치해주자. - pip install mysqlclient // 를 입력해 mysql클라이언트를 설치해주자. - pip list // 를 다시 실행해 설치가 정상적으로 되었는지 확인해보자. - PYBO프로젝트를 위한 가상환경세팅이 끝났다!! --- ### 3 - 1 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 생성 및 세팅 - newproject를 눌러 새 프로젝트를 만들자. Location에 프로젝트를 생성할 폴더를 정하자. - 나는 C:\work\django_projects 에 mysite라는 프로젝트를 생성할 것이다. - 작업환경은 아까 만들어둔 가상환경으로 선택해주자.(mysite) - Previously configured interpreter에서 아까 만들어둔 mysite를 선택하자. - 빈프로젝트에 Django 프로젝트를 생성해보자. - 아래쪽에 Terminal이라는 버튼을 눌러 명령어를 입력할수있는 프롬프트창을 연다. - 작업환경이 (mysite)로 돼있는지 꼭!! 확인!! - Django-admin startproject mysite // 를 입력해 "mysite"라는 이름을 가진 장고 프로젝트를 시작하자. - mysite라는 폴더가 생성된게 확인되면 성공. - 본격적인 프로젝트에 앞서 기본 설정 세팅을 해보자. - ( 1 ) 기본언어와 시간을 한국으로 설정하자. - mysite > mysite > settings.py 에서 설정할 수 있다. - LANGUAGE_CODE = 'en-us' >> LANGUAGE_CODE = 'ko-kr' // 로 변경하여 한국어로 변경한다. - TIME_ZONE = 'UTC' >> TIME_ZONE = 'Asia/Seoul' // 로 변경하여 시간을 한국기준으로 변경한다. - ( 2 ) 우리가 사용할 데이터베이스 프로그램은 "mysql"인데 장고의 기본 프로그램은 "sqlite3"로 되어있으므로 바꿔준다. - 'ENGINE': 'django.db.backends.sqlite3' >> 'ENGINE': 'django.db.backends.mysql' - ( 3 ) 사용할 데이터베이스이름을 입력해야하는데 아직 만들지않은 상태이므로 데이트베이스먼저 생성하자. - 사용할 프로그램은 SQLyog이다. - SQLyog 프로그램을 실행해 새 연결을 만든다. - 이 때 사용자 이름과 비밀번호는 mysql에서의 계정을 뜻한다.(기본적으로 이름 : root / 비밀번호 : 없음 이다.) - CREATE DATABASE mysite; // 를 입력해 앞으로 사용할 "mysite"라는 이름의 데이터베이스를 만들자. - ( 4 ) 데이터베이스를 만들었으므로 파이참으로 돌아와 데이터베이스 이름을 수정하자. - 'NAME': BASE_DIR / 'db.sqlite3' >> 'NAME': 'mysite' // 아까 만들어둔 mysite라는 데이터베이스로 이름을 수정한다. - ( 5 ) mysql 연결정보를 입력해줘야 인식할 수 있으므로 바로 밑줄에 mysql 연결정보를 추가입력 해주자. - 'USER' : 'root', 'PASSWORD' : ' ', 'HOST' : '127.0.0.1', 'PORT' : '3306', - 기본세팅이 끝났다! --- ### 3 - 2 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ admin - 인터넷창에 localhost:8000 을 입력해서 사이트에 접속해보자. - 성공적으로 설치되었다는 페이지가 한글로 보여진다면 성공. - 빈 프로젝트에 장고프로젝트를 생성하면서 새로운 마이그레이션들이 생겼다. 확인해보자. - 터미널에 현재 폴더가 방금 만들어둔 mysite로 돼있는지 먼저 확인하자. - (mysite) C:\work\django_projects\mysite> // 인지 확인 - python manage.py showmigrations // 를 입력해 마이그레이션 목록을 확인. - migrate가 안된상태는 \[ ] 이렇게 빈칸으로 보여진다. 마이그레이트를 통해 만들어둔 데이터베이스에 업로드하자. - python manage.py migrate - python manage.py showmigrations // 를 다시 입력해 \[ X ] 로 바뀌었다면 성공. - 장고의 기본 기능인 관리자 페이지에 접속해보자(/admin) - 인터넷창에 localhost:8000/admin 을 입력하면 로그인창이 확인된다. 계정을 생성해보자. - 파이참 터미널로 돌아와 python manage.py createsuperuser // 를 입력하자. - 아이디 입력 > 이메일 건너뛰기(엔터) > 비밀번호 입력(보이지않아도 입력되는중이니 당황하지말자) > 비밀번호확인 > y - Superuser created successfully. // 이라는 멘트가 보인다면 성공. - 이제 방금 만든 계정으로 관리자 페이지 로그인이 가능. --- ### 3 - 3 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ pybo 생성 및 실험페이지 만들기 - pybo 게시판 페이지를 만들기 위해 "pybo" 라는 이름의 앱을 만들어 보자. - 터미널에 python manage.py startapp pybo // 를 입력해서 생성. - pybo라는 폴더가 생성됐으면 성공. - pybo앱을 만들었으니 페이지에 접속이 될까? 확인해보자. - localhost:8000/pybo 에 접속해보면 Page not found(404) 라는 오류가 난다. - 앱을 만들기만하고 pybo를 입력하면 어디로갈지 연결(매핑) 시켜주지 않았기 때문이다. - 새로운 앱을 만들었으면 본파일(mysite)에 새로만든 앱을 추가시켜줘야한다. - mysite >> settings.py >> INSTALLED_APPS 목록에 pybo를 추가한다. - 'pybo.apps.PyboConfig', // 를 추가한다. - 형식을 뜯어보면 pybo폴더 > apps.py파일 > PyboConfig 클래스를 추가했다는걸 알수있다. - 먼저 localhost:8000/pybo 에 접속하면 오류가 아닌 뭐라도 나오게 해보자. - mysite > urls.py // 에는 연결(매핑)될 url을 작성할수있다. - urlpatterns 에 pybo/ // 를 입력시 어떤걸 할지 코드를 작성해보자. - 먼저 views.py 파일에 url연결시 보여줄 코드를 작성해보자. - views.py 파일에 from django.http import HttpResponse // 를 입력해 장고의 http 패키지를 상속받자. - HttpResponse는 요청 페이지에 대한 응답을 할때 사용하는 장고 클래스이다. - views 클래스에 "pybo에 오신것을 환영합니다."라는 글자를 리턴하는 함수를 작성해보자. - 최종 ```python from django.http import HttpResponse def index(request): # url을 받아 아래 코드를 실행하는 index라는 이름의 함수선언 return HttpResponse("pybo에 오신것을 환영합니다.") ``` - 사용할 함수가 완성됐다! - url.py에서 pybo/입력시 방금만든 함수를 실행하도록 해보자. - mysite와 pybo는 서로 다른 패키지(폴더)에 있고 다른 파일이므로 import를통해 상속(연결)시켜줘야한다. - import ... 로 돼있는부분을 클릭해보면 우리가 admin이라는 코드를 작성하지않았음에도 admin에 접속할수있었던 이유가 나온다. - 자세히 알수는 없지만 장고패키지의 어드민을 상속받아와서 url패턴에 admin/ 입력시 실행할 코드가 작성돼있었기 때문이라는것을 알수있다. - from pybo import views // 를 입력해 (views.py) 를 상속시켜준다. - urlpatterns 에 path('pybo/', views.index), // 를 입력해 pybo/ 입력시 views클래스 안의 index함수를 실행한다. - 최종 ``` java from django.contrib import admin from django.urls import path from pybo import views urlpatterns = [ path('admin/', admin.site.urls), path('pybo/', views.index), ] ``` - localhost:8000/pybo // 페이지에 접속하면 pybo에 오신것을 환영합니다. 라는멘트가 나온다면 성공! --- ### 3 - 4 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ URL분리 - 메인 urls.py에 pybo를 직접추가하기에는 pybo/.../... 처럼 하위 페이지가 생길때마다 메인url에 추가해줘야하는데 앱이 많아지면 관리가 어려워질 것이다. - pybo패키지 안에 urls를 만들어 pybo 하위페이지 url을 모아서 관리하고 메인 urls에는 pybo/만 남게 분리해보자. - pybo폴더(패키지)에 urls.py라는 새 파일을 생성한다. - url연결을 위해 from django.urls import path // 을 입력해 path 클래스를 import한다. - url입력시 응답하는 함수사용을 위해 from . import views // 를 입력해 같은 패키지(.)의 다른파일(views)를 import한다. - urlpatterns =\[ path(' ', views.index), ] // 를 입력해 하위페이지가 없는 pybo/ 만 입력됐을때 실행될 코드를 작성한다. - pybo의 하위페이지가 생길때마다 이곳에 추가해주면된다. - 최종 ```python from django.urls import path from . import views urlpatterns = [ path('', views.index), ] ``` - 메인 url안에 pybo.urls에 만든 하위페이지를 가져올수 있게 수정해보자. - 기존코드 ```python from django.contrib import admin from django.urls import path from pybo import views urlpatterns = [ path('admin/', admin.site.urls), path('pybo/', views.index), ] ``` - from pybo import views // 는 더이상 필요없으므로 삭제.(views의 함수사용은 pybo.urls에서 한다.) - pybo.urls의 매핑정보를 가져오기위해 장고 urls의 include클래스를 임포트한다. - from django.urls import path, include // 같은 django.urls의 클래스기때문에 따로안쓰고 ,로 구분해서 같이써줘도된다. - path('pybo/', include('pybo.urls')), // 로 수정해준다. - "pybo/"로 시작하는 페이지를 요청하면 이제 "pybo/" + urls.py 파일의 매핑 정보를 읽어서 처리하라는 의미 - 최종 ```python from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('pybo/', include('pybo.urls')), ] ``` - 아까와 같은 페이지가 보인다면 성공. --- ### 3 - 5 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 질문과 답변 모델 만들기 - 게시판에는 질문글을 올리고 답변글을 작성하는 기능이 필요하다. 이 큰 틀을 "모델"이라고한다. - pybo.models에 질문, 답변 모델(클래스)을 만들어보자. - 클래스의 앞글자는 관례적으로 대문자를 사용한다. - models.py에는 우리 편하라고 이미 model클래스를 import 해놓았다. 사용해보자. - ( 1 ) 질문(Question) 클래스를 만들고 질문이 갖는 속성들을 필드로 선언해준다. - 속성 : 제목(subject), 내용(content), 작성날짜(create_date) - class Question(models.Model): // 클래스 Question를 만드는데 이 클래스는 models.Model의 파생클래스이다. - 제목 : 최대(max)글자수 제한이있는 models.CharField(max_length=숫자) 사용 - 내용 : 글자수 제한이없는 models.TextField() 사용 - 날짜 : 날짜를 받을수있는 models.DateTimeField() 사용 - 완성코드 ```python class Question(models.Model): subject = models.CharField(max_length= 200) content = models.TextField() create_date = models.DateTimeField() ``` - ( 2 ) 답변(Answer) 클래스를 만들고 답변이 갖는 속성들을 필드로 선언해준다. - 속성 : 질문(question), 답변(answer), 작성날짜(create_date) - 질문 : 질문 1개에 여러개의 답변을 달수 있게(1 : N) // ForeignKey를 사용한다. - question = models.ForeignKey(Question, on_delete=models.CASCADE) - 괄호의 첫번째 : 1의 대상이 되는 클래스(질문) - 괄호의 두번째 : 1이 삭제될시 대응할 방식(질문이 삭제되면 답변들을 어떻게 처리할 것인가?) - 사용할 방식 : models.CASCADE - N을 전부 삭제한다.(질문이 삭제되면 그 질문의 답변들을 다 삭제한다.) - 답변 : 글자수 제한이 없는 models.TextField() 사용 - 날짜 : 날짜를 받을수있는 models.DateTimeField() 사용 - 완성코드 ```python class Answer(models.Model): question = models.ForeignKey(Question, on_delete=models.CASCADE) content = models.TextField() create_date = models.DateTimeField() ``` - 질문과 답변 모델(클래스)을 만들었다. --- ### 3 - 6 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ Migrations과 장고셸을 통한 질문, 답변 샘플 데이터 생성 - 모델을 생성하거나 변경하게되면 마이그레이션, 마이그레이트를 통해 데이터베이스에 반영해주어야한다. - 질문과 답변 모델을 새로 생성하였으므로 마이그레이션을 생성하자. - 터미널에 python manage.py makemigrations // 을 입력해 마이그레이션을 생성하자. - pybo > migrations 폴더에 0001_initial.py 라는 파이썬 파일이 생성되면 성공. - 생성한 마이그레이션을 마이그레이트 하여 반영하자. - 터미널에 python manage.py migrate // 를 입력해 DB에 반영하자. - SQLyog 프로그램 > mysite > 테이블 안에 pybo_answer, pybo_question 이 생성됐다면 성공 - 질문과 답변 샘플 데이터를 장고셸을 통해 생성해보자. - 터미널에 python manage.py shell // 을 입력해 장고셸을 활성화한다. - 첫 실행이라 아무것도 없는 상태이므로 질문과 답변 작성을 위해 이 클래스가 있는 pybo.models를 임포트해준다. - from pybo.models import Question, Answer - 날짜와시간을 받아오는 timezone.now()를 사용하기 위해 장고 유틸을 임포트해주자. - from django.utils import timezone - ( 1 ) 질문 1개 생성 - 질문을 담을 변수하나를 선언해주면서 질문의 속성필드값을 입력해준다. - q = Question(subject='질문의제목1', content='질문의내용1', create_date=timezone.now()) - timezone.now() 는 현재시간을 받아오는 함수이다. - 입력한 내용을 저장해준다. - q.save() - q.id 를 입력했을 때 " 1 " 이 리턴되면 질문 등록 성공 - ( 2 ) 답변 1개 생성 - 1번질문의 값을 담을 변수 q를 선언해주면서 id 1 질문의 값을 넣어준다. - q = Question.objects.get(id=1) - q 를입력해 값이 정상적으로 들어갔는지 확인해보자. - 답변을 담을 변수하나를 선언해주면서 답변의 속성필드값을 입력해준다. - a = Answer(question=q, content = '질문1의답변', create_date=timezone.now()) - 입력한 내용을 저장해준다. - a.save() - a.id 를 입력했을 때 " 1 " 이 리턴되면 답변 등록 성공 --- ### 3 - 7 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 관리자(admin)에 질문 모델을 추가해보자. - 장고 앱에는 admin이라는게 기본적으로 설치돼있다. - 이 admin.py 을 수정해 관리자화면에 질문 모델을 추가해보자. - models.py에 있는 Question 모델을 불러오기위해 import를 먼저한다. - from .models import Question // "." 은 같은 패키지를 의미한다. - admin.site.register(Question) 을 입력해 관리자페이지에 질문모델(클래스)를 추가해준다. - , 를 이용해 하위페이지를 생성할수도 있다. - localhost:8000/admin/ 페이지에 질문탭이 생기면 성공 - 이제 장고의 관리자(admin) 기능을 이용해 질문 모델에 추가, 수정, 삭제가 가능하게됐다. - 같은방식으로 답변모델도 추가가능하다. - 결과 ```python from django.contrib import admin from .models import Question from .models import Answer admin.site.register(Question) admin.site.register(Answer) ``` --- ### 3 - 8 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 목록에서 제목이 보이게 수정 - 현재 질문과 답변의 목록에서 각각의 제목이 보이는게 아니라 오브젝트명이 확인된다. - 질문이 생성되면 제목을 리턴하는 파이썬 메쏘드를 사용해보자. - model.py > Question클래스 안에 def \_\_str__(self) : return self.필드값 // 을 사용해 코드를 작성한다. - 작성코드 ```python class Question(models.Model): subject = models.CharField(max_length= 200) content = models.TextField() create_date = models.DateTimeField() def __str__(self): return self.subject ``` - 목록에서 질문의 제목이 나온다면 성공 --- ### 3 - 9 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 관리자 > 질문 > 질문검색 을 생성해보자. - 관리자페이지에 나오게 할것이므로 admin.py에 코드를 작성해보자. - 검색기능을 갖는 클래스를 생성한다. - 장고의 admin패키지의 ModelAdmin 클래스를 상속받아 검색기능을 구현하는 코드를 작성해보자. - 작성코드 ```python class QuestionAdmin(admin.ModelAdmin) : search_fields = [ 'subject' ] ``` - 생성한 클래스를 어드민페이지 > 질문게시판안에 질문검색기능을 추가해보자. - 기존에 질문게시판을 만들때 자성해놓은 코드 admin.site.register(Question)에 , 로 기능을 추가한다. - 최종코드 ```python admin.site.register(Question, QuestionAdmin) ``` - http://127.0.0.1:8000/admin/pybo/question/ 에 검색박스가 활성화됐다면 성공 --- ### 3 - 10 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ pybo/ 페이지에 질문목록이 나오게 해보자. - 현재 http://127.0.0.1:8000/pybo/에 접속하면 기존에 만들어둔 "pybo에 오신것을 환영합니다." 가 출력된다. - 이 페이지를 질문목록이 내림차순으로 나오게 수정해보자. - 특정 템플릿(틀)을 만들어 적용한다. - 순서 : ( 1 ) 템플릿 만들기 > ( 2 ) 템플릿을 등록해주기 > ( 3 ) 템플릿을 사용한 코드작성 - ( 1 ) 템플릿 만들기 - 템플릿은 프로젝트 공용폴더 안에 앱 하위 폴더를 만드는게 좋다. - base dir(BASE_DIR)에 템플릿 폴더를 만들고 그 안에 pybo폴더를 만들어 관리하도록하자. - 우리의 base dir은 newsite이다. - newsite > templates > pybo > question_list.html 파일을 생성 - html 코드를 작성해보자. ```python {% if list %}

{{ question.subject }}

{% else %}

질문이 없습니다.

{% endif %} ``` - 사용할 템플릿이 한개 완성되었다! - ( 2 ) 템플릿을 등록해주기 - settings.py에 TEMPLATES 부분을 찾아 만들어둔 템플릿 폴더를 등록한다. - 'DIRS' 가 비어있을텐데 아까만들어둔 폴더의 경로를 적어보자. - \[BASE_DIR / 'templates'] - 등록이 완료되었다. - ( 3 ) 템플릿을 사용한 코드작성 < 함수설명 > - render - views.py에 기본적으로 임포트돼있는 render 함수는 파이썬 데이터를 템플릿에 적용하여 HTML로 반환하는 함수이다. - 형식 : render(request, template_name, context=None, content_type=None, status=None, using=None) - request에 데이터값(url)을, template_name에 사용할 html템플릿 이름을 넣어준다.(필수값) - context 는 딕셔너리형으로 사용 { ' 키 ' : 값 } / - 결론 : request라는 url을 받으면 해당 html템플릿(모양)으로 context값을 출력한다. - objects - 장고는 디폴트로 모든 장고 모델 클래스에 대해 "objects" 라는 Manager (django.db.models.Manager) 객체를 자동으로 추가한다. - 형식 : 모델명.objects.기능이다 - 오름차순으로 정렬하는 기능 : order_by( ' 필드명 ' ) // 필드명앞에 -를 붙이면 내림차순 정렬(ex. ' - subject ' ) - 이제 임포트 해뒀던 http는 더이상 사용하지 않으니 지워준다. - 질문을 날짜 내림차 순으로 정렬해서 변수에 저장해준다. - question_list = Question.objects.order_by('-create_date') - render함수에게 질문값을 전달해주기 위해 정렬한 질문값을 딕셔너리화 한다. - context = { ' list ' : question_list} // list라는 key에 아까 만들어둔 question_list 변수에 담은 값을 담는다. - render함수를 리턴해준다. - return render(request, 'pybo/question_list.html', context) - 해석 : 특정 url을 받으면(request), pybo폴더의 question_list라는 이름의 html템플릿을 적용한다., 이 템플릿에 사용할 내용은 context에 담긴 내용이다. - http://127.0.0.1:8000/pybo/ 에 접속했을때 작성한 질문의 목록이 나온다면 성공! --- ### 3 - 11 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ pybo/ 목록에서 질문을 누르면 상세내용이 나오게 해보자. - http://127.0.0.1:8000/pybo/ 에서 아무질문이나 클릭해보자. - url이 http://127.0.0.1:8000/pybo/숫자/ 로 바뀌고 페이지를 찾을 수 없다는 오류가 나온다. - http://127.0.0.1:8000/pybo/숫자/에 접속시에 매핑된코드가 없기 때문이다. - pybo/뒤에 숫자가 입력된다면 상세 페이지가 뜨도록 함수 detail을 만들어보자. - 먼저 pybo폴더 > urls > url패턴에 pybo/숫자/가 입력되는면 views.py의 새로운함수(detail)가 실행되게 path를 작성하자. - path('', views.detail) - 해석 : pybo/숫자 라면 question_id라는 변수에 그 숫자를 넣는다. 그 값은 detail함수 실행시 이용된다. - 이제 views.py 에 detail 함수를 만들어보자. - def detail(request, question_id): // url을 받아오는 request와 int이면 숫자를 담아놨던 question_id변수의 값을 받아온다. - question = Question.objects.get( id = question_id ) // 질문의 id가 url에 입력된 숫자와 같다면 그 id에 해당하는 질문데이터값을 question 변수에 저장한다. - context = { ' question ' : question } // 해당 데이터를 render함수에게 넘겨주기위해 딕셔너리화한다. - return render ( request, ' pybo/question_detail.html ' , context ) // pybo템플릿폴더안에 question_detail.html 템플릿을 적용하여 딕셔너리에 저장한 값을 리턴한다. - 디테일 함수에 적용할 템플릿을 만들어보자.( 이름은 question_detail.html로 사용하자) - newsite > templates > pybo > question_detail.html 파일을 생성한 후 템플릿 코드를 작성한다. - 작성 코드 ```python

``` - 서버 재구동하여 질문 클릭시 질문의 제목과 내용이 보인다면 성공! ### 3 - 12 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 하드코딩을 수정해보자 - 하드코딩 이란? - 데이터를 코드 내부에 "직접" 입력하는 것을 말한다. ```python

``` - 해당 코드를 뜯어보면 하이퍼링크의 매핑되는 값을 "/pybo/{{ question.id }}/" 이렇게 직접 넣어줬다. - 이런 경우 만약 다른기능들이 추가되어 url의 순서가 바뀐다면 오류가 발생되므로 url코드수정, 템플릿 수정 총 2번의 수정을 거쳐야한다. - 이 하드코딩을 수정해서 url코드 수정시에도 템플릿코드의 수정은 필요없도록 바꿔보도록 하자. - 먼저 pybo/숫자 가 들어오면 매핑시킬 url패턴에 이름을 지어준다. - pybo > urls.py > urlpatterns를 수정하자. - path('/', views.detail, name='detail') - 이름을 detail이라고 지어줬다. - pybo/에 출력되는 하이퍼링크는 question_list.html 템플릿에서 작성해두었다. 수정해보자. - \ 에서 "/pybo/{{ question.id }}/"가 하이퍼링크가 연결되는 곳이다. - "/pybo/{{ question.id }}/" 부분이 하드코딩되어있으므로 이부분을 아까 만들어둔 detail로 연결되도록 변경하자. - "{%url 'detail' question.id%}" - 해석 : question의 고유 번호(id)를 detail에게 주겠다. - 이로서 하이퍼링크를 누르게되면 해당 질문의 id값(숫자)이 detail인 question_id에 들어가게된다. - 결과적으로 url의 코드수정이 일어나게 되어도 템플릿의 수정은 하지 않아도 되게 개선했다. --- ### 3 - 13 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 질문상세에서 답변을 저장할수있는 기능을 만들어보자. - 현재 질문상세를 누르면 보이는 화면에는 질문의 제목과 내용이 보이는상태이다. - 그 아래에 답변을 저장할 텍스트박스과 답변저장 버튼을 생성하자. - 우리가 눈으로 보는 화면은 html이므로 detail.html을 수정하자. - form : 데이터를 입력받을 큰 틀 / 데이터를 한번에 서버로 전송하고 전송한 데이터는 웹서버에서 처리된다. - action : form 엘리먼트에서 입력받은 데이터를 전송하는 속성 - method : http를 전송할 방식 - post : 보내는 폼데이터를 url에 보이지않게함 - get : 보내는 폼데이터를 기존 url 끝에 보이게함 - \

- 해석 : 폼데이터를 생성하고 받은값(데이터)을 answer_create url에 전송합니다. 이 때 이 질문의 id(고유번호)를 같이 전달합니다. - {% csrf_token %} : 보안과 관련된 명령어 - form으로 전송한 데이터가 실제 웹 페이지에서 작성한 데이터인지를 판단해 주는 가늠자 역할을 한다. - 만약 해커가 엉뚱한 방법으로 데이터를 전송할 경우에는 서버에서 발행한 csrf_token 값과 해커가 해당 툴에서 보낸 csrf_token 값이 일치하지 않기 때문에 오류가 발생할 것이다. - 따라서 form 태그 바로 밑에 {% csrf_token %} 태그를 항상 위치시키도록 해야 한다!!!! - 실제로 텍스트를 입력받을 공간을 만들어주자. - textarea : 텍스트박스를 만든다. - name = 텍스트영역의 이름을 정의 - id : textarea의 고유 이름을 정의 - rows = 줄의 개수를 제한 - \ - 해석 : 텍스트박스1의 고유 이름은 content, 입력된내용의 이름도 content, 입력될줄수는 15줄로 제한 - 입력받은 데이터를 저장할 버튼을 생성하자. - input : 다양한 기능을 제공하는 엘리먼트. 타입을 통해 원하는 콘트롤을 만들수있다. - submit : 양식을 전송하는 버튼 - \ - 해석 : submit타입의 버튼생성. 버튼안에는 답변등록이라는 글자가 나오게 한다. - 최종코드 ```python {% csrf_token %}

``` - detail.html 화면 구현 완료! - 폼에서 입력받은 데이터를 'pybo:answer_create'로 보내기로 하였다. - pybo urls 패턴에 answer_create를 추가하자. - path('answer/create//', views.answer_create, name='answer_create'), --- ### 3 - 14 _ Pycharm을 실행해 본격적으로 프로젝트를 만들어보자. _ 질문상세에서 답변박스 위에 질문에 달린 답변이 조회되게 해보자. - 질문상세하면을 수정하는곳은 detail.html이다. - 질문에 달린 답변을 답변박스와 질문글 사이에 나오게 해보자. - 수정할 코드 : templates > pybo > question_detail.html - \

{{ question.answer_set.count}}개의 답변이 있습니다.

- 질문의 답변들이 담겨있는 answer_set에 개수를 알려주는 count를 사용해 답변의 개수를 알려준다. - {% for answer in question.answer_set.all %} - for answer in question.answer_set.all : 질문의 답변을 모두 가져와서(배열) 한개씩 answer(변수)에 넣고 반복문을 실행한다. // for each문과 동일 - {{ answer.content }} : answer변수에 담긴 question.answer_set.all 에서 불러온 답변의 내용을 출력한다. question_create가 실행되면 수행하는일 (목록>질문등록화면, 질문등록화면>질문저장) (1) 목록>질문등록 {% url 'pybo:question_create' %} method는 get이다. (2) 질문등록화면>질문저장 form의 method를 post로 지정해줬다. == post는 질문저장 get은 질문등록화면(QuestionForm) 호출 == 만약 post라면 질문저장을할건데 form이 valid(유효)해야 저장할거다. 유효하다면> question이라는 변수에 form의 데이터를 저장할건데 바로저장안하고 임시저장한다(왜냐면 create_date가 비어져있기때문에 형식에 어긋나서 오류가난다.,,QuestionForm을 만들때 필드에 create_date를 추가하지않았다.) 이제 question변수는 Question을 상속받은 form의 형식을 상속? 받았기때문의 Question의 create_date필드를 사용할수있다. question.create_date = timezone.now()로 작성시간을 저장해주고 임시저장한데이터+create_date로 저장한데이터를 question.save()로 최종저장해준다. 저장한 이후에는 목록페이지를 호출한다. 만약 아니라면(get이라면) 질문등록(QuestionForm)페이지를 호출할거다. url실행(question/create/) url에 (question/create/)이 입력되면 views.question_create 가 실행 form에 (QuestionForm() - 안에 질문내용담아져있음// ) 내용을담아 question_form.html 화면 보여주기 질문등록하는 페이지의 화면구성은 질문등록메시지출력 질문내용등록폼생성 저장하기버튼 저장하는 버튼을 누르면 action에 연결된 url로 데이터 전송 action을 비워두면 현재연결된 url로 데이터 전송(현재

{{ question.subject }}

{{ question.answer_set.count}}개의 답변이 있습니다.

게시글 상세