view 작성
- 'blogMain.html'에 대한 뷰를 작성하도록 하겠습니다.
1 | [blogapp]-[views.py]를 열고, 다음과 같이 뷰를 작성합니다. |
1 2 | def blogMain(request): return render(request, 'blogMain.html') |
url 연결
- 위에서 생성한 뷰를 url로 연결해주도록 합니다.
1 | [bloapp]-[firstProject]-[urls.py]에서 다음 코드를 추가하여 작성합니다. |
1 | path('blogMain/', blogapp.views.blogMain, name='blogMain'), |
- 위와 같이 path() 함수의 첫번째 인자로 'blogMain/'을 설정하면, [http://127.0.0.1:8000/blogMain/]이라는 주소로 접근하게 됩니다.
css 파일
- [blogMain.html]에서 사용할 css 파일을 한 곳으로 모아주기 위해 다음 명령어를 입력합니다.
1 2 3 | [Alt]+[F12]를 눌러 터미널을 엽니다.python manage.py collectstatic[yes] 입력합니다. |
- [blogMain.html]을 열고, css를 적용하기 위해 다음과 같이 수정해줍니다.
1 2 3 4 5 6 | {% 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 확인
1 2 | [Shift]+[F9]를 눌러 실행해봅니다.주소창에 [http://127.0.0.1:8000/blogMain/] 를 입력하여 확인합니다. |
