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/] 를 입력하여 확인합니다.
