RedStrato's Woke Walk Work

아웃룩 - Google Calendar 동기화하기

팁 2008. 9. 8. 19:24

Google Calendar Sync 가 있음.
아래 페이지를 열면 설치 방법 및 다운로드 경로가 있음.

http://www.google.com/support/calendar/bin/answer.py?answer=89955

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

javascript 관련 메모

개발 2008. 8. 19. 10:21

Learning jQuery 8장을 번역하면서 ...

1. 일단은 JavaScript를 쓸 수 없는 환경을 고려하여 HTML 작성. 의미있게 태그 사용.
2. Javascript 가 활성화 되었을 때만 사용할 수 있는 것들은 JavaScript (onload) 에서 생성,초기화.

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

ipod touch 쓰시는 분들은 - 혹, iphone 쓰시는 분도 계신가요? - 한번쯤 jailbreak를 통해 접해 봤을 거라 생각합니다. nemussync 굉장히 유용하죠. 전 firmware를 2.0으로 업그레이드 하면서 jailbreak를 하지 않게 되었습니다만, 유독 이 어플리케이션은 아쉽네요.
그래서 혹시 포팅이 되고 있을까 해서 검색을 해 봤는데, 국내 개발자분이 개발하신 거네요.
http://www.nemustech.com/iPhone/NemusSync.html
라이센스와 시간문제로 포팅작업이 좀 미뤄지는 거 같네요. 암튼 대단하십니다.

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

DWR 시작하기 - 2. 첫 프로그램 Hello DWR

개발 2008. 7. 7. 11:28

DWR 첫번째 프로젝트.
최소한의 설정 및 구현으로 DWR의 원리를 파악해 봅시다.

pre-requisites
* jdk 5 이상
* eclipse wtp (server runtime에 tomcat이 등록된 상태)
* apache-tomcat 5.x or 6.0

소스는 맨 아래에 있습니다.

A. 프로젝트 세팅.

1. Eclipse Dynamic WEB Project 생성

아래와 같이 Eclipse 에서 Dynamic Web Project 를 생성합니다. 프로젝트명"hellodwr"

2. dwr.jar, commons-logging.jar

DWR 다운로드 페이지와 jakarta-commons 에서 각각 dwr.jar와 commons-logging.jar를 다운받아서 hellodwr 프로젝트의 WebContent/WEB-INF/lib 에 복사해 넣습니다.

3. web.xml 설정

DWR Servlet을 설정합니다. DWR Servlet 은 Web Browser 상의 자바스크립트로 부터의 요청에 대한 진입점 역할을 합니다. 그리고 DWR관련 여러 설정을 이 web.xml에서 하게 됩니다. 일단은 Hello 이기 때문에 간단히 설정하도록 합니다. (참조 : http://directwebremoting.org/dwr/getstarted )

web.xml 에 아래 내용을 추가합니다.

<servlet>
<display-name>DWR Servlet</display-name>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>

<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

4. 테스트 클래스 작성. Hello sayHello()

package com.hello;

public class Hello {

public String sayHello() {
return "hello dwr";
}
}

5. WEB-INF/dwr.xml 설정.

dwr.xml 에서는 javascript와 java간에 교환되는 객체에 대한 converter 설정과 JavaScript쪽에 노출될 Java 객체(클래스)에 대한 설정을 합니다.
이번 예제에서는 아래와 같이 Hello를 JavaScript에서 호출할 수 있도록 설정합니다. WebContent/WEB-INF/dwr.xml 파일을 생성한 후 아래 내용을 복사해 넣습니다.

<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">

<dwr>
<allow>
<create creator="new" javascript="Hello">
<param name="class" value="com.hello.Hello" />
</create>
</allow>
</dwr>

6. 테스트 페이지에서 Hello 클래스 테스트.

위의 작업이 끝났다면 hellodwr 프로젝트를 Run as... / Run on Server 로 실행합니다.

아래와 같이 http://localhost:8080/hellodwr 로 접속하면 404에러가 뜹니다. welcome page가 없기 때문이죠.

http://localhost:8080/hellodwr/dwr 로 접속하면 아래와 같은 dwr 테스트페이지를 볼 수 있습니다. 이 페이지는 dwr 에 노출된 Java 클래스 리스트를 보여주며, 각 클래스의 링크를 따라가면 해당 메써드를 테스트할 수 있는 페이지로 이동합니다.

7. sayHello() 에 인자 추가.

그러면 sayHello() 메써드를 아래와 같이 수정하고 테스트 페이지에서 확인해 봅시다.

package com.hello;

public class Hello {

public String sayHello(String name) {
return "hello, " + name;
}
}

B. Calc 예제 작성

1. Calc 클래스 작성. add, subtract, multiply, divide

package com.hello;

public class Calc {
public int add(int a, int b) {
return a + b;
}

public int subtract(int a, int b) {
return a - b;
}

public int multiply(int a, int b) {
return a * b;
}

public double divide(int a, int b) {
return (double) a / b;
}
}

2. dwr.xml 에 Calc 에 대한 설정 추가.

<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">

<dwr>
<allow>
<create creator="new" javascript="Hello">
<param name="class" value="com.hello.Hello" />
</create>
<create creator="new" javascript="Calc">
<param name="class" value="com.hello.Calc" />
</create>
</allow>
</dwr>

3. 테스트 페이지에서 Calc 의 각 메써드 테스트.

4. Calc 페이지 작성 (index.jsp)

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello DWR</title>
<script type='text/javascript' src='dwr/interface/Calc.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>

<script type="text/javascript">

function calc() {
var operator = document.getElementById("op").value;
var a = document.getElementById("num1").value;
var b = document.getElementById("num2").value;

switch (operator) {
case "+":
Calc.add(a, b, onCalc);
break;
case "-":
Calc.subtract(a, b, onCalc);
break;
case "x":
Calc.multiply(a, b, onCalc);
break;
case "/":
Calc.divide(a, b, onCalc);
break;
}
}

function onCalc(data) {
document.getElementById("result").value = data;
}

</script>

</head>
<body>
<h1>Hello DWR</h1>

<h3>Calc</h3>
<input type=text id=num1 value=0>
<select id=op>
<option value="+">+</option>
<option value="-">-</option>
<option value="x">x</option>
<option value="/">/</option>
</select>
<input type=text id=num2 value=0>
<input type=button value="=" onclick="calc()">
<input type=text id=result>
</body>
</html>

5. 테스트.

hellodwr.zip

hellodwr 소스

tags : ajax, DWR, java, 예제

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

DWR 시작하기 - 1. 개요

개발 2008. 7. 7. 10:58

DWR (Direct Web Remoting) : Easy AJAX for JAVA

http://directwebremoting.org/dwr/overview/dwr

DWR은 JavaScript에서 서버상의 Java객체를 이용할 수 있도록 해 주는 일종의 RPC 라이브러리입니다.
비슷한 것으로 JSON-RPC JAVA 가 있었으나 수년전 부터 더 이상 진행이 되지 않고 있다가 동일한 코드베이스로 새로운 프로젝트가 진행 중이라고 함.

How it works

아래 그림에서는 Web Browser 상의 JavaScript 에서 서버상의 Java객체의 메써드를 호출하고 그 응답을 콜백(비동기 방식)으로 받는 흐름을 도식화 하고 있습니다. (출처 dwr overview)

위 과정을 좀 더 자세히 보면 아래와 같습니다.

HTML 페이지가 로딩 되면서 Web Server (app) 로 부터 AjaxService 에 대한 Proxy(JavaScript)를 로드.
HTML 페이지의 JavaScript 로직에서 AjaxService Proxy 호출.
AjaxService Proxy는 dwr.engine 을 이용하여 해당 call 을 서버에 전송
AjaxService Proxy의 요청은 DWRServlet이 받은 후 인자등을 Java 객체로 변환하고 요청된 자바객체와 메써드를 찾아서 요청을 처리. (Unmarshall)
처리된 결과는 다시 JavaScript 형태로 변환되어 AjaxService Proxy에게 반환됨. (Marshall)
AjaxService Proxy는 콜백으로 지정된 함수를 호출하면서 서버로 부터 반환된 결과를 인자로 넘김.

Rever Ajax
서버상의 변화를 클라이언트에 바로 적용하기 위한 기술로서 DWR에서는 아래 세 가지 방식을 지원함.

Polling - 주기적으로 서버의 메써드를 호출하여 결과를 확인하는 방법.
Comet - Long-lived HTTP, server push라고도 불리며, 클라이언트에서 서버로 맺어진 http 연결에 응답스트림을 통해서 클라이언트의 메써드를 호출하는 방법.
Piggyback - 서버에서 변경된 내용을 클라이언트 호출에 대한 응답에 같이 실어서 보내는 방법.

예제 돌려 보기
DWR 다운로드 페이지에 가서 dwr.war 파일을 다운로드 합니다.

dwr.war 파일을 로컬에 설치된 WAS(Apache-Tomcat등)에 deploy합니다.
그리고 http://localhost:8080/dwr 로 접속하면 아래와 같은 페이지를 볼 수 있습니다.

아래는 war에 포함된 샘플들에 대한 링크 입니다. 각각의 샘플에는 데모와 함께 동작원리에 대한 설명이 같이 있어 DWR을 이해하는데 많은 도움이 됩니다.

DWR 소스

DWR 소스는 다운로드 링크에서 받아도 되지만 Eclipse프로젝트를 구성하기 위해 귀찮은 작업들을 해 줘야 합니다. Subversion Repository의 tag에서 최신 stable 버전의 소스를 체크아웃하면 DWR소스 뿐만 아니라 위 예제의 소스를 확인할 수 있습니다.
SVN 경로 : http://directwebremoting.org/dwr/development (읽기에는 계정 필요없음.)

tags : ajax, DWR, dwr소개, java, JSON, JSON-RPC

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

DWR 시작하기 - 목차 메모

개발 2008. 7. 5. 20:01

dwr 시작하기 - 아래 순서 정도로 접근하면 괜찮을 듯.

1. dwr - http://directwebremoting.org
* 다운로드 링크 : http://directwebremoting.org/dwr/download
* 개요 : http://directwebremoting.org/dwr/overview/dwr

2. dwr 테스트 sample web app 띄워보기
* 위 다운로드 링크에서 dwr.war 다운로드
* apache-tomcat 의 webapps 디렉토리 하위로 복사
* 간단한 데모. (Reverse Ajax 등 소개)

3. 첫 프로젝트 만들기 - Hello DWR
* eclipse 에서 dynamic web project 생성. -> hellodwr / tomcat 5.5 / java 5
* 필요한 jar - dwr.jar, common-logging.jar (target runtime을 tomcat으로)
-> WEB-INF/lib 에 복사
* web.xml 에 dwr 설정. (http://directwebremoting.org/dwr/getstarted)
* 테스트 클래스 작성 Hello.sayHello()
* dwr.xml 설정. (http://directwebremoting.org/dwr/getstarted)
* 테스트 페이지에서 메써드 테스트.
* sayHello에 인자 추가. 다시 테스트.
* 처음에 있는 개요 다시 상기시킴.

3.1. Calc 클래스 추가. (클라이언트 코드도 작성할 것임)
* add, subtract, multiply, divide - TDD로 접근; POJO기반이므로 테스트가 용이함
* dwr.xml 에 Calc 추가.
* 테스트 페이지에서 확인
* index.jsp 생성.
* 테스트 페이지에 있듯이 script 태그 추가.
* HTML/ 작업.
* 테스트.

4. hsqldb, iBatis 붙여서 DB조회해서 보여주는 예제.
* ... 미리 만들어 놓고 작성된 내용을 리뷰하면 좋을 듯... 라이브 코딩하려면 시간 좀 걸릴 듯.
a. hsqldb 설정
* WebContent/WEB-INF/lib 에 hsqldb.jar 추가.
* lib 폴더 만들고 bsh-2.0b4.jar 추가 (hsqldb의 shutdown ant task를 위해 필요)
* data 폴더 생성. (hsqldb 데이터 디렉토리)
* make 디렉토리 생성하고 build.xml, build.properties 파일 설정.
* startHSQLDB 실행 -> hsqldb의 runManager실행해서 연결 확인.
* runManager 에서 테스트 테이블 및 데이터 생성 스크립트 수행. (또는 ant task로 추가해서)
* 테스트 데이터 확인 및 stopHSQLDB 테스트.
b. ibatis 설정
* ibatis.jar 를 WebContent/WEB-INF/lib 에 복사 (최신 버전 2.3.2.715)
* com.hello.dao 에 sql-map-config.xml, Person.xml 설정, com.hello.dao.PersonDao 및 com.hello.model.Person 구현
c. PersonService (DWR 서비스?) 작성
* com.hello.PersonService 구현. personDAO를 멤버로 가짐.
* dwr.xml 에 PersonService 등록, Person 에 대한 bean convertor 설정.
* PersonService 테스트. (테스트 페이지에서)
d. Person 관리 페이지 작성 person.jsp (dwr util 사용)
* person.jsp, person.js, init.js(dwr.util.useLoadingMessage())
* search 와 detail 로 나눔
* dwr.util.cloneNode 등을 이용하여 조회한 person목록을 table로 동적으로 표시함.
* 선택된 person은 detail form에 표시되고 수정하여 저장할 수 있음.
* 선택된 person에서 id를 삭제하거나 id를 비운채 detail form을 채워서 save 하면 새로운 person으로 저장됨.
* 팁
* anchor 태그에 onclick을 사용할 경우 href 처리하기 - url에 # 붙지 않도록. href=javascript:return;
* dwr.util 을 이용하여 form value 한번에 가져오기.

5. 현재 업무에 적용해 보는 예제. (시간되면)

결론.
* 장점
* 단점
* in the future

부록. 소스 저장소 (소스 분석을 하고 싶은 경우)
* 여러 저장소가 있으나 Dojo 산하로 들어가면서 아래 저장소를 주로 쓰고 있음.
* http://svn.directwebremoting.org/dwr/ (from http://directwebremoting.org/dwr/development)
* trunk 현재 최신 개발 버전.
* tag 에는 각 버젼별 tag (현재 stable 최신 버전은 2.05 - tags/Version_2_0_5)
* tag/Version_2_0_5 를 checkout

tags : ajax, DWR, dwr소개, java

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

미디어 파일 변환 - Media Convert

팁 2008. 7. 1. 13:38

얼마전에 동영상 변환하려고 Windows상에서 show를 사용했는데, 맥에서 비슷한 툴(무료)을 찾지 못하고 있었습니다.

Mac에서 midi 파일을 mp3로 변환하려고 구글링을 하다가 우연히 딱 있었으면 했던 서비스를 발견했습니다.

Media Convert - http://media-convert.com

왠지 Media Fire ( http://www.mediafire.com/ Free File Hosting Service) 분위기가 나는 것 같지만 지금까지 본 바로는 관련은 없는 듯 합니다.

암튼, 이 서비스는 음악 (벨소리), 동영상, 문서, 사진등 우리가 사용하는 많은 종류의 파일형식을 지원합니다. 오호... 기특하기도.

이젠 왠만한 것들은 다 웹에서 서비스가 되는 세상이 되고 있네요.

tags : 변환, 웹서비스, 파일

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

[맥북] 미니씨디 넣지 마세요

맥 2008. 6. 21. 17:38

일본어 회화 책에 포함되어 있던 미니씨디를 무심코 넣었다가 비명을 지르고 말았습니다.
플레이도 안 되고 추출 버튼을 눌러도 추출도 안되고...
바로 검색을 해 보니 어떤 분은 유상으로 AS를 받아야 한다고 하시고 어떤 분은 45만원 든다고도 합니다.
...

그래서 이거 어케하지 분해해야 하나? 하면서 전원잭을 포함한 연결된 잭을 모두 분리한 후 맥북을 들고 이리 저리 보는데 쏘옥하고 미니씨디가 고개를 내밀더군요. 오른쪽으로 기울였을 때 내려온 모양입니다.
ㅎㅎ
정말 식겁했습니다
여러분은 괜히 따라하지 마시길 ^^

tags : 맥북, 미니씨디

Trackbacks 0 : Comments 0

Write a comment

: name

: password

: homepage secret mode

[아이팟] ssh 로 ipod touch 접속하기

맥 2008. 6. 18. 22:47

처음 ipod touch를 네트웍에 접속시킨 후 telnet 접속을 해 보려고 시도했으나, 계속 연결이 거부당했습니다.
ssh 를 이용해서 접근해야 하는 군요. 그런데 password는?
http://rupertgee.wordpress.com/2008/02/09/ssh-ipod-touch-mac/
root password 가 alpine 이네요.
그리고 ipod touch 에서 terminal을 열면 mobile라는 계정으로 실행되네요.
잘 접속이 됩니다. 오호.. 정말 요 작은 게 unix 머신이라니. 앞으로 재미있겠는데요.

tags : SSH, 루트계정, 아이팟터치, 터미널

Trackbacks 0 : Comments 0