Hello Jay's Programming World!

100번대 정보를 제공하는 응답 200번대 성공적인 응답 200 OK 요청이 성공했다. 300번대 리다이렉트 400번대 클라이언트 에러 400 Bad Request 잘못된 문법으로 인하여 서버가 요청을 이해할 수 없다. 401 Unatuthorized 비인증(unauthenticated)을 의미 403 Forbidden Client는 콘텐츠에 접근할 권리가 없다. 401과 다른 점은 서버가 클라이언트가 누구인지 알고 있다. 404 Not Found 서버는 요청받은 리소스를 찾을 수 없다. 408 Request Timeout 이 응답은 요청을 한지 시간이 오래된 연결에 일부 서버가 전송. 어떨 때는 이전에 클라이언트로부터 어떠한 요청이 없었다고 하더라도 보내지기도 한다. 500번대 서버 에러 500 Int..

다각형의 무게 중심을 구하고 Raphaeljs를 이용하여 이를 그려봤습니다. 결과 및 코드는 아래 JSFiddle을 통해 확인할 수 있습니다.

회사에서 신규 프로그램에 사용할 데이터를 자동으로 가공하는 프로그램을 만들고 있습니다. Node 기반으로 프로그램을 작성하고 있는데, cli를 이용하여 입력 값을 받아 동작하도록 구현했습니다. 이를 구현하기 위해 commander.js를 사용했습니다. 제가 사용한 방법 위주로 정리해보도록 하겠습니다. commander.js를 사용하기 위해서는 아래와 같이 패키지를 설치해야합니다. $ npm install --save commander Option 일반적인 Option을 정의합니다. 옵션의 데이터가 올 수 도 있고, 옵션만 사용할 수도 있습니다. app.js 를 아래와 같이 작성합니다. const { Command } = require('commander'); const program = new Comma..

현재 노드를 이용해서 자동화 프로그램 하나 작성하고 있습니다. 내부에서 아래와 같이 fs와 unzip 패키지를 동시에 사용하고 있습니다. const fs = require('fs'), unzip = require('unzip'); 그런데, 아래와 같이 에러가 발생합니다. $ node app.js fs.js:27 const { Math, Object } = primordials; ^ ReferenceError: primordials is not defined at fs.js:27:26 검색해보니, node 12버전과 gulf 3버전을 사용하면 이렇게 에러가 발생하는 것 같습니다. 어쩔 수 없이 node를 다운그레이드 하기로 했습니다. 먼저, n 패키지를 설치합니다. $ sudo npm install -g ..

저는 개인적으로 JavaScript 문자열에서 작은 따옴표를 사용하는 것을 선호합니다. 웹스톰(WebStorm)을 설치해서 사용하고 있는데, 계속 큰 따옴표로 사용되서 불편했습니다. 그래서 작은 따옴표를 사용할 수 있도록 설정을 변경해서 사용하고 있습니다. 아래 설정에서 변경 가능합니다. WebStorm -> Preferences -> Editor -> Code Style -> JavaScript에서 Punctuation 탭에 Use double quotes를 Use single quotes로 변경해주세요.

웹스톰(WebStorm)의 기본 ECMAScript 설정은 ECMAScript6+입니다. 만약 이전 JavaScript로 코딩한다면, 이 설정을 변경해야합니다. 아래 항목에서 JavaScript Language 버전을 변경할 수 있습니다. WebStorm -> Preferences -> Languages & Frameworks -> JavaScript

일정 시간 이후에 특정 구문을 실행하기 위해 setTimeout을 사용합니다. 그리고 가끔은 함수 호출 순서를 바꿔주기 위해 setTimeout의 delay에 0을 사용하기도 합니다. 그렇다면 delay를 음수로 준다면 어떤 일이 발생할까요? 일반적으로 delay 어떤 딜레이 값을 사용했다고 하더라도 최소 지연시간보다 작다면 최소지연 시간으로 맞춰지게 됩니다. HTML5 스펙에는 최소 지연 시간을 4ms로 명시하고 있습니다. 즉, 음수로 delay를 지정했더라도 최소 지연 시간 이후에 callback이 실행된다는 것입니다. 단, 예외가 있습니다. Stackoverflow 답변에 따르면 음수로 입력했을 때, 모든 브라우저에서 callback의 실행을 보장하진 않는다고 합니다. Internet Explore..

var SuperClass = function() { this.name = 'super'; }; SuperClass.prototype.print = function() { console.log('[SUPER] ' + this.name); }; var SubClass = function() { this.name = 'sub'; }; SubClass.prototype = new SuperClass(); SubClass.prototype.print = function() { console.log('[SUB] ' + this.name); // I want to call super's print method! }; var obj = new SubClass(); obj.print(); SuperClass와 SubC..

Function.prototype.call() 주어진 this와 파라매터 목록을 가지고 함수를 호출. function Product(name, price) { this.name = name; this.price = price; } function Food(name, price) { Product.call(this, name, price); this.category = 'food'; } console.log(new Food('cheese', 5).name);// 'cheese' Function.prototype.apply() 주어진 this와 파라매터 배열(혹은 유사 배열 객체도 가능)을 가지고 함수를 호출. const numbers = [5, 6, 2, 3, 7]; const max = Math.max...

div의 높이를 100%으로 설정해두고 해당 div의 높이를 구하려고 하는데, 값이 0으로 나온다면, 해당 div의 부모를 확인해야합니다. 간단하게 test라는 div element를 하나 생성했습니다. 그리고 해당 element의 너비와 높이를 JavaScript를 이요하여 확인해봤습니다. 분명 width는 값이 제대로 나오는데, height는 0으로 나온 것을 확인할 수 있습니다. 이러한 값이 나오는 이유는 부모 element에게 있습니다. %를 이용하여 높이를 지정한 경우, 그 부모의 높이의 상대값으로 정해지는데, 그 부모도 높이가 없기 때문에 이러한 이슈가 발생하는 것입니다. 위 예제에서는 body의 높이가 0인것을 확인할 수 있습니다. 이를 해결하기 위해서는 div 부모들에게 높이를 지정하면 됩..