매일 꾸준히, 더 깊이

이번 포스팅에서는 mustache의 간단한 사용법에 대해서 정리해보고자 한다. mustache란? 다양한 언어를 합쳐서 사용할 수 있는 템플릿 엔진이다. Loop와 같은 로직 구문이 존재하지 않으므로, Logic-Less Templates라고 불린다. 태그의 기법이 {{hoge}}와 같이 되어 있어 '{'가 수염처럼 보이기때문에 mustache(수염)이라고 하는 것 같다. 1) 매뉴얼 문서 mustache.github.io/mustache.5.html 2) Demo 이러한 작성법이 있었던가라는 생각이 들때 간단히 확인할 수 있는 링크이다. www.elated.com/res/File/articles/development/easy-html-templates-with-mustache/demo.html must..

이번 포스팅에서는 Django의 ORM(Object-Relational Mapping)을 사용하여 데이터 베이스에 데이터를 생성(Create)하거나, 읽거나(Read), 갱신(Update)하거나, 삭제(Delete)하는 방법(CRUD-Create Read Update Delete)에 대해서 설명하도록 하겠다. ORM이란? ORM(Object-Relation Mapping)이란 객체와 관계형 데이터 베이스를 Mapping하는 것을 의미한다. 간단히 말하자면 데이터 베이스의 테이블과 객체를 연결하여 테이블에서 CRUD할 때, SQL쿼리를 사용하지 않아도 되도록 하는 것이다. 아래의 커맨드를 실행시켜 shell을 이용하여 설명하고자한다. # source venv/bin/activate # cd django_e..

HttpRequest 객체에서 GET과 POST 속성은 django.http.QueryDict의 인스턴스이다. QueryDict은 사전형 타입의 클래스로 같은 키에 대해 복수의 값을 갖도록 커스터마이즈 할 수 있다. 이것은 HTML의 form 요소에서는 예를 들어 과 같이 같은 키에 대해서 복수의 값을 전달해야할 필요가 있기 때문이다. QueryDict 인스턴스는 copy()를 만들지 않는 한 불변(immutable)이다. 즉 request.POST나 request.GET의 속성을 직접 변경할 수 없다는 것이다. Methods QueryDict는 사전형의 서브 클래스이므로, 모두 표준적인 사전형의 메소드로 정의되어 있다. 그러나 아래와 같이 다른 점이 있다. QueryDict.__init__(query_..

이번 포스팅에서는 JavaScript의 URL의 엔코딩과 디코딩에 대해 설명해보고자 한다. URL의 Encode란? 먼저, Encode란 데이터를 다른 포맷(형식)으로 변환하는 것이다. URL의 Encode는 URL에 있어 사용 불가능한 문자의 변환을 실시하는 프로세스를 일컫는다. 예를 들어, URL에는 일본어를 사용할 수 없으므로 변환을 할 수 밖에 없다. 사용 불가능한 문자는 사용할수 있는 특수한 형태의 조합 문자으로 구성되어 있다. 기본적으로 '%'의 뒤에는 사용할 수 없는 문자의 문자 코드를 16진수로 표시한 것을 연결하고 있다. [Note] URL과 URI, URN의 차이점 URL은 Unifoem Resource Locator로 홈페이지 주소라고 불린다. URL은 주로 인터넷 상에 있는 파일의 ..

JavaScript에 있어서, XMLHttpRequest (XHR) 대신에 API로써, Fetch API라는 것을 제공하고 있다. XHR와 동등한 기능을 제공하고 있지만, Feth API는 더욱 심플하지만 강력하다. Fetch API를 사용하면 리퀘스트나 리스펀스 등 HTTP의 파라미터를 구성하는 요소를 조작할 수 있게 된다. 또한 fetch()메소드를 이용하여 비동기의 네트워크 통신을 간단하고 알기 쉽게 기재하는 것이 가능하다. 사용법을 배워보자. 기본적인 사용법 Fetch API는 Promise 베이스의 간단한 API이다. 리퀘스트하는 데는 fetch(url)을 부를 뿐이다. fetch('file.txt') fetch()메소드는 Promise를 리턴한다. 그러나 이것은 단순히 HTTP 리스펀스로 실제..

검색 & 태그 검색 기능 만들기 복수의 태그를 지정하여 검색을 할 수 있도록 할 것이다. 태그 선택을 풀다운 형식으로 보여지도록 하기에는 복수 선택에 불편함이 있으므로 체크박스를 사용하여 커스텀할 것이다. 커스텀 체크 박스에 관련된 포스팅은 여기를 참고하길 바란다. 어플리케이션 내에 widgets.py 파일을 만들어 다음과 같이 작성한다. from django import forms class CustomCheckboxSelectMultiple(forms.CheckboxSelectMultiple): template_name = 'search/widgets/custom_checkbox.html' option_template_name = 'search/widgets/custom_checkbox_option...

( ※ 일본의 한 블로거의 포스팅을 번역한 포스팅입니다. 오역이나 의역이 있을 수 있으며, 틀린 부분에 대해서는 지적해주시면 감사하겠습니다. ) Django를 사용하여 Web앱을 개발하고 있다. 처음부터 동시에 두 개의 어플리케이션 ( 같은 곳에 사용되나, 기능이 거의 다르므로 두 가지로 나누고 있다) 를 구축하고 있다. 그러나 하나를 만든 후 다른 하나를 만들 때 여러가지 걸리는 부분이 있었기 때문에 어떠한 부분에서 곤란을 겪었는지에 대해 써 볼 생각이다. Django는 실제 환경에서 어떻게 동작하는지에 대해 작성하고 있는 포스팅이 생각보다 없는 인상이므로 이 포스팅이 도움이 되었으면 한다. 버전 명칭 버전 Python 3.7.0 Django 2.1.1 샘플 프로젝트로써 django_complex_sa..

Django에 대한 기본적인 상식없이 당장 주어진 것만 급하게 하다보니 문제 해결에 시간을 너무 잡아먹어서 기본적인 Django 개발 방식에 대한 일본 포스팅을 찾아 해석해보았다. 이번 포스팅을 통해 확인할 수 있는 것 1. Django에는 어떠한 작성법이 있는가? (CoC등과 같은 대응 수준) 2. 소위 MVC (MTV)라는 것은 Django에서는 어떻게 작성 하는가? 3. 모델 (Model)은 어떻게 작성하는가? 4. View (Controller와 같은 것) 은 어떻게 작성하는가? 5. Template (View와 같은 것) 은 어떻게 작성하는가? 공통부분과 개별 부분은? 6. 라우팅은 어떻게 설정하는가? 7. WebAPI는 필수이므로 json은 어떻게 리턴하는가? 다른 프레임워크 이용자가 Djan..

이제 Admin페이지 등록한 게시글 목록을 화인할 수 있는 목록 페이지를 만들어보고자 한다. URL정의 search/ulrs.py를 열어 아래와 같이 url을 등록해준다. from django.urls import path from . import views app_name = 'search' urlpatterns = [ path('', views.PublicPostIndexView.as_view(), name='top'), ] 뷰의 작성 search/views.py파일을 열어 포스트 목록을 보여주도록 아래와 같이 작성하자. from django.views import generic from .models import Post class PublicPostIndexView(generic.ListView)..

지난 포스팅에 이어 관리자 사이트를 조금 커스터마이징해보도록 하겠다. 이전 포스팅에서 만든 search/models.py에서 설정한 게시글 모델의 필드는 다음과 같았다. class Post(models.Model): """기사""" title = models.CharField('제목', max_length=32) text = models.TextField('본문') tags = models.ManyToManyField(Tag, verbose_name='태그', blank=True) thumbnail = models.ImageField(blank=True, upload_to="images", null=True) relation_posts = models.ManyToManyField('self', verbo..