Jquery - 동일한 ID 가 여러개 있는 경우 click 이벤트 다 받기

동일한 ID를 쓰고 있는 객체의 이벤트를 받아 처리할 때는 그냥 $(#사용중인ID).on('click', .... 이렇게 사용하면 맨 처음 객체만 반응하는 경우가 나타났다. 나만 그런가? ㅋㅋ 암튼 아이디를 동일하게 사용해도 사용된 모든 객체에 이벤트를 발생하려면 아래와 같이 복수개를 처리할 수 있는 selector 형태로 불러 써야 한다. $("[id='사용중인ID']").on('click', function () { return confirm("Are you sure you want to delete?"); }); 간단하지만 실수하기 쉽다. 참고 페이지는 아래 https://stackoverflow.com/questions/8498579/how-does-jquery-work-when-there-are..

• format_list_bulleted Tech/프론트엔드
• · 2022. 6. 24.
• textsms

Django code snippet 저장소 - 유용한 파이썬 코드들 모음

말그대로 장고 쓰다가 찾아보게 되는 코드 조각들을 여기에 저장해 둬 보자. 위키처럼 쭉 저장해둔다. 테마가 될때까지 timedelta 값 template에서 표기하기 가장 쉬운 솔루션으로 가자. https://stackify.dev/332647-displaying-a-timedelta-object-in-a-django-template Displaying a timedelta object in a django template - Stackify I followed Peter's advice and wrote a custom template filter. Here's the steps I took. First I followed this guide to create a custom template filte..

• format_list_bulleted Tech/Django
• · 2022. 1. 27.
• textsms

Django update view 함수 오버라이딩 해보기

장고 업데이트를 위해 UpdateView 를 쓰는데, 저장할때 먼가를 바꾸기 위해서 사용자 기능을 넣기 위해서는 함수를 오버라이딩을 해야 한다. 몇개 샘플로 남겨두자. view 코드는 아래와 같다. 폼객체에 먼가를 수정을 가하고 싶다면 form_valid 오버라이딩 함수에서 instance 에 작업 하면 되겠다. class FirmwareUpdateView(...UpdateView): def form_valid(self, form): print("form_valid override") instance = form.save(commit=False) print(self.request.FILES.items()) for filename, file in self.request.FILES.items(): print..

• format_list_bulleted Tech/Django
• · 2021. 12. 8.
• textsms

Django 템플릿 문자열에 사용되는 함수들

장고 템플릿에서 html로 변환되서 사용되기 때문에 문자열 함수가 몇개 있다. 다 정리하긴 어렵고 아래 페이지를 참고하세요. https://himanmengit.github.io/django/2018/02/23/Built-In-Template-Filter.html Django 내장 템플릿 필터 · 초보 웹 프로그래머 himanmengit.github.io 일단 아래 3개를 사용 많이 한다. linebreaksbr 모든 개행 문자를 로 바꿈 # joel\nis a slug. -> joel is a slug {{ value|linebreaksbr }} escape 문자열의 HTML을 이스케이프 한다.

• format_list_bulleted Tech/Django
• · 2021. 12. 7.
• textsms

Django formset 의 개별 form 바로 접근하기

장고 Formset 을 보는 예제를 보면, 다들 for iteration 하면서 개별 form에 접근하는 코드들만 있다. 난 그냥 0번째 넘을 바로 접근하고 싶은데 잘 안되서 막 찾아봄 가장 기본 예제는 아래와 같다. https://docs.djangoproject.com/en/3.2/topics/forms/formsets/ {{ formset.management_form }} {% for form in formset %} {{ form.title }} {{ form.pub_date }} {% if formset.can_delete %} {{ form.DELETE }} {% endif %} {% endfor %} 여기서 form 중에 0번째 놈을 접근하려고 formset[0] 시도 했는데 실패 forms..

• format_list_bulleted Tech/Django
• · 2021. 11. 28.
• textsms

Django From 에서 Select 빈 필드 제거 방법

장고 폼으로 작업하다 보면 Select 필드로 변환되는 필드는 기본으로 Empty 필드가 있다. "----------" 이런 문자열이 제일 위에 등장한다. 머 나름 선택하지 않았다는 표시이니깐 괜찮지만 없애고 싶다면 아래 글을 참고하세요. 빈 필드가 나타나는 형태는 아래 그림과 같다. -------- 이런 문자열이 제일 위에 있어 거슬리거나 무조건 하나의 값을 선택된 형태로 되면 좋겠다면 제거해야 한다. 다행이도 이를 제거하는 옵션이 있다. ForeignKey 등 릴레이션 모델이 들어가는 ModelChoiceField 의 경우 self.fields['sub'].empty_label = None empty_label 이라는 것을 None 으로 해 주면 된다. 그리고, 일단 기본 default 값을 주게 되..

• format_list_bulleted Tech/Django
• · 2021. 11. 25.
• textsms

Django data dump - 초기 데이터 셋업

장고로 서비스를 만들고 배포할 때 초기 데이터가 들어야 있어야 하는 경우가 있다. 반드시 있어야 로직이 돌게 되어 있거나 초기값이 세팅 되어야 하는 것들. 상태 데이터 이런 것들이 되겠다. 데이터 dump 방법 방법은 아주 쉽다. 현재 개발 중인 데이터 중에 필요한 것을 dump 떠 놓으면 된다. https://coderwall.com/p/mvsoyg/django-dumpdata-and-loaddata https://docs.djangoproject.com/en/3.2/ref/django-admin/#dumpdata 가장 기본적인 방법은 아래와 같다. ./manage.py dumpdata > db.json 막상 하니깐 데이터가 너무 많어. 딱 필요한 넘들만 골라서 해보자. 특정 테이블 만 dump 하기 ..

• format_list_bulleted Tech/Django
• · 2021. 11. 25.
• textsms

Django ModelForm 에서 Foreign key 필드 필터해서 보기

장고 ModelForm 을 편하게 쓰고 있는데, 아예 입력 창을 띄울 때 Foreign key로 등록된 필드를 일부 필터링해서 보여주고 싶은 경우가 아주 자주 발생한다. 무슨 overring 하면 될 듯 한데 솔루션을 찾아보자. (2021.11.25) 업데이트 request.POST 데이터를 넘기니깐, 첫번째 인자로 들어가 버려서 원래 작성된 아래 글처럼 선언하면 사용자 변수 위치에 떡 들어가 버려서 오류를 일으킴. 그냥 아래처럼 사용자 변수를 받도록 처리하자. 인자를 추가하지 말고 참고 사이트 - https://europani.tistory.com/247 def __init__(self, *args, **kwargs): self.user = kwargs.pop('user')# pop을 이용하여 받음 s..

• format_list_bulleted Tech/Django
• · 2021. 11. 25.
• textsms

Django Template 에서 부모 블럭 기본 값 넣기 혹은 빼기

DTL 에서 부모 템플릿에 있는 값을 그대로 출력하거나 해당 블럭을 통째로 자식 템플릿에서 바꾸고 싶다면 부모에 블럭을 선언하고 기본 값을 같이 넣어 두면 된다. 부모 템플릿에 메뉴가 있는데, 어떤 자식 템플릿에서는 그 메뉴을 없애고 싶다면 머 여러가지 방법이 있겠지만 이 방법이 가장 단순하지 않을 까 싶다. 부모에 블럭을 하나 선언해 둔다. 예제에서는 "Sidenav" 를 선언해 둔다. 보통 선언하자 마자 바로 "{% endblock %}" 을 붙여넣고는 자식에서 이 블럭을 선언해서 사용하기를 기대한다. 아래와 같이 선언된 경우는 자식 템플릿에서 아무런 선언을 하지 않으면 부모껏을 그대로 쓰게 된다. 기본 값을 가지는 셈이 된다. ... {% block Sidenav %} {% include 'incl..

• format_list_bulleted Tech/Django
• · 2021. 11. 22.
• textsms

Datatables JS 라이브러리로 데이터 다루기

데이터를 테이블로 표현하는 아주 좋은 라이브러리 Datatables 를 소개해 보려 한다. jquery 기반으로 시작된 듯 하나 요즘 트렌드에 맞게 서버사이드 스크립팅 머 이런것도 지원하는 것으로 보인다. 아주 많은 선구자들이 있으니 있다는 것을 아는 것이 중요하다. 아래 글을 꼭 참고하자. Grid 라이브러리-Datatables 사용법/예제 Grid 라이브러리-Datatables 사용법/예제 최근 사용하게 된 datatables 라이브러리에 대한 약간의 설명을 공유하고자 합니다. datatables는 데이터 그리드를 다루는 라이브러리로 '이 기능이 있었으면' 하는 부분은 거의 갖추고 있습니다. 한 kutar37.tistory.com 진짜 내용은 꼭 위 원본 글에 들어가서 보시기 바란다. 완전 만족할 듯..

• format_list_bulleted Tech/프론트엔드
• · 2021. 11. 22.
• textsms

Django scss 활용을 위해 패키지 설치

Django scss 활용을 위해 패키지 설치를 몇개 더 설치해야 한다. 이 경우 갑자기 MSVC 빌드 툴을 설치하라는 에러가 막 등장하네. 이를 해결해 보자. 장고에서 Scss 사용하기라는 글을 따라하다가 https://blog.jaeyoon.io/2017/10/django-sass.html 장고 프로젝트에서 SASS/SCSS 사용하기 CSS 프리프로세서에 대하여 SASS/SCSS는 스타일시트 언어인 CSS를 조금이나마 프로그래밍 언어처럼 사용할 수 있게 도와주는 CSS 프리프로세서(preprocessor)이다. SASS 말고도 Bootstrap이 v3까지 쓰던 LESS blog.jaeyoon.io 자세한것은 해당 페이지에 가서 보고, 아래 패키지를 설치해야 한다. pip install libsass ..

• format_list_bulleted Tech/Django
• · 2021. 11. 20.
• textsms

Django model on_delete 옵션

Django model 만들때 Foreign key (ForeignKeyField) 로 등록된 필드를 넣을 때 마다 on_delete 옵션을 준다. 이것의 명확한 의미를 알아보자. 구글링을 통해 적합한 내용을 찾아보자. https://tothefullest08.github.io/django/2019/06/10/Django19_relations1_comment_CRUD1/ user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) models.CASCADE : 부모가 삭제 되면, 자기 자신도 삭제 models.PROTECT : 자식이 존재하면, 부모 삭제 불가능 ( ProtectedError 발생시킴), 다른 필드에 CASCAD..

• format_list_bulleted Tech/Django
• · 2021. 11. 18.
• textsms

Django admin 에서 model 객체 출력을 좀 더 자세히

Django admin에 어렵게 model을 등록해 두었는데, 관리자가 들어가서 자료를 볼때 object(id) 이런식으로 나오니깐 클릭해서 들어가기 전에 이 객체의 정보의 힌트를 볼 수 없어 답답했다. 이를 해결해 보자 아래 그림을 보자. Company Object(id) 이렇게 나오니, 실제 어떤 값이 들어 있는지는 클릭해서 들어가서 자세한 필드 내용을 봐야 안다. 여기 리스트에서 그냥 대충이라도 보고 싶은 욕구가~~~ 아주 쉽게 해결이 되었다. models.py에 선언하면서 __str__(self) 함수를 등록해 두면 되는 것이다. class Company(TimeStampedModel): name = models.CharField(max_length=255) is_deleted = models.I..

• format_list_bulleted Tech/Django
• · 2021. 11. 18.
• textsms

Django ninja 쿼리스트링 Schema 처리하기

Django ninja api 를 쓰려고 하면 항상 Querystring 으로 받아야할 경우가 많이 있다. 매번 따로 정의해서 쓰는 것 보다 공통적인 것은 Schema로 정의해서 쓰고 싶은데, 어떤 때는 값이 있을 때도 있고, 없을 때도 있으니 이 경우를 다 처리하는게 복잡해 보였는데 Schema 와 ninja.Query() 함수로 좀 쉽게 구현해 보자. Django-ninja 공식 사이트에는 이와 관련된 아래와 같은 튜토리얼이 있다. 이를 잘 이해하면 끝! https://django-ninja.rest-framework.com/tutorial/query-params/#using-schema You can also use Schema to encapsulate GET parameters: import d..

• format_list_bulleted Tech/Django
• · 2021. 11. 18.
• textsms

Django ninja api 사용시 Page 정보가 포함 Schema 리스트 리턴

장고 ninja api 로 리턴을 해주는 api 작성시에 페이지 정보와 전체 카운터, 이전페이지 다음페이지 유무등의 정보를 넣은 객체가 리턴되었으면 한다. 이때 편하게 할 수 있도록 Schema 상속을 통해 이를 해결해 보자. 매번 Schema 를 작성해야 하는데 공통 분모가 되는 필드들이 많이 있다. 이때 마다 매번 같은 내용을 작성하기 귀찮은데 클래스 추상화로 이를 해결할 수 있다. 그냥 코드를 보자. 페이지 정보와 해당 객체들의 리스트가 포함된 Schema 를 아래와 같이 정의해 본다. 각각 results 에 들어가는 객체들은 매번 바뀌니깐 공통 분모만 PaginatedOutSchema 로 정의해 두고 상속해서 사용하도록 한다. class PaginatedOutSchema(Schema): total..

• format_list_bulleted Tech/Django
• · 2021. 11. 18.
• textsms