Django 게시판 만들기 (3) - bootstrap 적용

 

 

• get_object_or_404(모델, pk)
  • 인자를 가지고 모델에서 객체를 가져오며, 객체가 없다면 404 에러를 일으킨다
• html에서 {% url %} 적용
  • urls.py에 app_name = '앱이름' 추가한다. https://docs.djangoproject.com/en/3.0/intro/tutorial03/#namespacing-url-names
• .html include 사용하여 상속받기
  • 예를 들어, 네비게이션 바 같은 경우에는 어느 html파일에서 공통적으로 사용된다. 많은 파일에 일일이 작성해 넣는 것은 번거롭다. 때문에 공통적으로 사용되는 html은 상속을 받아 사용한다.
  • 부모파일 : {% block content %} 와 {% endblock %}을 작성
  • 자식파일 : {% include 'example.html' %} 상단에 작성 후, 몸통부분을 {% block content %} 와 {% endblock %} 사이에 작성
  • include를 사용해야 하느냐 exclude를 사용해야 하느냐 부분은 이 블로그를 참고해보자..https://blog.daum.net/elther2/135
•  
• bootstrap 적용
  • 다운받은 부트스트랩에서 bootstrap.min.css 파일을 static폴더를 만들어 안에 넣는다
  • base가 되는 html파일 꼭대기에 {% load static %}, head부분에 <link rel="stylesheet" type="text/css" href="{% static 'bootstrap.min.css' %}> 
  • config/settings.py 에 STATICFILES_DIRS = ( BASE_DIR / "static",  ) 를 추가.
  • STATICFILES_DIR : 정적 파일들이 추가될 때 경로를 설정해주는 부분 같다. https://docs.djangoproject.com/en/4.0/ref/settings/#std:setting-STATICFILES_DIRS
  • javascript 적용
    • bootstrap.min.js 파일을 같은 경로에 복붙
    • 제이쿼리를 다운로드해서 같은 경로에 복붙 https://jquery.com/download/
    • base.html {% endblock %} 밑에 <script src="{% static 'jquery-3.6.0.min.js' %}"></script> 와 <script src="{% static 'bootstrap.min.js' %}"></script> 를 추가. bootstrap.min.js는 jquery-3.4.1.min.js를 필요로 하므로 jquery를 먼저 적어준다.