Mobile Convergence

git에서의 commit은 오직 로컬 레파지토리와 관계가 있다. SVN이 자신의 로컬 PC에 있다고 생각하면 된다. 개발자 혼자서 마음대로 가지고 놀 수 있는 레파지토리인 셈이다. 

어디에서 수행할 수 있을까? (참조)

• workspace
• commit -a -m 'msg'  : "workspace" -> "local repository"
• index
• commit -m 'msg' : "index" -> "local repository"
• commit --amend :  "index" -> "local repository" (마지막 commit 수정하고 새로운 commit을 한다 )

commit이란?  (참조)

• workspace 또는 index(stage)의 소스를 local repository로 저장하면서 "새로운 commit object"가 생성된다. 
• 이때 HEAD와 현재 Branch가 가르키는 포인터는 "새로운 commit object" 주소로 바뀐다
• index의 포인터도 "새로운 commit object" 주소로 바뀐다 

JBoss의 deploy와 deployer 디렉토리의 차이는 무엇을까? 들여다 보면 xml과 서브 디렉토리가 존재한다. 

• deploy와 deployer 디렉토리  상세설명
• 참조 : JBoss 핵심 구성요소와 src 레벨 설치시 디렉토리 구조 이해
• 참조 : Apache + JBoss mod_jk 설정 상세 설명

▶ jsfiddle 코드 웹페이지에 넣기 

  - 공식 참조 문서

  - http://{url_of_the_fiddle}/embedded/[{tabs}/[{style}]]/  구성이고 iframe으로 넣는다 

  - 위 코드에서 nulpulum은 등록 계정, w9NJZ 은 페이지 그리고 맨뒤의 js,resources,html,css,result 구분자는 탭을 의미한다.

  - Result 탭 옆의 > 아이콘을 클릭하면 Result 탭으로 자동이동하면서 html 수행결과를 볼 수 있다. 

ExtJS를 사용하기 위한 최적의 환경을 구축해 보자. Aptana IDE와 Spket Javascript Editor Plugin을 설치해 본다

• Aptand IDE StandAlone 버전을 다운로드하여 Aptana_Studio_3_Setup_3.2.2.exe 파일을 수행한다  
• http://www.aptana.com/products/studio3/download
• 위저드 방식으로 설치하는 것이므로 설치위치를 잘 지정하고 Next 버튼 클릭후 최종 Install 버튼 클릭한다
• 설치위치에서 실행파일 AptanaStudio3.exe 을 수행하고 원하는 곳에 workspace를 지정한다 (Eclipse기반이므로 동일)
• Studio 상단 FullDown 메뉴에서 Help -> Install New Software... 선택
• Spket IDE 추가 : 상단 Work With: 항목에  http://www.agpad.com/update/  입력 (Spket IDE 선택하고 Next 설치완료)
• Window > Preferences > Spket > JavaScript Profiles > New... (ExtJS 라고 입력)
• ExtJS 선택 -> Add Library 에서 ExtJS 를 선택하고 OK 클릭
• ExtJS 라이브러리 선택 -> Add File 에서 라이브러리 선택
• GPL License 파일 다운로드 : http://www.sencha.com/products/extjs/download/ext-js-4.1.1/1683   
• 압축을 풀면 <install dir>/ext-4.1.1a/build/sdk.jsb3 파일을 선택 OK
• JavaScript를 만들어 보자

* 참조 사이트 : http://techbug.tistory.com/1

prototype.js는 AJAX(Asynchronous JavaScript and XML)에서 거의 표준 라이브러리 처럼 사용하는 라이브러리이다. 사용법을 알아보자. 하기 코드는 prototype.js를 사용했을 때 JavaScript 클래스를 만들고 객체화 하는 과정을 보여준다 

var Employee = Class.create();   // Class를 이용하여 클래스 생성 

Employee.prototype = {
  initialize : function( name ){ // prototype.js 사용시 생성자는 initialize로 정의 
    this.name = name
  }
};

var Dev = Class.create();

Dev.prototype = Object.extend(  // Class 상속 extend 이용
    new Employee,               // 상속받을 Class 선언 
    {
      showMember : function() {
        var list = new Array( '홍길동', '고길동', '김길동' );
        document.writeln(
          '<div id="표시영역">' +
             this.name + '★사원 명단：' + list +
          '</div>'
        );
      }  
    }
);

var dev = new Dev( '개발부' );
dev.showMember();

<참조>

  - 공식 사이트 :  http://prototypejs.org (버전 1.7.1)

  - 클래스 생성, 상속, Ajax 통신, JSON(JavaScript Object Notation) 사용 튜토리얼 :  http://prototypejs.org/learn/

  - prototype.js 정의 보기 :  https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js 

  - ExtJS를 하기 전 참조지만 JavaScript 하기전 기본지식과 Aptana+Spket 개발환경 설정하기 : http://techbug.tistory.com/1

  - 애니메이션과 Drag에 좋은 라이브러리 :  http://madrobby.github.com/scriptaculous