반응형

1.  대문 페이지 만들기

     1.1 single_pages 앱의 URL을 프로젝트에 추가하기

django_blog/urls.py 파일을 수정합니다.

"""django_blog URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/4.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path, include


urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls')),
    path('', include('single_pages.urls')), #새로 추가된 url
]

 

     1.2 single_pages 에 url 정의하기

 
single_pages/urls.py 파일을 수정합니다.

from django.urls import path

from . import views

urlpatterns = [
    
    path('about_me/',views.about_me),
    path('',views.landing),
]

 


     1.3 views.py에 함수 정의하기

 
single_pages/views.py 파일을 수정합니다.

from django.shortcuts import render

# Create your views here.

def landing(request):
    return render(
        request,'single_pages/landing.html'
        
        )


def about_me(request):
    return render(
        request,'single_pages/about_me.html'
        
        )

 
 

     1.4 html 템플릿 만들기

 
single_pages/templates/ single_pages/landing.html 파일을 생성합니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>진연녹 입니다</title>
  </head>
  <body>
    <nav>
      <a href="/blog/">Blog</a>
      <a href="/about_me/">About me</a>
    </nav>

    <h1>안녕하세요, 진연녹 입니다.</h1>
    <h2>테스트 대문 페이지 입니다.</h2>
    <h3>앞으로 추가 할 예정입니다.</h3>
  </body>
</html>

 
 
single_pages/templates/ single_pages/about_me.html 파일을 생성합니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>비전공자 개발자 진연녹</title>
  </head>
  <body>
    <nav>
      <a href="/blog/">Blog</a>
      <a href="/about_me/">About me</a>
    </nav>

    <h1>안녕하세요, 진연녹 입니다.</h1>
    <h2>비전공자 이지만, 개발자가 되고싶어 혼자 공부하고 있습니다 ㅎㅎ</h2>
    <h2>portfolio</h2>
    <h3>앞으로 이력이 많이 쌓이겠죠..?</h3>
  </body>
</html>

 
 
 
대문페이지 결과 확인

 
about_me 페이지 결과 확인

 

반응형

+ Recent posts