vreality64

1. Editor
  - request
  {
    midiObject: {
      title: string,
      description: string,
      artist: string,
      playtime: integer,
      owner: string,
      albumArtName: string,

vreality64

MidiObject: {
  header            : Object        ( Midi Meta Data ),
  tracks            : List          ( Event List )
}

Music: {
  id                : string        ( DB Unique ID = userid + DBid ),
  owner             : string        ( FB first name + last name ),
  artist            : string        ( User Name in SoundPancake = midi file uploader name ),
  title             : string        ( Composition Name ),

vreality64

Grunt Module List (36s)

it is added to package.json by generator yeoman. All module is in devDependencies. The number of added module is "36".

grunt module

1. grunt

vreality64

Data Table Usage

Basic Usage

Data Table is Javascript Wrapper Library of HTML element .

var table = $(id).dataTable({
  option
});

vreality64

Data Table 커스터마이징 하는 방법

생각한 방안들을 써놓을 예정

x row를 1 row로 취급

• 정렬을 고려되지 않음
• 데이터를 wrapping 해서 넣는 것이기 때문에 검색하기 위해선 unwrapping 이 필요
• x row를 1 row로 취급하기 때문에, 하나의 row에 대해서만 정렬을 적용할 수 있다.

<div class="wrapper">
 

vreality64

어떻게 구현할까?

필요한 상황 정리

• static table with one element per row ( 1:1 )
• static table with multiple element per row ( n:1 )
• dynamic table with multiple element per row ( n:n )

Priority (exptected %)

• 2 (50%)

vreality64

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

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

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

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

서론

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

vreality64

var instance = new Hello();

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

// fireEvent 는 instance 의 함수다.