vreality64

# Show all node_modules folder information in current working directory
alias show-all-node-modules="find . -name 'node_modules' -type d -prune -print | xargs du -chs"

# Remove all node_modules folder in current working directory
alias remove-all-node-modules="show-all-node-modules && find . -name 'node_modules' -type d -prune -print -exec rm -rf '{}' \;"

vreality64

DB 스키마와 GraphQL Type 과의 연관성

결론부터 말하자면, 전혀 없다.

DB 스키마로부터 GraphQL Type 을 자동으로 만들어 낼 수는 있다. 이는 GraphQL Type 을 작성하는 노력을 줄이고, 하나의 스키마로부터 동일한 개념을 생성하겠다는데 목적이 있다.

그런데 잘 생각해보자. 이게 옳은 것인가?

서버에서 DB 스키마를 변환한 내용으로, Query 를 정의해 API 엔드포인트를 열어두었다고 생각해보자.

vreality64

JSX Spread Attributes

If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:

  var component = <Component foo={x} bar={y} />;

Mutating Props is Bad, mkay

vreality64

// Declare
const enum CommandType {
    FOO = 1,
    BAR = 2
};

// Usage
const commandType = CommandType.FOO

// Transpiled (inlining)

vreality64

Jekyll & Liquid Cheatsheet

A list of the most common functionalities in Jekyll (Liquid). You can use Jekyll with GitHub Pages, just make sure you are using the proper version.

Running

Running a local server for testing purposes:

vreality64

alias gl="git log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"

vreality64

var instance = new Hello();

instance.on("test", {
  somethig: function () {
      this.fireEvent("next", this.name);
  },
  name: "world"
});

// fireEvent 는 instance 의 함수다.

vreality64

자바스크립트 정적 분석의 한계와 발전 방향

keyword: 자바스크립트, 정적 분석, 동적 언어, 코드 최적화

서론

1995년 당시는 컴퓨터 리소스가 비쌌을 뿐만 아니라 네트워크 인프라의 낮은 대역폭 등 다양한 문제들로 인하여 대부분의 작업을 서버에서 처리하였습니다. 그러다 컴퓨터 리소스의 비용이 낮아지면서 웹 브라우저에서 입력 검증처럼 작은 작업들을 처리할 수 있게 되면서, 해당 작업들을 처리하기 위해 자바스크립트가 등장했습니다.

vreality64

function Ctrl($scope) {
  $scope.message = "Waiting 2000ms for update";
    
    setTimeout(function () {
        $scope.$apply(function () { // wrapping using $scope.$apply
            $scope.message = "Timeout called!";
        });
    }, 2000);
}

vreality64

function Ctrl($scope) {
  $scope.message = "Waiting 2000ms for update";
    
    setTimeout(function () {
        $scope.message = "Timeout called!";
        // AngularJS unaware of update to $scope
    }, 2000);
}