Django II에서 다루게 될 내용은 다음과 같습니다.
3-1 Django user registration
3-2 Python packages + Django messages
3-3 User login + logout
3-4 Creating a blog
3-5 Updating the homepage
3-4 Creating a blog
(1) Installing the TinyMCE package
Install TinyMCE
다음 명령어로 TinyMCE 패키지를 설치합니다.
>pip install django-tinymce4-lite
TinyMCE를 settings.py에 추가
다음 코드를 추가합니다.
mysite > mysite > settings.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-13.png)
TinyMCE를 settings.py에 추가
다음 코드를 추가합니다.
mysite > mysite > settings.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-14.png)
tinymce 경로를 mysite > urls.py에 추가
다음 코드를 추가합니다.
mysite > mysite > urls.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-15.png)
(2) Adding an article model
Article 모델 생성
다음 코드를 추가합니다.
mysite > main > models.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-16.png)
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-17.png)
필드를 Article 모델에 추가
다음 코드를 추가합니다.
mysite > main > models.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-18.png)
New 모델을 DB에 migrate
다음 명령을 수행합니다.
>python manage.py makemigrations
>python manage.py migrate
Article 모델을 admin.py에 추가
다음 코드를 추가합니다.
mysite > main > admin.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-19.png)
Article을 Django admin에 추가
브라우저에서 확인을 합니다.
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-20.png)
(3) Creating a blog page
blog.html 파일 생성
다음 파일을 생성합니다.
mysite > main > templates > main > (New File) blog.html
blog.html 파일 편집
다음 코드를 추가합니다.
mysite > main > templates > main > blog.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-21.png)
경로를 urls.py에 추가
다음 코드를 추가합니다.
mysite > main > urls.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-22.png)
Blog 기능을 views.py에 추가
다음 코드를 추가합니다.
mysite > main > views.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-23.png)
Loop를 blog.html에 추가
다음 코드를 추가합니다.
mysite > main > templates > main > blog.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-24.png)
모델을 blog.html에 추가
다음 코드를 추가합니다.
mysite > main > templates > main > blog.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-25.png)
Blog 링크를 navbar.html에 추가
다음 코드를 추가합니다.
mysite > main > templates > main > includes > navbar.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-26.png)
브라우저에서 확인해 봅니다.
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-27.png)
Article에 링크 추가
다음 코드를 추가합니다.
mysite > main > templates > main > blog.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-28.png)
Pagination을 article.html에 추가
다음 코드를 추가합니다.
mysite > main > templates > main > blog.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-29.png)
(4) Creating an article page
article.html 파일 생성
다음 코드를 추가합니다.
mysite > main > templates > main > (New File) article.html
article.html 파일 편집
다음 코드를 추가합니다.
mysite > main > templates > main > article.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-30.png)
Article 경로를 urls.py에 추가
다음 코드를 추가합니다.
mysite > main > urls.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-31.png)
Article 기능을 views.py에 추가
다음 코드를 추가합니다.
mysite > main > views.py
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-32.png)
Article 변수 적용 적용되도록 article.html 업데이트
다음 코드를 추가합니다.
mysite > main > templates > main > article.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-33.png)
브라우저에서 확인을 합니다.
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-34.png)
커버 이미지를 article.html에 추가
다음 코드를 추가합니다.
mysite > main > templates > main > article.html
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-35.png)
스타일을 추가합니다.
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-36.png)
브라우저에서 확인을 합니다.
![](https://makebct.net/wp-content/uploads/2023/06/django3-3-37.png)