posted by 써니루루 2007. 3. 21. 14:27
출처 : http://deseretnews.com/dn/view/0,1249,660204138,00.html

어떻게 된건지 모르지만 ㅋㅋ




이게 어찌된거지?

우리나라가 일본보다 포르노 산업이 높다는건가? -ㅁ-;;
posted by 권오성의 Biomedical Engineering 2007. 3. 20. 16:33
12:22 동생 선우가 수업시간에 공부는 안하고 자꾸 플레이 토크만 봐요. 걱정이예요. 좀 말려야 하는데
15:44 vsActiveX 넘 어렵워ㅡ.ㅜ
posted by 알 수 없는 사용자 2007. 3. 20. 15:33
14:36 U2는 과연 언제 우리나라에 올까?
14:48 지금 무슨 음악 들으시고 계신가요?
15:01 잠시 짬이 나서 핸드폰으로 음악 듣는중입니다. Hollow Jan 좋아하시는분 계신가요??
15:32 새 글이 없다.
posted by 써니루루 2007. 3. 20. 00:37
기존에 많이 나와있던 UI들중 http://dojotoolkit.org/ 에서 제공되던 UI에 감탄할 수 밖에 없었다..

YUI(Yahoo의 라이브러리, http://developer.yahoo.com/yui/)의 라이브러리들도 있었지만 아직은 제대로된 예제를 써보기가 많이 어려웠는데, YUI를 확장한 YUI-EXT 라는 사이트에서 멋진 UI를 보여줘서 눈을 땔 수가 없었다.

http://www.yui-ext.com/deploy/ext-1.0-alpha3/docs/


페이지를 참조해보면 정말 감탄이 나올만한 UI 인터페이스를 제공한다.

물론 나와있는 많은 JavaScript 라이브러리들이 각자의 역할에 맞는 충실한 라이브러리들이 많지만. Document의 UI측면에서는 눈에 딱 삘이 꽂히는 UI를 선보인게 아닌가? 하고 조심스럽게; 생각해본다.

아직은 v1.0-a3 단계이지만 더 지켜볼만한 가치가 있지 않나 생각한다. ^ ^


참조 :
http://grails.codehaus.org/Korean+Tag+Library+Reference
http://blog.naver.com/nsjung74?Redirect=Log&logNo=110014401861
http://ajax.asp.net/docs/overview/AsynchronousLayerOverview.aspx
http://blog.naver.com/nsjung74/110014923804
http://blog.naver.com/nsjung74/110014922975
http://blog.naver.com/iamteri/150015239824
http://cafe.naver.com/ajaxa.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=2
http://cafe.naver.com/ajaxdev.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=146
http://ajaxian.com/archives/yahoo-pipes-support-in-dojo
http://ajaxpatterns.org/Ajax_Frameworks
posted by 써니루루 2007. 3. 19. 20:08

먼저 FarPoint Technologies' Spread 6를 설치하셔야 이 예제를 해보실 수 있습니다.
ActiveX 작성한 IDE 툴로는 VB 6.0을 이용하였습니다.

먼저 VB 6.0의 새프로젝트를 열고 'ActiveX 사용자 정의 컨트롤' 프로젝트를 만듭니다.

프로젝트 속성

프로젝트 이름과 컨트롤의 이름을 다음과 같이 작성한다.



먼저 프로젝트명과 컨트롤의 속성에서 이름을 각각 AXSS와 SS로 지정하였다.

FarPoint Spread(OLEDB)

VB 6.0의 도구모음에서 '마우스 우클릭'을 해서 '구성 요소'를 선택해 위와같이 Spread 6 'FarPoint Spread(OLEDB)' 를 추가해주자.


VB 6.0의 도구모음에서 '마우스 우클릭'을 해서 '구성 요소'를 선택해 위와같이 Spread 6 'FarPoint Spread(OLEDB)' 를 추가해주자.

컨트롤 패널위에 fpSpread

'MaxCols'와 'MaxRows'를 각각 1로 설정


등록된 버튼 2개중 좌측에 있는 버튼을 클릭해서 컨트롤 패널위에 fpSpread를 끌어다 놓고,
속성 중 'MaxCols'와 'MaxRows'를 각각 1로 설정해서 한칸만 나타나도록 설정하였다.

스프레드 화면

화면에 1 * 1의 스프레드가 뜨는 것을 확인할 수 있다.


위와 같이 화면에 1 * 1의 스프레드가 뜨는 것을 확인할 수 있다.

Spread 이름

Spread 이름을 'SS1'으로 변경하였다.


추가된 스프레드의 이름은 'SS1' 이라고 이름을 변경해 주었다.

프로젝트에서 컨트롤에 우클릭해서 '코드보기'를 클릭해 코드보기 모드로 들어가서 다음 파일의 소스 코드를 입력한다.


코드를 다 입력하고 나면


압축파일의 압축을 풀고, 파일들을 프로젝트의 폴더로 옮겨서 프로젝트에서 기존 파일을 추가해서 SubMain.vb 파일을 프로젝트에 추가시키고,

tlb파일 참조

프로젝트 메뉴의 '참조'를 클릭해 tlb 파일을 추가해 보자


프로젝트 메뉴의 '참조'를 클릭해 tlb 파일을 추가해 보자


참조가 추가된 모습

참조가 추가된 모습 - VB6 - IObjectSafety Interface가 보일 것이다.


참조가 추가된 모습 - VB6 - IObjectSafety Interface가 보일 것이다.

프로젝트 속성

프로젝트 속성 메뉴에 들어가서 시작 개체를 'Sub Main'으로 바꿔준다



프로젝트 속성 메뉴에 들어가서 시작 개체를 'Sub Main'으로 바꿔준다.


이제 단축키 F5를 눌러 브라우져가 실행되는 것을 확인해보자..

사용자 삽입 이미지

다음과 같이 브라우져 상에서도 컨트롤이 뜨는 것을 확인할 수 있다.

우선 이렇게 해서 ActiveX가 되는것을 확인했으니 반은 다 된샘이 아닐까?

그렇다고..

창을 닫아 버리고 끝까지 보지 않으면 -_ -;; ActiveX를 제대로 배포하거나 사용한다고 할 수 없다.


File 메뉴의 OCX 만들기

File 메뉴의 OCX 만들기를 클릭해서 해당 폴더에 ocx파일을 만들어보자


먼저 File 메뉴의 OCX 만들기를 클릭해서 해당 폴더에 ocx파일을 만들어보자.

ocx 파일이 만들어졌으면 이 ocx 파일을 가지고 배포 패키지를 만들어야 한다.

추가 기능 관리자

추가 기능 관리자 > 패키지 및 배포 마법사의 '로드/언로드', '시작할 때 로드'를 체크해준다.


추가 기능 관리자 > 패키지 및 배포 마법사의 '로드/언로드', '시작할 때 로드'를 체크해준다.

이제 '패키지 및 배포 마법사' 메뉴가 활성화 되어있을 것이다.

패키지 및 배포 마법사

패키지 및 배포 마법사


패키지 메뉴를 클릭한다.

패키지 형식

패키지 형식은 '인터넷 패키지'를 선택한다.



패키지 형식은 '인터넷 패키지'를 선택한다.


패키지 폴더

패키지 폴더는 그냥 다음을 눌러서 넘어가면 'Package' 폴더가 생성되는걸 확인한다.



패키지 폴더는 그냥 다음을 눌러서 넘어가면 'Package' 폴더가 생성되는걸 확인한다.


포함된 파일

다음으로 넘어오면 종속성 창이 뜨는데 체크를 전부 하지 말고 다음으로 넘어가자



다음으로 넘어오면 종속성 창이 뜨는데 체크를 전부 하지 말고 다음으로 넘어가자.

파일 원본

'파일 원본' 창에서 '이 Cab 파일에 포함'을 체크하고 다음으로 넘어가자.


'파일 원본' 창에서 '이 Cab 파일에 포함'을 체크하고 다음으로 넘어가자.

안전 설정

'안전 설정'에서 '스크립트 사용에 안전'과 '초기화에 안전' 둘다 '예'로 변경하자.


'안전 설정'에서 '스크립트 사용에 안전'과 '초기화에 안전' 둘다 '예'로 변경하자.

완료

'완료'창이 떴으니 이제 패키지는 만들어 졌다고 보면 된다.


'완료'창이 떴으니 이제 패키지는 만들어 졌다고 보면 된다.
기본으로 설정된 '인터넷 패키지 1'으로 하고, *.cab 파일이 생성된 것을 확인하자.



위 압축 파일을 프로젝트 폴더에 받아 압축을 풀면 2개의 폴더가 생성된다.

versign 폴더에서 *.bat 파일이 2개 있는데 편집모드로 열어보면 이름을 바꿀 수 있다.

Versign

Versign


먼저 MakeSign.bat 파일을 실행하면,

암호 만들기

암호 만들기

위와 같이 암호를 설정할 수 있다.

암호는 까먹지 않도록 잘 기억하고, 암호를 입력한다.

사용자 삽입 이미지

파일이 AXSS로 2개가 형성된 것을 볼 수 있고,
MakeSpc.bat 파일을 마저 실행하면,

파일 3개

파일 3개


다음과 같이 총 3개의 파일을 볼 수 있다.

사용자 삽입 이미지


압축을 해제할때 있던 다른 폴더를 가보면 *.exe 실행파일을 실행해보자.
아까 빌드를 했으니 아마 위 그림과 같이 AXSS.SS 가 좌측에 추가된 것을 볼 수 있다.
추가 버튼을 눌러 오른쪽에 나타나도록 하고 'Save & Exit' 버튼을 눌러서,

사용자 삽입 이미지

다음과 같이 lpk 파일을 저장한다.

파일복사

lpk 파일과 signcode.exe 파일 복사


만들어진 lpk파일과 signcode.exe 파일을 cab파일이 만들어진 폴더로 복사해서 같은 폴더에 위치시키도록 하자.

signcode.exe 실행

signcode.exe 실행



signcode.exe 실행하면 다음과 같은 창이 뜬다. 다음을 클릭한다.

cab파일 선택

확장자를 cab으로 변경하고 cab파일을 선택한다.

확장자를 cab으로 변경하고 cab파일을 선택한다.

사용자 지정

사용자 지정을 클릭하고 다음을 넘어간다.

사용자 지정을 클릭하고 다음을 넘어간다.

인증서 파일 선택

인증서 파일을 선택한다.


인증서 파일을 선택한다.

사용자 삽입 이미지

찾아보기를 클릭해서 개인키 파일을 다음과 같이 설정한다.

사용자 삽입 이미지


해시 알고리즘

해시 알고리즘


해시 알고리즘은 'sha1'을 골라주고 다음을 클릭한다.

cab파일 인증

인증 완료.


이제 cab파일의 디지털 인증은 완료되었다. 마침을 클릭하자.

사용자 삽입 이미지

위와 같이 아름다운(?) 메시지를 확인할 수 있다.

사용자 삽입 이미지

이제 위에 생성된 cab 파일을 이용해서 activex를 자바스크립트와 HTML 컨트롤을 이용해서 제어하는 코드를 작성해보자.

기본적으로 text 에디터로 html 파일을 열어보면,


위 텍스트 파일처럼 작성이 되어 있을 것이다.

이제 우리는 HEAD 테그 엘레먼트아래 SCRIPT 테그 엘레먼트를 추가해서 ACTIVEX 제어코드와 HTML INPUT 컨트롤로 TEXT, BUTTON을 각각 2개 추가하고,

ACTIVEX에 이미 작성되어 있던 메소드를 호출해 볼 것이다.


위 HTML 코드를 다음 코드로 변경 시키도록 하자.
(OBJECT 테그에 있는 내용은 각자 작성된 HTML 코드로 이용한다.)

사용자 삽입 이미지

이제 다음과 같이 웹페이지 안에 ACTIVEX 컨트롤이 뜨는 것을 확인 할 수 있고,

위쪽의 텍스트 상자에 값을 입력하고 첫번째 버튼을 클릭하면 Spread 안에 값이 입력되고,
스프레드의 1, 1 위치에 값을 입력한 후 두번째 버튼을 클릭하면 Spread 안의 값을 테그트 상자에 가져오는 것을 확인 할 수 있다.

본 강좌에서 사용한 전체 파일의 압축 파일은 아래 파일을 다운받으면 볼 수 있다.


이상으로 FarPoint Spread를 이용한 ActiveX 페이지와 스크립트 제어에 대한 강좌를 마친다.




Creative Commons License
저작물크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
posted by 써니루루 2007. 3. 19. 12:45
posted by 권오성의 Biomedical Engineering 2007. 3. 18. 23:30
다들 고민은 그만하시고 한방에 해결하시길..

저도 정말 심각하게 느겼던 문제였네요.^^

How to Use????  다운로드 & 업데이트 & 재부팅.. ㅋ

very Easy..
posted by 써니루루 2007. 3. 18. 01:39


정말 드리프트를 연습하고픈 맘이 생기네요 ㅠ ㅠ

저런 Solid 차량으로;;
posted by 권오성의 Biomedical Engineering 2007. 3. 16. 20:40
<html>
<head>
<title>
alert() 메쏘드 예제
</title>
<SCRIPT LANGUAGE="JavaScript">
     alert("메시지를 보여줘요..")
</script>
</head>
<body>
 alert() 메소드 예제
</body>
</html>
사용자 삽입 이미지
posted by 써니루루 2007. 3. 15. 01:07
최근 블로거들 사이에서 화제가 되고있는 플톡(playtalk.net)이나 미2데이(me2day.net)라는 서비스가 있다.

미2데이는 티스토리처럼 초대장 형식으로 되어있어서 조금 번거롭기 때문에 아직은 플톡을 많이 사용하는 추세인듯한데 앞으로의 향방은 미2데이의 서비스에 달려있지 않을까? 생각한다.

두 서비스는 먼저 기존에 있던 Chat 사이트들이나 IRC 또는 잘 활성화된 커뮤니티 중심의 웹에서 사용자 중심의 개념인 UX으로 인해 자유로운 '챗(Chat)'을 위한 공간이 분산되어 제대로 된 '대화의 장소'를 찾게 되었던게 아닐까 싶다.

이번에 많은 블로거들 사이에서 화두가 되고있는 플톡을 써보니 사용자의 계정에 맞는 대화방이 영구적으로 개설이되고, 각각의 대화는 플톡의 라운지에 게시되게 되어있다.

추후적으로 플톡의 라운지에 게시되지 않는 기능이라던가, 개인적인 플톡계정이 아닌 플톡 그룹등의 기능을 이용해 자신과 대화의 주제가 같은 플톡커들 사이의 그룹 커뮤니티를 만들수 있는 서비스가 있었으면 하는 생각이 있었고, 또한 이런 그룹이나 개인의 플톡에 광고성 문구나 피싱문구 스팸문구 등을 적절히 막을 수 있는 보안을 더 신경쓸 수 있다면.. 기존에 사라지다시피 한 Chat관련 서비스 들의 운명을 따르지 않는 '정말 적절한[각주:1] Chat 서비스'라고 생각할 수 있지 않을까 생각한다.

Ref. URL : http://playtalk.net/

Postscript. 아참.. 플톡은 ASP.NET으로 개발되어있다.
  1. 적절한 : WEB2.0 형태의 UX관점에 맞는 [본문으로]