Song Jae Woo

2013년 10월 16일 수요일

phoneGap site

http://phonegap.com/install/
http://nodejs.org/

ripple emulator

2013년 10월 14일 월요일

2013년 10월 9일 수요일

모바일 앱(설치형)
- Native App (c/c++, object-c, java)
- Hybrid App (HTML, css, js)

js 객체 생성 코드를 실행하는 방법
1) eval()
var result = eval("[" + xhr.responseText + "]")[0];

2) JSON 객체 사용
- JSON에서 속성 이름은 반드시 ""을 사용해야 한다.
- 문자열도 반드시 "" 사용해야 한다.
var result = JSON.parse(xhr.responseText);

2013년 10월 7일 월요일

JavaScript 캡슐화

Java Script

function closure
- inner function에서 사용하는 로컬변수는 closure라는 별도의 메모리 영역에서 관리된다.
- 이 기능을 이용하여 OOP 캡슐화를 구현할 수 있다.

function closure를 활용한 캡슐화 구현.

function Calculator(){

var result = 0;
var expression = "0";

this.setResult = function(res){
result = res;
expression = res;
}
this.getResult = function(){
return result;
}

this.getExpression = function(){
return expression;
}

this.plus = function(v){
result += v;
expression += " + " + v;
};

this.minus = function(v){
result -= v;
expression -= " - " + v;
};

this.multiple = function(v){
result *= v;
expression *= " * " + v;
};

this.divide = function(v){
result /= v;
expression /= " / " + v;
};
}

var calc1 = new Calculator();
var calc2 = new Calculator();

calc1.plus(10); // 10
calc2.plus(20); // 20

calc1.multiple(2); // 20
calc2.minus(17); // 3
calc1.result=1000;

console.log(calc1.getExpression() + "=" + calc1.getResult());
console.log(calc2.getExpression() + "=" + calc2.getResult());

pulling 기법
- 일정 시간마다 서버에 요청해서 data를 받는 법.

Document Object Model (DOM tree)
- DOM API 는 표준이다.

==============================================================================

load 이벤트
- DOM tree 완료 -> 출력 완료 -> 이벤트 발생
- window.onload 함수가 있다면 호출

click 이벤트
- 사용자가 마우스를 클릭을 할때 이벤트 발생
- 클릭한 객체의 onclick 함수가 있다면 호출.
- 이벤트가 발생될 때 호출될 함수를 '리스너'라 부른다.
ex)
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function () {
// 변수를 선언합니다.
var header = document.getElementById('header');

// 이벤트를 연결합니다.
header.onclick = function () {
alert('클릭');
};
};
</script>
</head>
<body>
<h1 id="header">Click</h1>
</body>
</html>

2013년 10월 3일 목요일

HTML5

html5 - 시멘틱 웹으로 구성되어 있다. (태그에 의미를 부여함.)

2013년 10월 1일 화요일

XML

- XML (eXtension Markup Language)

분산컴퓨팅
- 유지보수, 관리 편하게하기 위해서,

RMI
- skel 과 stub를 자동으로 생성.

Common Object Request Broker Architecture (CORBA)
- 전용 middleware? 필요
- 모든 언어에 공통으로 갖고 있는 기본타입을 지원.

Web Service
- 언어를 제공되는 도구를 통해서 stub을 생성한다.
- data 전용규칙: SOAP Simple Object Access Protocol

RESTful
- 메소드가 특정 URL로 매핑되있다.

DTD
-Document Type Definition