반응형
이전 까지의 포스팅에서는 저 포함 초보자들을 위해, cmd 화면 하나 , 폴더 화면 하나 하나 캡쳐본을 업로드하며 설명함으로 기초를 다졌습니다.
이번 포스팅 부터는 이전의 내용을 어느정도 이해하고 계신다 생각하여 빠르게 아래 세 내용을 빠르게 진행해보겠습니다.
혹시 이해가 안가시는 분들은 day1 ~ day6 까지의 내용을 천천히 되짚어가며 따라오시면 될 것 같습니다.
1 . 블로그 앱과 페이지 앱 만들기
2. 데이터베이스 개념 이해하기
3. 모델 만들기
4.웹 페이지 만들기
4. 웹 페이지 만들기
4.1 웹 페이지 이해하기
웹 사이트를 개발할 때에는 대문페이지, 블로그 페이지, 자기소개 페이지, 로그인, 로그아웃 등등 다양한 페이지가 어루어져 있을 것십니다.
이번 프로젝트에서는 대문페이지, 블로그페이지, 자기소개 페이지를 넣어보겠습니다.
- 대문 페이지: 도메인이나 서버 IP 뒤에 아무것도 쓰지 않았을 때 나오는 첫 화면. 방문자를 맞이하는 역할.
- 블로그 페이지:
- 포스트 목록 페이지: 도메인 뒤에 blog/를 붙였을 때 여러 포스트를 목록 형태로 보여줌.
- 포스트 상세 페이지: blog/포스트pk 형식으로 접근해 포스트 내용과 댓글을 표시.
- 자기소개 페이지: 도메인 뒤에 about/me/를 붙였을 때 나타나는 자기소개 공간.
4.2 웹 페이지 URL 설정하기
django_blog/urls.py 파일을 아래와 같이 수정해줍니다.
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('blog/', include('blog.urls')),
]
blog/urls.py 파일이 없으므로 새로운 py 파일을 생성해 추가해줍니다.
from django.urls import path
from . import views
urlpatterns = [
path('',views.index),
]
blog/views.py에 index() 함수 정의하기
from django.shortcuts import render
# Create your views here.
from django.shortcuts import render
def index(request):
return render(
request,
'blog/index.html',
)
4.3 html 생성하기
blog/templates/blog/index.html 파일을 생성 후 수정해줍니다. (마찬가지로 폴더와 html 파일을 새로 생성해야 합니다.)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>blog</title>
</head>
<body>
<h1>Blog</h1>
</body>
</html>
서버를 실행시킨 후, 링크에 접속해봅니다. http://127.0.0.1:8000/blog
위 화면에서 숫자들은 각각 html에서
- title
- url
- h1
입니다.
반응형
'웹페이지 개발(파이썬+깃허브+장고) > 비전공자 웹개발(파이썬_python - 장고_django)' 카테고리의 다른 글
| 비전공자 오늘 부터 웹개발 day14 (대문 페이지 만들기 2/2) (3) | 2024.10.27 |
|---|---|
| 비전공자 오늘 부터 웹개발 day13 (대문 페이지 만들기 1/2) (3) | 2024.10.27 |
| 비전공자 오늘 부터 웹개발 day10 (포스트 목록 페이지 만들기 4/6) (4) | 2024.10.26 |
| 비전공자 오늘 부터 웹개발 day8 (포스트 목록 페이지 만들기 2/6) (2) | 2024.10.25 |
| 비전공자 오늘 부터 웹개발 day5 (회원가입/로그인 시스템 구축 1/2) (4) | 2024.10.20 |