base1.html 파일 main.css 적용하기
settings.py
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.0/howto/static-files/
STATIC_URL = '/static/'
# Default primary key field type
# https://docs.djangoproject.com/en/4.0/ref/settings/#default-auto-field
import os
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] #static 폴더의 위치 지정
프로젝트폴더/static/css/main.css파일 생성
base1.html(layout)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}장고페이지{% endblock %}</title>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
</head>
<body>
<header>
<a href="/member/main">회원관리</a>
<a href="/board/list">게시판</a>
</header>
{% block content %}{% endblock %}
<footer>OOTD서비스</footer>
</body>
</html>
layout 적용할 html
{% extends "base1.html" %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}hello{% endblock %}</title>
</head>
<body>
{% block content %}
Hello
{% endblock %}
</body>
</html>
'프레임워크 > Django' 카테고리의 다른 글
| [Django] Django url연결하기 (0) | 2022.01.19 |
|---|---|
| [Django] anaconda에서 Django 프로젝트 만들기 (0) | 2022.01.19 |
base1.html 파일 main.css 적용하기
settings.py
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.0/howto/static-files/
STATIC_URL = '/static/'
# Default primary key field type
# https://docs.djangoproject.com/en/4.0/ref/settings/#default-auto-field
import os
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] #static 폴더의 위치 지정
프로젝트폴더/static/css/main.css파일 생성
base1.html(layout)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}장고페이지{% endblock %}</title>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
</head>
<body>
<header>
<a href="/member/main">회원관리</a>
<a href="/board/list">게시판</a>
</header>
{% block content %}{% endblock %}
<footer>OOTD서비스</footer>
</body>
</html>
layout 적용할 html
{% extends "base1.html" %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}hello{% endblock %}</title>
</head>
<body>
{% block content %}
Hello
{% endblock %}
</body>
</html>
'프레임워크 > Django' 카테고리의 다른 글
| [Django] Django url연결하기 (0) | 2022.01.19 |
|---|---|
| [Django] anaconda에서 Django 프로젝트 만들기 (0) | 2022.01.19 |
