목록장고 (17)

수학과의 좌충우돌 프로그래밍

[Django]humanize 를 이용해 세 자리마다 콤마찍기

금액을 표시할 때 통상적으로 세 자리마다 콤마를 찍어주곤 합니다. 장고 템플릿에서도 이 기능을 지원해주는데 함께 알아보도록 하겠습니다. 먼저 settings.py 에 app을 추가해야합니다. 이 app 은 장고에서 기본적으로 제공해주므로 별도의 작업없이 추가만 해주면 됩니다. # settings.py INSTALLED_APPS = [ ... 'django.contrib.humanize', ... ] 다음으로는 이를 html 파일에 로드해줘야 합니다. {% load humanize %} 이제 comma 를 찍어주는 일만 남았습니다. 템플릿 필터를 사용하여 추가해줍니다. item 라는 object에 price 라는 필드라고 가정해보도록 하겠습니다. {{ object.price }} {{ object.pric..

웹프로그래밍/Django 2019. 5. 21. 02:04
[javascript]삭제 시 경고창 띄워주기

삭제 시 경고창 띄워주기 현재 post 한 글과 댓글이 삭제 버튼을 누르게 되면 망설임없이 바로 삭제 된다. 삭제 시에는 복원이 불가능하고 실수할 가능성이 있기 떄문에 경고창을 띄워서 이를 해결하자. post한 글과 댓글 경고창을 처리한 방식의 약간의 차이가 있어서 따로 다뤄주겠다. post 글 삭제 경고창 우선 기존의 삭제는 a 태그를 통해서 글을 삭제하는 기능을 수행하도록 url을 넘겨주었다. Delete 이제 바로 url을 넘겨주지 않고 modal 을 띄워준 후 modal 에서 삭제하기 를 누를 시 이 url로 넘어가도록 하겠다. 기존의a 태그를 수정해주자. Delete data-toggle="modal": 모달 창을 여는 역할 data-target="#CatModal": 모달의 id로 연결해주는 ..

웹프로그래밍/javascript 2019. 4. 3. 10:33
[Django] 17. 글 삭제 및 수정 구현하기

글 삭제 및 수정 교내 주인 없는 고양이들을 관리해줄 수 있는 사이트를 제작중이다. home.html 에 접속하면 여러 고양이들의 존재하고 각 고양이를 클릭하면 localhost:8000/detail/ 로 이동하여 detail.html 에서 상세 정보를 확인할 수 있다. 이 상황에서 고양이가 학교를 떠나서 고양이 정보를 담은 글을 삭제하거나 정보를 수정해야할 때, 어떻게 해야하는지 알아보자. [ 글삭제 ] 먼저 글을 삭제하는 기능을 구현해보자. 각 고양이를 클릭하면 detail.html 으로 이동하므로 이 안에 삭제 버튼을 넣어주자. detail.html 외적은 부분은 신경쓰지않고 단순하게 텍스트로 넣어주었다. a 태그 는 delete 라는 url 을 가진 주소로 이동하며 cat.id 를 넘겨준다. ca..

웹프로그래밍/Django 2019. 3. 24. 05:04
[Django] 15. app 재사용하기

안녕하세요 강민성입니다. 이번 시간에는 app 재사용에 대해서 알아보도록 하겠습니다. 우리가 app 을 기능별로 세분화 하는 이유가 바로 재사용 때문이었습니다. 이 방법을 알아보도록 하겠습니다. app 재사용 하는 법 재사용의 원리 app 을 재사용하기 위해서는 재사용할 app 을 먼저 패키징 해줘야합니다. 패키징이라고 함은 app 을 다른 프로젝트에서 가져가서 사용할 수 있도록 포장하는 일이라고 할 수 있습니다. 그리고 이미 포장을 푸는 방법은 해본 적이 있으실 겁니다. pip install {패키지 이름} 다음과 같은 방식으로 패키지를 풀어줄 수 있습니다. 패키징 하는 법 그럼 패키징하는 방법에 대해서 알아보겠습니다. 패키징을 하기 위해서는 4개의 파일이 필요합니다. 4개의 파일의 이름과 각각의 역할..

웹프로그래밍/Django 2019. 3. 2. 15:55
[Django] 썸네일 만들기

안녕하세요 강민성입니다. 이번에는 썸네일에 대해서 알아보도록 하겠습니다. 썸네일이 무엇인지 들어보셨나요? 썸네일이란 여러 이미지 파일 중 이를 대표하는 이미지 파일을 말합니다. 이 블로그 포스팅도 마찬가지입니다. 저는 여러 이미지를 첨부하지만, 목록에서는 대표하는 이미지 하나만 보여주게 되죠. 장고에서도 이런 썸네일을 지정할 수 있습니다. 장고에서 썸네일을 지정하면 이점이 뭐가 있을까요? 다음과 같은 이점이 있습니다. 1. 파일 용량관리에 유리하다. 2. 파일 분류에 효율적이다. thumbnail 만들기 thumbnail 이라는 새로운 프로젝트를 만들고 thumbnailapp 이라는 이름으로 앱을 만들어주었습니다.(settings 에 등록!) 기본 과정은 생략하도록 하겠습니다. 장고 기본 과정 media..

웹프로그래밍/Django 2019. 3. 2. 04:25
[Django] 12. form 을 알아보자

안녕하세요 강민성입니다. 이번 시간에는 form 에 대해서 알아보겠습니다. 앞선 포스팅에서도 form을 다룬 적이 있습니다. blog에 글을 쓰기 위한 form도 만들어 보았고, 회원가입, 로그인 하는 form도 만들어 보았습니다. 하지만 이 때는 단순히 html로 만들었었는데, 장고에서는 모델과 대응시켜 이 form을 만들어 줄 수 있습니다. 이럴 경우, 보다 더 편하게 여러가지 기능을 추가할 수 있는데 이에 대해서 알아보도록 하겠습니다. form을 이용해 입력공간 만들기 마찬가지로 blog project에서 이어서 진행하도록 하겠습니다. 먼저 form.py를 원하는 앱 안에 만들어줘야 합니다. form의 위치는 중요하지 않지만 blog/models.py 의 class 를 불러올 것이기 때문에 편의상 ..

웹프로그래밍/Django 2019. 2. 28. 01:33
[Django] 11. Pagination 을 알아보자

안녕하세요 강민성입니다. 이번 시간에도 마찬가지로 blog project를 이어서 진행해보도록 하겠습니다. 글을 계속 추가할수록 글은 아래로 쌓이게 됩니다. 하지만 대부분의 웹사이트는 일정 수준 이상 쌓이면 다음 페이지로 넘어갈 수 있도록 구현 되어 있습니다. 이를 pagination 이라고 합니다. pagination을 알아보자 한 페이지에 3개의 글이 올 수 있도록 해보겠습니다. 장고에서 역시 이를 위한 클래스가 정의되어 있습니다. 먼저 이를 import 한 후 진행하겠습니다. from django.core.paginator import Paginator blog/view.py 설명할 부분이 많아 전체적인 코드를 먼제 보고 한 줄 씩 설명하겠습니다. blog_list = Blog.objects.all..

웹프로그래밍/Django 2019. 2. 27. 03:15