매일 꾸준히, 더 깊이

1. view 단에서 조건 문에 따른 response의 작성 할 때는 if-else 따로 따로 response를 두 개로 나눠 작성하지말고 하나로 작성하자. 2. iterable 객체 안에 최소값이나 최대값을 얻어내는 동작을 수행하는 코드의 경우 python의 min, max 함수를 활용하자. docs.python.org/3/library/functions.html#min 3. 코딩 중에 중간에 출력되는 값을 조사하고 싶을 때 print문 보다는 다음의 logging을 사용하자. docs.python.org/ko/3/howto/logging.html import logging; logger = logging.getLogger(__name__) ... logger.debug(f"foo") 그러나 유효화하기..

변수/리터럴 const를 먼저 사용한다. 예전에는 변수 선언에 사용할 수 있는 것은 var뿐이었지만, 현재 먼저 사용해야할 것은 const이다. var을 전부 const로 바꿔 사용하며 덮어쓰기(변수의 변경)가 필요한 곳은 let을 사용한다. const name = "@wozozo"; 또한 C++의 const를 아는 사람에게는 위화감이 있을지도 모르겠지만, const로 선언한 변수에 저장된 배열은 다시 값을 저장할 수는 없지만 배열에 요소를 추가하는 것은 가능하다. 오브젝트의 속성 변경도 가능하다. 그러므로 사용할 수 있는 곳이 상당히 넓다. 그리고 var은 글로벌 스코프에 변수를 두는 경우에 여전히 사용할 수 있지만, 뒤에서 추가적으로 설명하겠지만 진정한 의미의 글로벌 스코프를 취급할 기회가 줄어들고 ..

== 과 === 의 차이 먼저 문자와 변수의 비교 실험 var a = "1"; var b = 1; console.log(a==b); 결과：true console.log(a===b); 결과 :false == 연산자 숫자와 문자열을 비교할 때, 문자열을 숫자로 변환한다. JavaScript는 문자열의 숫자 리터럴을 Number형의 숫자로 변환하려고 한다. 처음에 그 문자열의 숫자 리터럴부터 수학적인 값을 이끌어 낸다. 그 다음 가장 가까운 Number형의 수로 반올림한다. 즉, == 는 문자열을 숫자와 비교하는 경우 문자열을 숫자로 변환하여 비교한다. === 연산자 피연산자끼리 형을 변환하지 않고 (위에서 표시한 것 처럼) 엄밀하게 비교한다. 이 경우 문자열은 숫자로 변환되지 않으므로, false가 리턴되었..

request관련한 다양한 메소드들이 있다. 이번 포스팅에서 비교할 메소드는 request.get과 request.GET.get이다. request.get과 request.GET.get의 차이점 한 마디로 request.get은 python의 문법이며, request.GET은 djang의 문법이라는 이미지라고 하면 알기 쉬울 거라고 생각한다. 또한 request.GET을 사용하면 get 리퀘스트를 보냈을 때의 파라미터도 얻을 수 있다는 것이 특징이다. 순서대로 조금 더 자세히 알아보자. request.get에 대해 먼저 request.get이다. 이것은 request라는 이름의 객체에 대해 get 메소드를 실행하는 것이다. 이때의 request객체는 사전형의 데이터인 것을 인식하자. 구체적인 코드로 살펴..

1. JavaScript의 var은 함수 스코프(Scope)이므로 의도에 반하는 결과가 발생할 수 있다. 따라서 var의 사용은 삼가하는 편이 좋다. ( 이번에는 사용하지 않았으므로 영향이 없으나, var로 선언한 변수를 클로저로 사용하면 좋지 않은 결과를 얻을 수 있다.) 1) 좋지 않은 예 const data = JSON.parse(`{ "a": 1, "b": 2, "c": 3 }`); // NG for (var key in data){ // NG: var로는 기대대로 나오지 않는다. // 1초후에 처리하고자함 setTimeout(function(){ alert(key); // 클로저를 사용하여 function의 밖에 있는 변수n을 참고. a, b, c (임의의 순서)로 나왔으면 한다. }, 1000..

이번 포스팅에서는 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 리스펀스로 실제..