view 작성 및 url 연결

view 작성

'blogMain.html'에 대한 뷰를 작성하도록 하겠습니다.

[blogapp]-[views.py]를 열고, 다음과 같이 뷰를 작성합니다.

def blogMain(request):
    return render(request, 'blogMain.html')

url 연결

위에서 생성한 뷰를 url로 연결해주도록 합니다.

[bloapp]-[firstProject]-[urls.py]에서 다음 코드를 추가하여 작성합니다.

path('blogMain/', blogapp.views.blogMain, name='blogMain'),

위와 같이 path() 함수의 첫번째 인자로 'blogMain/'을 설정하면, [http://127.0.0.1:8000/blogMain/]이라는 주소로 접근하게 됩니다.

css 파일

[blogMain.html]에서 사용할 css 파일을 한 곳으로 모아주기 위해 다음 명령어를 입력합니다.

[Alt]+[F12]를 눌러 터미널을 엽니다.
python manage.py collectstatic
[yes] 입력합니다.

[blogMain.html]을 열고, css를 적용하기 위해 다음과 같이 수정해줍니다.

{% load static %}
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'css/navbar-top-fixed.css' %}">
</head>

blogMain.html 확인

[Shift]+[F9]를 눌러 실행해봅니다.
주소창에 [http://127.0.0.1:8000/blogMain/] 를 입력하여 확인합니다.

댓글