본문 바로가기

Python/Python_Django

[Pytho_Django] HTML을 이용한 메인 탭 만들기

이제 메인화면을 원하는 HTML이 화면에 보이게끔 해야한다.

먼저, 현재 만들었던 자신의 앱의 폴더에 들어가서 templates로 폴더를 하나 만들고

그 폴더 안에 다시 앱 이름과 같은 폴더를 하나 더 만든다.

ex) board > templates > board

그 이유는 장고에서 HTML을 가져올때 templates의 앱 폴더에서 가져오기 때문이다.

그럼 이제 그 board 폴더 안에 메인화면을 띄울꺼니까 main.html로 파일을 하나 만든다.

그리고 일단은 간단하게만 코드를 작성한다.

board > templates > board > main.html
<!DOCTYPE html>
<head>

</head>
<body>
    <h1>
        Hello Django!
    </h1>
</body>

 


이제 만든 앱의 views.py에서 웹 서버에 접속을 했을때 main.html을 보여준다는 함수를 만들어야 한다.

board > views.py
from django.shortcuts import render

# Create your views here.

def main(request):
    return render(request, 'board/main.html')

 

그리고 난 다음에 만든 함수를 이용해서 urlpatterns에 코드를 추가해줘야 한다.

HelloDjango > urls.py
from board.views import main

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', main),
]

여기서 path에 'admin/'이랑 ''이 있는데 이건 주소창 뒤에 붙는 경로를 말한다.

ex) 127.0.0.1:8000/admin => 관리자 화면

ex) 127.0.0.1:8000 => main.html 화면


결론적으로 웹에 접근할때 urls.py에서 주소를 확인하고

그 주소에 걸맞는 함수를 실행시켜서 HTML을 리턴 해주는 것이다.

그럼 이제 127.0.0.1:8000에 접속하면 처음 접속했을때 나왔던 초기 Django 로켓화면이 아니라,

이렇게 HTML이 뜨는것을 확인 할 수가 있다.