SMALL web개발9 (Django) 그래프 그리기 Django를 공부하던 중, DataBase의 데이터 분포를 나타내기 위해 그래프를 그릴 방법을 생각해보았다. 그래서 구글링을 통해 아주 매력적인 것을 발견하였다. 바로 FusionCharts !! 이 FusionChart는 Django의 view에서 template으로 그래프 데이터를 넘겨준다. (Json 형식으로)!! 물론 Django뿐 아니라 다른 언어에서도 모두 지원된다. 공식 링크를 첨부한다. https://www.fusioncharts.com/dev/fusioncharts FusionCharts Dev Centre Get started with interactive charts and dashboards for your web and mobile applications www.fusioncha.. 2020. 8. 18. (Django) 사진 적용 STATIC_URL 설정 setting.py에서 STATIC_URL 설정 #setting.py STATIC_URL = '/static/' 2. application dir 하위에 static/image/ 폴더 생성 3. 사용하고자 하는 html 설정 사용하고자 하는 html의 상단에 {% load static %} 선언 ex) #base.html {% load static %} 위와 같이 설정해주면 static 하위 폴더의 image에서 logo2.png를 찾아서 보여준다. 2020. 8. 17. (Django) Filter Filter란? Filter는 파이프 ( | )를 사용하여 이용하는 것으로, 이전 명령에 다음명령을 적용할 수 있습니다. ex) {{ apple | upper }} -> APPLE -> apple에 upper filter를 적용하여서 대문자로 만든 것 필터는 연쇄적으로 사용하여, 필터의 결과를 다음 필터에 적용할 수도 있습니다. 자주 사용되는 filter {{ content | escape | linebreaks }} -> content를 escape한 다음, 행 바꿈을 태그로 바꾸기 위해 종종 사용 {{ list | join: ", " }} -> 쉼표와 공백으로 list를 join : 필터 인자에 공백이 포함된 경우에는 반드시 따옴표 사용! default 변수가 false 또는 비어 있는 경우, 지정된.. 2020. 8. 16. (Django) first project 9 - post show page 만들기 Post show page를 만들기 위해서 1. Show page에 대한 URL를 만들기 2. Views 파일에 post_show 정의 해주기 Show URL 간단하게 url.py에 urlpatterns에 path를 추가해준다. #blog/url.py from django.urls import path from . import views urlpatterns = [ path('', views.home, name='homepage'), path('post/index/',views.post_index, name='post_index'), path('post//show/', views.post_show, name='post_show'), ] 그리고 view 파일에서 post_show를 정의해주고 index에서.. 2020. 8. 14. (Django) first project8 - template 확장 template 확장이란? 웹사이트 안의 서로 다른 page에서 HTML의 일부를 동일하게 재사용하는 것 즉, SangJeong's Blog {% block content %} {% endblock %} 위를 보면 block content를 선언해준다. 이 의미는 html 내에 들어갈 공간인 block을 만드는 것이다. 이 곳에 다른 html들이 들어온다. 즉, Base.html을 확장해서 다른 template에 적용 가능한 것이다. 그럼 이 파일을 사용하는 곳을 보겠다. {% extends 'blog/base.html' %} {% block content %} 글 목록 {% endblock %} home.html에서 base.html을 확장사용하기 위해 extends를 선언해줘야하며, base.html.. 2020. 8. 14. (Django) first project7 - Bootstrap 적용 및 정적파일 Bootstrap이란? HTML과 CSS 프레임워크로써, 페이지에 대한 CSS를 제공해준다. CSS란 -> HTML과 같이 Markup Language로 web의 외관을 꾸미기 위한 언어 Bootstrap 적용 Django에서 bootstrap을 적용하는 방법은 워낙 쉽다. 아래 코드만 추가해주면 된다. #html 파일의 SangJeong's Blog {% block content %} {% endblock %} 하지만 위에서 사용한 bootstrap 외에도 자신이 직접 디자인을 넣고 싶을 수 있다. 이 때, 사용하는 파일이 CSS파일이며 class나 id에 직접적으로 디자인을 입힐 수 있다. 정적 파일 static file이란? 요청 내용에 따라 바뀌는 것이 아니고 모든 사용자들이 동일한 내용을 보는 .. 2020. 8. 13. 이전 1 2 다음 반응형 LIST
