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

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

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

x row를 1 row로 취급

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

<div class="wrapper">
 

vreality64

Data Table Usage

Basic Usage

Data Table is Javascript Wrapper Library of HTML element .

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

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

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

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