kanemochi

http://news.naver.com/main/read.nhn?mode=LSOD&mid=sec&sid1=105&oid=293&aid=0000004524&271723


"강해 지지 않았다면 돌아오지 않았다!"

오는 4월 29일 개봉하는 아이언맨 2의 홍보 블로그에 나온 문구입니다.

영화를 보기보다는 영화 전문지를 사서 '읽는' 데 익숙한 제가 '아이언맨2'를 이야기하는 이상한 일이 벌어진 이유는 순전히 '오라클' 때문입니다. 여기서 거론하는 오라클은 영화 매트릭스에 나온 '예언자'로 국내 영화팬들에게 알려져 있지만 IT 바닥에서는 '데이터베이스'를 만들면서 무지막지한 식욕을 뽑내면서 경쟁 업체들을 가차없이 먹여 삼키고 있는 세계 3대 소프트웨어 기업으로 더 알려져 있습니다.

최근 우리나라 경제지에서는 이 오라클의 래리 엘리슨 회장이 지난해 연봉 950억원을 받아 가장 많은 돈을 벌었다고 소개되기도 했죠. 실은 이 양반은 세계 두번째 부호에 올라있는 인물이기도 합니다.

이야기가 옆으로 샜군요. 전 항상 그렇습니다. 이해해 주시길!!

우선 아이언 맨 2의 홍보 영상을 보면 사람과 기계가 한몸이 돼 악당을 물리치는 '영웅'이 탄생합니다. 할리우드 특유의 상상력들을 적용한 것이지요. 이런 것들이 어제 오늘 다뤄진 주제는 아니었지만 아이언 맨 2가 개봉될 시점과 오라클이 뭔가 고객들에게 이야기하고 싶은 시점이 교묘히 맞아 떨어진 것 같습니다.
오라클은 그동안 소프트웨어 한 분야에서만 활동해 왔습니다. 정보화 분야의 핵심 시스템인 데이터베이스 분야에서 1위를 달리고 있습니다. 오라클은 데이터베이스 시장에서 번 돈과 그 영향력을 바탕으로 미들웨어 분야와 ERP(전사적자원관리), CRM(고객관계관리)와 같은 기업용 애플리케이션 분야로 사업을 확장했습니다. 최근에는 리눅스 OS 시장에도 뛰어들면서 IT 분야의 모든 소프트웨어를 품에 안았습니다.

이랬던 오라클이 '솔라리스'와 '자바'로 유명한 썬마이크로시스템즈를 인수했습니다. 썬은 대표적인 하드웨어 업체로 유명하지만 마이크로소프트의 독점 소송을 이끌었던 업체로 국내 누리꾼들에게도 알려진 하드웨어 위주의 사업을 펼쳤던 업체입니다. 썬은 하드웨어 일변도의 정책을 소프트웨어와 서비스 분야로 확대하려고 했지만 타이밍을 놓치고 오라클에 인수됐습니다. 작은 회사로 모든 리소스를 투입해 거함 마이크로소프트와 소송에 매진하다가 시장의 흐름을 놓친 것이죠. 상대를 골라도 잘 골라야 한다는 걸 썬이 잘 보여줬다고나 할까요.

그럼 소프트웨어 회사가 왜 하드웨어 업체를 샀을까요? 래리 엘리슨 오라클 CEO는 썬을 인수하면서 "애플과 시스코 같은 회사의 비즈니스 모델이 부러웠다"고 밝힌 바 있습니다. 요즘 애플 모르면 국내서도 간첩 대접 받을 텐데요. 애플은 하드웨어와 소프트웨어를 최대한 결합해 사용자에게 제공합니다. 시스코의 경우 바퀴벌레 잡는 세스코하고 헷갈려 하는 국내 누리꾼들이 많던데요. 시스코는 전세계 통신 네트워크 장비 1위 업체입니다. 자사의 소프트웨어를 네트워크 장비에 최적화시켜서 세계 시장을 석권하고 있습니다.

오라클은 향후 IT 시장이 이렇게 하드웨어와 소프트웨어가 아주 긴밀히 통합된 형태로 변모할 것이라고 주장하고 있습니다. 그동안 오라클은 소프트웨어만 만들었고, 이를 가져다가 HP, 썬, 델, 후지쯔, IBM 같은 하드웨어 업체가 자사 장비에 최적화시켜 왔습니다. 고객들은 데이터베이스를 구매할 때도 오라클과 서버 업체와 분리해서 구매를 하는 경우가 많았습니다.

그런데 최근 데이터량이 기하급수적으로 늘어나고 있습니다. 표준화된 장비와 소프트웨어로 처리하는 데는 한계가 있는 것이죠. 하드웨어와 소프트웨어가 최고의 궁합을 맞춰서 나온 것들이 바로 '어플라이언스'라는 것입니다. 네트워크 장비나 보안 분야에서는 이미 이런 어플라이언스가 일반화돼 있습니다. 그런데 점차 데이터베이스를 가동하는 서버도 이렇게 변모할 것이라는 거죠.

현재는 모두가 이런 어플라이언스를 원하는 것은 아닙니다. 데이터웨어하우스(DW)로 불리는 특정 영역에서 수요가 있습니다. 기업 내부에 존재하는 수 많은 데이터를 한 곳에 모아놓고 분석을 할 때 사용하는 것이죠. 오라클은 IBM이라는 회사를 겨냥하고 있습니다. IBM은 모든 것들을 다 가지고 있습니다. 소프트웨어 업체들과 일도 많이 하지만 소프트웨어 사업을 강화하면서 자사의 소프트웨어가 자사의 서버에서 최고의 성능을 내도록 하고 있습니다.

고객들 입장에서는 하드웨어와 소프트웨어를 별도로 구매해서 이를 자신의 업무에 최적화 시키느라 많은 시간을 소비할 필요없이 자신의 업무에 맞는 어플라이언스를 사서 필요 부분만 손을 대고 싶어 합니다. 지금은 DW 분야에 한정되고 있지만 향후엔 미들웨어 분야로 확대될 확율도 높습니다. 필요한 어플라이언스를 사서 그냥 쌓기만 하면 작동이 가능하도록 하는 것이죠.

고객 입장에서는 이점도 있지만 특정 업체에 종속되는 상황도 발생할 수 있습니다. 하지만 전반적으로 IT 시장이 몇몇 업체로 과점화되고 있는 상황이기 때문에 선택의 폭도 넓지가 않습니다.

하드웨어와 소프트웨어를 최고로 잘 결합하겠다는 오라클이 아이언맨2를 자사의 홍보에 적극 이용하고 있는 이유입니다.

그런데 여기서 의문이 듭니다. 아이언맨2는 영웅이 됐지만 과연 오라클도 '영웅'이 될까요? 예고편을 보다보면 사악한 '악당'도 등장하거든요. 스파이더맨에서도 고블린이라는 기기를 이용한 악당이 등장합니다. 오라클은 자신이 '영웅'이라고 하지만 고객 입장에서는 '영웅'이 아니라 DB 시장을 장악한 후 고객들의 주머니를 털어가는 '악당'으로 생각하는 이들도 많습니다. 그런 악당이 하드웨어 분야까지 손을 대니 걱정이 더 많다는 것이죠.

오라클(Oracle)은 악당일까요 영웅일까요?

오라클 덕분에 아이언맨 2를 좀 봐야 할 것 같네요. ^.^

도안구 기자 eyeball@bloter.net



도안구 기자님...
오라클에서 명예소송 들어오면 어쩌려구..
암무튼 바른글 좋은글 잘 읽었습니다...

http://100.naver.com/100.nhn?type=image&media_id=489610&docid=20675&dir_id=0501020201

http://www.semicon.toshiba.co.jp/product/ssd/ssd/merit.html

住宅用太陽光発電システム

http://www3.toshiba.co.jp/sic/h-solar/question/index_j.htm

http://www.zdnet.co.kr/Contents/2010/03/29/zdnet20100329105835.htm


전세계 스마트폰 운영체제(OS) 시장에서 아이폰OS가 독보적인 1위를 유지하는 가운데 구글 안드로이드의 추격전이 가시화되고 있다.

 

IT정보 미디어인 아스테크니카는 27일(현지시간) 아이폰 운영체제(OS)가 여전히 모바일웹을 지배하고 있지만 안드로이드 점유율이 증가세라고 보도했다. 아스테크니카는 모바일광고업체 애드몹이 지난 25일(현지시간) 내놓은 모바일인터넷 통계를 인용했다.

 

애드몹 모바일 통계는 자사 모바일광고 트래픽을 통해 단말기 및 OS 종류, 사용지역 등을 조사한 것이다.

 

보도에 따르면 아이폰과 안드로이드 OS 트래픽 점유율은 전세계 기준으로 여전히 격차가 있었지만 안드로이드는 높은 성장세를 보이며 아이폰을 뒤쫓는 추세다.

 

지난달 기준 전세계 아이폰OS 점유율은 1위(50%), 안드로이드가 2위(24%)로 두배 격차다. 심비안(18%), 리서치인모션(RIM)(4%), 윈도모바일(2%) 등이 뒤를 따랐다.

 

▲ 2010년 2월 전세계 스마트폰 운영체제(OS)별 이용량 (출처: 애드몹)

지난해 2월 점유율은 심비안이 1위(43%), 아이폰이 2위(33%)였다. 지난 1년동안 아이폰은 주로 증가세, 심비안은 하락세였다. 당시 안드로이드(2%)는 RIM(10%)이나 윈도모바일(7%), 팜(3%)보다 낮은 점유율에 머물렀다.

 

▲ 2009년 2월 전세계 스마트폰 운영체제(OS)별 이용량 (출처: 애드몹)

한편 미국내 점유율은 안드로이드가 아이폰을 거의 따라잡은 모양새다.

 

지난달 기준 미국내 아이폰OS 점유율은 1위(44%)인데 안드로이드가 2위(42%)로 그 뒤를 이었다. 아이폰은 지난해 2월에도 1위(50%)였지만 안드로이드는 림, 윈도모바일, 팜에 이어 5위(3%)에 불과했다.

 

▲ 2010년 2월 미국 스마트폰 운영체제(OS)별 이용량 (출처: 애드몹)

아스테크니카는 지난해 10월 아이폰 점유율이 한때 55%까지 이르렀던 사실을 지적하고 "안드로이드는 특히 어마어마한 성장을 거뒀다"며 "여러 HTC 단말기와 모토로라 '드로이드'가 이런 성장세를 이끌었을 것"이라고 분석했다.

 

▲ 2009년 2월 미국 스마트폰 운영체제(OS)별 이용량 (출처: 애드몹)

통계에 따르면 2월부터 지난달까지 1년동안 스마트폰을 통한 인터넷사용량이 193% 늘어 전체 모바일인터넷 비중에서 절반에 달했다. 그에반해 일반 휴드폰은 같은기간 증가량이 31%에 불과하고 전체 비중이 58%에서 35%로 떨어졌다. 휴대폰과 스마트폰을 제외한 모바일 인터넷 기기(MID), 휴대용 게임기와 전자책 단말기 등의 모바일인터넷 사용량은 403% 늘어 전체 17%을 차지했다.

트랙백 주소 : http://www.zdnet.co.kr/Reply/trackback.aspx?key=20100329105835

http://raccoondog.net/90083680170

http://raccoondog.net/90076371303

http://mutizen.tistory.com/89

RD-A300/600

http://www3.toshiba.co.jp/hdd-dvd/products/vardia/rd-a600_a300/index.html

 

※各画面は開発中、もしくは従来機種の画面です。実際の製品とは若干異なる場合があります。 ※1 地上デジタル放送（約17Mbps）をTSモード、HD品質、音声MPEG2 AAC5.1chで録画した場合。ただし、TSモードの1回の最長連続録画予約単位は24時間未満です。 ※2 画質レートMN1.0Mbps、音声モードM1時のHDD最大録画スペース。ただし、1回の最長 連続録画単位は9時間。 ※3 ハードディスクの容量は、1GB=10億バイトで計算しています。 ●ドルビーロゴ、Dolby、ドルビー、及びダブルD記号は、ドルビーラボラトリーズの登録商標です。 ●DTSロゴ、DTSは、デジタル・シアター・システムズ社の登録商標です。 ●Qサウンド技術はQサウンド社によって開発されたサラウンド音響技術です。 ●HDMI、HDMIロゴおよびHigh-Definition Multimedia Interfaceは、HDMI Licensing LLC.の登録商標または商標です。 ●W録®、WEPG®は、株式会社東芝の登録商標です。 ●その他の社名や商品名は各社の登録商標または商標です。 ●各商品説明ページに掲載している画面は機能説明用のものです。実際の製品とは若干異なる場合があります。

 

RD -A301

 

http://www3.toshiba.co.jp/hdd-dvd/products/vardia/rd-a301/index.html

 

※各画面は開発中、もしくは従来機種の画面です。実際の製品とは異なる場合があります。

※1	地上デジタル放送（約17Mbps）をTSモード、HD品質、音声MPEG2 AAC5.1chで録画した場合。ただし、TSモードの1回の最長連続録画予約単位は24時間未満です。
※2	画質レートMN1.0Mbps、音声モードM1時のHDD最大録画スペース。ただし、1回の最長 連続録画単位は9時間。
※3	ハードディスクの容量は、1GB=10億バイトで計算しています。
●ドルビーロゴ、Dolby、ドルビー、及びダブルD記号は、ドルビーラボラトリーズの登録商標です。 ●DTSロゴ、DTSは、デジタル・シアター・システムズ社の登録商標です。●HDMI、HDMIロゴおよびHigh-Definition Multimedia Interfaceは、HDMI Licensing LLC.の登録商標または商標です。 ●W録®、WEPG®は、株式会社東芝の登録商標です。 ●その他の社名や商品名は各社の登録商標または商標です。 ●各商品説明ページに掲載している画面は機能説明用のものです。実際の製品とは若干異なる場合があります。

	デジタル放送番組の新しいコピー制限にいち早く対応！
	ダビング10の詳しい機能情報はこちら

	ＨＤトランスコーダーで高画質・長時間録画を実現
	詳しい情報はこちら

	HD DVDプレーヤー機能を搭載しています。DVD-Videoや音楽CDだけでなくHD DVDソフトも高画質で楽しめます。
	詳しい情報はこちら

	初めて使うユーザーにわかりやすい「スタートメニュー」やはじめての設定など簡単機能を満載。
	詳しい情報はこちら

	番組を見ながら、選局や録画予約、録画済み番組の再生が可能。
	詳しい録画機能情報はこちら

	ハイビジョン番組をはじめ、録画番組の編集がフレーム単位で可能。
	編集ナビの詳しい機能情報はこちら

	画面に沿って進めるだけで、迷わず簡単にダビングできる。
	かんたんダビングの詳しい機能情報はこちら

	ネットdeナビ（Ver.2）を搭載。ネットdeモニターやネットdeダビング、メール予約といった機能もフル搭載。
	ネットdeナビ（Ver.2）の詳しい機能情報はこちら

	テレビのリモコンでヴァルディアの操作ができるレグザリンク（HDMI連動）が使えます。     RD-X7 http://www3.toshiba.co.jp/hdd-dvd/products/vardia/rd-x7/index.html   ★ BSデジタルHD放送（24Mbps）をTS録画した場合とTSE3.6Mbps（音声1ストリーム）で録画した場合を比較したおよその値。画質は元の映像に対して変化します。 ※1 TSE3.6Mbps(音声1ストリーム）で録画した場合。低い画質レートでTSE記録するとブロック状のノイズが目立ったり、映像が乱れたりすることがあります。 ※2 画質レートMN1.0Mbps、音声モードM1時のハードディスク最大録画スペース。ただし、1回の最長 連続録画単位は9時間。 ※3 ハードディスクの容量は、1GB=10億バイトで計算しています。 ●ドルビーロゴ、Dolby、ドルビー、及びダブルD記号は、ドルビーラボラトリーズの登録商標です。 ●DTS および DTSロゴや記号はDTS社の登録商標または商標です。●HDMI、HDMIロゴおよびHigh-Definition Multimedia Interfaceは、HDMI Licensing LLC.の登録商標または商標です。 ●W録®、WEPG®は、株式会社東芝の登録商標です。 ●その他の社名や商品名は各社の登録商標または商標です。

W21T

http://www.toshiba.co.jp/product/etsg/cmt/au/w21t/w21t_menu_nf.htm

W31T
http://www.toshiba.co.jp/product/etsg/cmt/au/w31t/w31t_01_nf.htm

W41T
http://www.toshiba.co.jp/product/etsg/cmt/au/w41t/w41t_01_nf.htm

http://www.zdnet.co.kr/Contents/2010/03/16/zdnet20100316115859.htm


[지디넷코리아]구글의 스마트폰 운영체제(OS) '안드로이드'는 이동통신 시장에 가장 위협적인 존재로 성장하고 있다. 애플에겐 '운명적 숙적'과도 같다.

 

씨넷은 15일 '안드로이드폰이 아이폰보다 좋은 10가지 이유'란 제목에 기사를 내보냈다. '기능·디자인·편의성' 등 다방면에서 두 제품을 비교 분석한 것이다. 

 

■멀티태스크
HTC가 최초 개발한 안드로이드폰인 ‘넥서스원’은 애플 아이폰이 흉내 낼 수 없는 수준의 ‘멀티태스크(multitask)’를 지원한다. 소형 액정에 나타난 바탕화면에서 갖가지 애플리케이션을 동시에 구동시켜 업무효율성 측면에서 우위를 점하고 있다. 

■구글과의 결합  
구글이 제공하는 모든 인터넷서비스와 연동된다는 점은 안드로이드폰만의 특장점이다. 'G메일''구글 토크''구글 맵''구글 고글''유튜브''구글 캘린더', 나아가 구글의 킬러 서비스인 '검색'과도 연동이 잘 이뤄져 통합된 인터넷서비스를 구현할 수 있다. 아이폰도 구글의 서비스를 지원하고 있긴 하나 구글폰을 따라 잡을 수 있을 정도는 아니다.

■개인화된 위젯
안드로이드폰 액정에 나타난 아이콘은 사용자가 원하는 대로 설정할 수 있다. 예컨대 ‘바로 가기’를 자유롭게 추가할 수 있고, 관련된 서비스를 폴더에 차곡차곡 정리해 원할 때 빼 쓸 수 있다. 또 소셜네트워크사이트(SNS)인 '페이스북'이나 '트위터'와 뉴스 및 날씨에 대한 위젯을 화면 상단에 따로 배열할 수 있어 당장 필요한 정보를 빠르게 취득할 수 있다. 또 블루투스나 와이파이(Wi-Fi)와 같은 인터넷 접속 옵션도, 액정화면에서 손쉽게 제어할 수 있다. 

■안드로이드 오픈마켓
구글 ‘안드로이드 마켓’에 등록된 애플리케이션은 애플 ‘앱스토어’에 비해 수적으로 열세이나 구글은 애플처럼 사용자가 등록한 애플리케이션을 마음대로 삭제하지 않는다.

■PC동기화와 외장메모리
안드로이드폰은 아이폰과 다르게 외장 메모리 기능을 지원한다. 또 음원 사이트인 ‘아이튠즈’와 같은 소프트웨어와 반드시 연결되지 않더라도 PC와 연결할 수 있어 더 많은 서비스를 지원받을 수 있다. 

■브라우저
안드로이드가 제공하는 기본 브라우저는 아이폰의 ‘사파리’처럼 다채로운 기능을 제공한다. 안드로이드가 제공하는 표준 브라우저가 사용자의 마음에 썩 들지 않더라도 '오페라' 등 다른 선택을 할 수 있다. 무엇보다 ‘플래시 라이트’는 아이폰에서 지원되지 않는 것이다.

■골라 잡는 이동통신사
AT&T에 불만을 가지고 있는 아이폰 사용자는 무척 많다. 하지만 안드로이드에선 스프린트, T모바일, 버라이즌 와이어리스 등 모든 이동통신회사 중 원하는 서비스를 선택해 받을 수 있다.

■많은 종류의 디바이스
아이폰은 뛰어난 제품이긴 하나 오직 한 가지 디자인에 국한된다. 하지만 안드로이드폰은 다양한 디자인과 크기에 제품을 공급하고 있다.  

■오픈 OS
안드로이드에선 개별 개발자들이 오픈 운영체제(OS)를 통해 독창적인 디자인과 기능을 더할 수 있다. 이를 통해 안드로이드 커뮤니티가 활성화될 수 있는 것이다.

■탈부착 배터리
배터리 교환이 불가능한 아이폰에 비해 자유롭게 교체 가능한 안드로이드폰의 하드웨어 속성은 더 이상 말이 필요 없는 최고 차별점이다. 
 



트랙백 주소 : http://www.zdnet.co.kr/Reply/trackback.aspx?key=20100316115859

http://moogi.tistory.com/category/jQuery/Plugin

 

http://floatmargin.com/2009/jquery-checkbox-tree-plugin-new-and-improved/

 

 

 

 

1. <ul class="mytree">  
2.   <li>  
3.     <input type="checkbox" name="foo" value="whatever" />  
4.     <label>Item 1</label>  
5.   <ul>  
6.     <li>  
7.       <input type="checkbox" name="foo" value="whatever" />  
8.       <label>Child Item 1</label>  
9.     </li>  
10.   </ul>  
11.   </li>  
12. </ul>  

<ul class="mytree">  <li>    <input type="checkbox" name="foo" value="whatever" />    <label>Item 1</label>  <ul>    <li>      <input type="checkbox" name="foo" value="whatever" />      <label>Child Item 1</label>    </li>  </ul>  </li></ul>

All you need to use checkbox tree is this:

http://valums.com/ajax-upload/

Browsers force us to use file inputs (<input type=”file” />) for uploads, which are impossible to style. Moreover, form-based uploads look obsolete in modern web applications. We can use flash to solve this problem, but JavaScript works nice too.

AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. It works in all major browsers and doesn’t require any library to run. AJAX Upload doesn’t pollute the global namespace, and is tested with jQuery, Prototypejs.

Demo

Here is an examples for AJAX Upload used with jQuery.

Download

Version 3.9 was released on 01.01.2009

Issues, contributing and latest version

The project has been moved to GitHub, and you are welcome to fork and hack it. Also the preferred way to leave comments, bug reports and requests is to use an issue tracker. You should be registered on GitHub to do that.

How to use it?

Creating the uploader

First, you should create button. (You can use any element).

<div id="upload_button">Upload</div>

Next, you should create ajax upload instance. In it’s simplest form, you can create it using the following code:

// You must create it only after the DOM is ready for manipulations
// Use $(document).ready for jquery
// document.observe("dom:loaded" for prototype
new AjaxUpload('upload_button_id', {action: 'upload.php'});

Configuring ajax upload

new AjaxUpload('upload_button_id', {
  // Location of the server-side upload script
  // NOTE: You are not allowed to upload files to another domain
  action: 'upload.php',
  // File upload name
  name: 'userfile',
  // Additional data to send
  data: {
    example_key1 : 'example_value',
    example_key2 : 'example_value2'
  },
  // Submit file after selection
  autoSubmit: true,
  // The type of data that you're expecting back from the server.
  // HTML (text) and XML are detected automatically.
  // Useful when you are using JSON data as a response, set to "json" in that case.
  // Also set server response type to text/html, otherwise it will not work in IE6
  responseType: false,
  // Fired after the file is selected
  // Useful when autoSubmit is disabled
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onChange: function(file, extension){},
  // Fired before the file is uploaded
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onSubmit: function(file, extension) {},
  // Fired when file upload is completed
  // WARNING! DO NOT USE "FALSE" STRING AS A RESPONSE!
  // @param file basename of uploaded file
  // @param response server response
  onComplete: function(file, response) {}
});

Note: Do not use the data parameter to attach dynamic data, like this “data: {txt: textfield.value}”, because it will assign data when the instance of the AJAX Upload is created and will not change later. If you want to pass additional data from textfields use setData method in a onSubmit callback.

Instance methods

• submit – Submits file to the server (useful when autoSubmit is disabled)
• disable – Disables upload button
• enable – Enables upload button
• setData(data) – Overwrites data parameter

//You can use these methods, to configure AJAX Upload later.
var upload = new AjaxUpload('div_id',{action: 'upload.php'});
//For example when user selects something, set some data
upload.setData({'example_key': 'value'});

//Or you can use these methods directly inside event function
new AjaxUpload('div_id', {
  action: 'upload.php',
  onSubmit: function() {
    // allow only 1 upload
    this.disable();
  }
});
});

How do I access the uploaded files?

For the server-side code it looks like the file is uploaded with the simple upload form, because of that you can use any language you want.

You can access the uploaded file with:

• PHP: $_FILES['userfile']
• Rails: params[:userfile]

Note that “userfile” is the default value for the option ‘name’.

You can access the additional data with:

• PHP: $_POST['yourkey']
• Rails: params[:yourkey]

Server-side script

If you are using php, here is a simplest example that I got straight from php manual

$uploaddir = '/var/www/uploads/';
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
  echo "success";
} else {
  // WARNING! DO NOT USE "FALSE" STRING AS A RESPONSE!
  // Otherwise onSubmit event will not be fired
  echo "error";
}

ColdFusion based file upload. (Default barebones solution)

<cffunction name="uploadFile" access="remote" output="false">  <cfargument name="userFile">  <cffile action="upload" fileField="userFile" destination="directory/path/on/server/">  <cfreturn "whatever"></cffunction>

And here is an ASPX handler, please modify it to suit your needs:

using System;
using System.Web;
using System.IO;

public class FileHandler : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        string strFileName = Path.GetFileName(context.Request.Files[0].FileName);
        string strExtension = Path.GetExtension(context.Request.Files[0].FileName).ToLower();
        string strSaveLocation = context.Server.MapPath("Upload") + "" + strFileName;
        context.Request.Files[0].SaveAs(strSaveLocation);

        context.Response.ContentType = "text/plain";
        context.Response.Write("success");
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

How to allow only certain file types?

The best way is to check the file type of selected function in a onSubmit callback function and return false to cancel upload if invalid file is selected. But don’t forget to add a server-side check for security.

new AjaxUpload('button2', {
        action: 'upload.php',
        onSubmit : function(file , ext){
                if (! (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))){
                        // extension is not allowed
                        alert('Error: invalid file extension');
                        // cancel upload
                        return false;
                }
        }
});

http://economy.hankooki.com/lpage/hotissue/201003/e2010031415310696990.htm

월수입 150만원인 새내기 직장인, 종잣돈 빨리 모으려면…

http://webnoon.net/entry/jQuey-강좌-6-Select-필드를-동적으로-변경하기-width-PHP

jQuery 강좌8. Select 필드를 동적으로 변경하기 width PHP jQuery 2010/03/10 17:03 수정 삭제 http://blog.naver.com/ix07/140102875362 http://webnoon.net/entry/jQuey-강좌-6-Select-필드를-동적으로-변경하기-width-PHP   이제 슬슬 서버사이드 언어인 PHP 와 jQuery 를 함께 사용하는 예제를 다루어 보도록 하겠습니다. 이번 강좌에서는 Select 필드의 항목이 변경되면 다른 필드가 동적으로 변경되는것을 해보도록 하겠습니다. 이 예제는, 여러 사이트의  회원가입 양식에서 보셨을텐데요. 예로, 내가 해당하는 국가를 선택하면 그에 따른 도시명들이 나열되는 select 필드가 동적으로 생성되는 예제입니다. 1. 먼저, Client Language 를 살펴보고, (jQuery 와 Html) 2. Server-side code 를 살펴본다음, 3. 코드에 대한 설명을 하도록 하겠습니다. 1. jQuery & html Code <script src="../jquery.js.txt" type="text/javascript"></script> <script type="text/javascript">     function setup_country_change(){         //나라가 바뀌는지 이벤트를 감지함.         //문서가 ready 되면 실행되는 콜백 함수         $('#country').change(update_cities);     }     function update_cities(){         //선택된 나라를 country 변수에 저장한다.         var country = $('#country').attr('value');         //나라가 선택되면 get_city.php 함수 실행         //데이터가 반환되면 show_cities() 함수가 실행된다.         $.get('get_cities.php?country='+country,show_cities);     }     function show_cities(res){         //get_cities.php 에 의해 데이터가 반환되면 res로 받아옵니다.         //필드를 변경한다.         $('#cities').html(res);     }     //문서가 로드 완료되면 setup_country_change() 함수를 실행한다.     $(document).ready(setup_country_change);     </script> </head> <body> <h1>웹눈의 jQuery 강좌 6 - Select 필드 동적으로 변경하기</h1> <h3>이 강좌는 'http://webnoon.net - 웹눈의 웹이야기' 블로그에서 보실수 있습니다.</h3>     <form id="select_country" name="select_country" method="" action="#">         <table>             <tr>                 <th>Country</th>                 <td>                     <select name="country" id="country">                         <option value="" selected="selected">나라를 선택해주세요.</option>                         <option value="ko">한국</option>                         <option value="us">미국</option>                         <option value="uk">영국</option>                     </select>                 </td>             </tr>             <tr>             <th>Cities</th>                 <td id="cities">나라를 먼저 선택해주시기 바랍니다.</td>             </tr>         </table>     </form> </body> 2. PHP - Code <?php     switch($_REQUEST['country'])     {         case "ko":         $cities = array('서울','대전','부산','대구');         break ;                 case "us":         $cities = array('New york','Cicago','L.A','또 뭐가 있니');         break ;                 case "uk":         $cities = array('London','도시1','도시2','도시3');         break;         default :         $cities = false ;         break;     }     if(!$cities) echo "나라를 선택해 주시와요.";     else echo "<select name='city'><option>".             join('</option><option>',$cities).             '</option></select>'; ?> 3. 코드에 대한 설명 먼저, 전체적인 그림을 잡아보도록 하지요. 사용자가 하는 행위를 생각해 보면, 우선 나라를 선택을 하게 될것입니다.. 이런 행위를 프로그래밍에서는 '이벤트가 발생한다' 고 하는데요, 즉, 사용자가 나라를 선택하는 행위의 발생을 말합니다. 그러면 우리가(코더 혹은 프로그래머)가 해야 할 일은 이러한 사용자의 행위(이벤트) 의 발생을 감지해서 그에 따른 적절한 조치들을 취해야 겠지요? 이번 예제에서는 선택하는 이벤트가 발생하면 해당 국가의 도시명들을 가지고 오는 작업을 해주어야 하겠습니다. 그럼 1번 jQuery 코드를 살펴보면, 사용자의 이벤트를 감지하는 코드를 볼수가 있습니다. 무엇이냐구요? 바로 setup_country_change() 함수 안에 있는 $('#country').change(update_cities) 부분이 사용자의 이벤트를 감지하는 부분입니다. $('#country') 라는 'Object(객체)' 에 변화(change) 가 감지되면 update_cities 라는 콜백 함수를 실행하라는 내용이지요. html 코드를 보면 id가 country 로 되어 있는 부분이 select box 로 되어있는것을 알수 있습니다. 즉, 사용자가 select box를 선택(변경) 하면 발생하는 이벤트를 감지해서 update_cities() 라는 함수를 실행한다는 내용입니다. 그럼 변화가 발생하면 실행되는 함수인 update_cities() 함수를 살펴보도록 하지요. 이 함수는 어느 나라가 선택되어졌는지 확인하고, 서버사이드 언어인 PHP에 선택되어진 나라 정보를 전송하게 됩니다. var country = $('#country').attr('value'); 이 부분이 선택되어진 나라를 변수에 저장하는 부분입니다. select box를 보면 option 마다 속성값이 있는것을 볼수 있는데, 이것이 선택될때마다 #country 객체의 value 값이 바뀌게 됩니다. 만약, '한국'을 선택했다면 country 변수에는 'ko'라는 값이 할당이 되겠지요? 이제 이 예제의 핵심적인 부분을 살펴 보도록 하겠습니다. $.get('get_cities.php?country='+country,show_cities); 이 부분은 get_cities.php 인 서버측에 선택되어진 나라 정보를 전송하고나서 get_cities.php로 부터 제공되어지는 데이터를 retrieve(되돌려 전송) 받습니다. 선택되어지 나라 정보를 get 방식으로 전송한다는것을 알수 있지요? $.get() 함수는 두개의 매개변수를 전달 받는데, 첫번째에는 데이터를 전송/수신 할 php 주소를, 두번째는 서버로부터 데이터를 전송받으면 실행할 콜백 함수를 정의합니다. 뭐.. 간단하지요? 마지막으로 show_cities()함수를 살펴보도록 하지요. show_cities() 함수는 $.get에 의해 불리어지는 함수인데, 서버측에서 제공하는 데이터를 매개변수로 받습니다. 즉, show_cities(res){} 식으로 사용하는데, res에는 서버에서 전송하는 데이터 정보가 담겨져 있지요. 이렇게 서버로부터 전송받은 데이터를 $('#cities').html(res); 와 같은 식으로 #cities 필드의 html 값을 변경시키는 것입니다. 그럼 이제, 서버측 언어를 살펴보도록 하지요. 대충 어떻게 되어있을지 감이 오지 않나요? 네, 간단합니다. $.get에서 전송한 나라 정보를 switch문을 사용해서 판별한다음에, 그에 맞는 도시명들을 반환하는 역할을 하고 있습니다. 여기서는 DB와 연동 하지는 않았지만, DB와도 문제없이 사용할수 있겠지요? 그럼 강좌는 여기서 마치도록 하겠습니다. p.s - 예제 소스는 파일로 첨부하였으니, 다운받아서 실행해 보시기 바래요. 질문은 언제나 환영입니다~ dynamicSelectBox.zip dynamicSelectBox.zip

http://webnoon.net/entry/jQuery-강좌5-카테고리-분류하기필터링

http://webnoon.net/entry/jQuery-강좌4-이미지-바꾸기

이번 강좌에서는 섬네일 이미지를 누르면 큰 이미지가 변환되도록 해보겠습니다. 자세한 내용은 예제를 다운받아 보세요.

http://webnoon.net/entry/jQuery-강좌3-스크롤바-따라다니는-슬라이드-메뉴

 

jQuery 강좌3. 스크롤바 따라다니는 슬라이드 메뉴

웹서핑을 하다 보면 스크롤바를 따라다니는 슬라이드 메뉴를 자주 볼수 있습니다. 오늘은 슬라이드 메뉴를 jQuery로 만드는 방법을 알아보도록 하지요. jQuery가 처음이신 분들은 강좌1 부터 보시는걸 권장합니다.

http://webnoon.net/entry/jQuery-강좌2-펼침목록-만들기

toggle.htm

http://webnoon.net/entry/jQuery-강좌-1-어려운개념은-버리고-바로-시작하기

jquery.js

http://neokido.tistory.com/entry/JQuery-기본-Selector

# 기본 셀렉터

# 위치기반 셀렉터

# 필터 셀럭터

http://webnoon.net/entry/jQuery-강좌-Selector선택자-개념

jQuery 강좌 - Selector(선택자) 개념

http://channel.pandora.tv/channel/video.ptv?ref=na&redirect=prg&ch_userid=epainter&prgid=33210994&categid=

 

http://blog.naver.com/ddeng722?Redirect=Log&logNo=120102153477&vid=0

http://cafe.naver.com/uistorys.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=220

jQuery는 자바스크립트와 HTML 사이의 상호작용을 강조하는 경량화된 웹 애플리케이션 프레임워크이다.

존 레시그에 의해, 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 릴리즈되었다.

jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서의 듀얼 라이선스 하의 자유 오픈 소프트웨어이다.

기능

jQuery는 다음과 같은 기능을 같고 있다

 

DOM 엘리먼트 선택

DOM 트래버설 및 수정 (CSS 1-3 지원. 기본적인 XPath를 플러그인 형태로 지원)

이벤트

CSS 조작.

특수효과 및 애니메이션

Ajax

확장성

유틸리티 - 브라우저 버전, "each" 함수

자바스크립트 플러그인

 

 

사용법

jQuery는 한 개의 JavaScript 파일로 존재한다. 공통의 DOM, 이벤트, 특수 효과, Ajax 함수를 포함한다. 다음 코드를 쓰면, 웹 페이지로 포함시킬 수 있다:

<PRE class=de1><script type="text/javascript" src="path/to/jQuery.js"></script></PRE>

jQuery는 두 가지의 상호 작용 스타일을 갖고 있다:

$ 함수 이용. jQuery 오브젝트의 팩토리 메소드이다. 이 함수들은 "chainable"하다: 각각은 jQuery 오브젝트를 리턴한다.

$. -가 앞에 붙은 함수 이용. 이들 함수는 jQuery 오브젝트 그 자체와 연동되지는 않는다.

 

일반적으로 여러 개의 DOM 노드들을 조작하는 웍플로우는 $ 함수로 시작된다.

CSS 셀렉터 스트링을 가지고 호출된다. 결과적으로 0개 혹은 그 이상의 HTML 페이지 내의 엘리먼트를 리퍼런스하는 jQuery 오브젝트가 리턴된다. 이 노드 집합들은 jQuery 오브젝트에 대해 인스턴스 메소드들을 적용함으로써 조작될 수 있다. 혹은 노드들 그 자체가 조작될 수 있다. 예를 들면 다음과 같다:

<PRE class=de1>$("div.test").add("p.quote").addClass("blue").slideDown("slow");</PRE>

…div 태그가 달린 모든 엘리먼트를 찾되, 클래스 애트리뷰트가 test인 것을 찾는다.

p 태그를 찾되, 클래스 애트리뷰트가 quote인 것을 찾는다. 찾아낸 각각의 엘리먼트에 대해 클래스 애트리뷰트 blue를 추가한다.

그 뒤 애니메이션 효과를 주어 아래쪽으로 슬라이드(미끄러지게) 시킨다.

$ 및 add 함수는, 찾아낸(matched) 집합(set)에 영향을 준다. addClass 및 slideDown는 리퍼런스된 노드들에 영향을 준다.

$.가 앞에 붙은 함수들은, 글로벌 프로퍼티나 비해이비어에 영향을 주는, 간편한(유틸리티) 메소드들이다.

예를 들면 다음과 같다:

<PRE class=de1>$.each([1,2,3], function() { document.write(this + 1);});</PRE>

… 234 를 도큐먼트에 출력한다.

Ajax 루틴들은 $.ajax 및 관련 코드를 이용하여 수행할 수 있다.

이를 사용하여, 원격 데이터(remote data)를 로드하거나 조작할 수 있다.

<PRE class=de1>$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); }});</PRE>

 

… 파라미터 name=John, location=Boston을 주면서 some.php에 요청을 보낸다. 요청이 성공적으로 수행되었으면, 그 응답이 alert()된다.

<HTML>
<HEAD>
<TITLE>자바 스크립트 쿠키 셋팅, 추출, 삭제 예제</TITLE>
<STYLE type = "text/css">
 table{ font-size:9pt; }
</STYLE>
<SCRIPT>
 /**
  * 쿠키값 추출
  * @param cookieName 쿠키명
  */
 function getCookie( cookieName )
 {
  var search = cookieName + "=";
  var cookie = document.cookie;

  // 현재 쿠키가 존재할 경우
  if( cookie.length > 0 )
  {
   // 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴.
   startIndex = cookie.indexOf( cookieName );

   // 만약 존재한다면
   if( startIndex != -1 )
   {
    // 값을 얻어내기 위해 시작 인덱스 조절
    startIndex += cookieName.length;

    // 값을 얻어내기 위해 종료 인덱스 추출
    endIndex = cookie.indexOf( ";", startIndex );

    // 만약 종료 인덱스를 못찾게 되면 쿠키 전체길이로 설정
    if( endIndex == -1) endIndex = cookie.length;

    // 쿠키값을 추출하여 리턴
    return unescape( cookie.substring( startIndex + 1, endIndex ) );
   }
   else
   {
    // 쿠키 내에 해당 쿠키가 존재하지 않을 경우
    return false;
   }
  }
  else
  {
   // 쿠키 자체가 없을 경우
   return false;
  }
 }

 

 /**
  * 쿠키 설정
  * @param cookieName 쿠키명
  * @param cookieValue 쿠키값
  * @param expireDay 쿠키 유효날짜
  */
 function setCookie( cookieName, cookieValue, expireDate )
 {
  var today = new Date();
  today.setDate( today.getDate() + parseInt( expireDate ) );
  document.cookie = cookieName + "=" + escape( cookieValue ) + "; path=/; expires=" + today.toGMTString() + ";";
 }

 

 /**
  * 쿠키 삭제
  * @param cookieName 삭제할 쿠키명
  */
 function deleteCookie( cookieName )
 {
  var expireDate = new Date();
  
  //어제 날짜를 쿠키 소멸 날짜로 설정한다.
  expireDate.setDate( expireDate.getDate() - 1 );
  document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
 }

 

 /**
  * 자신이 지정한 값으로 쿠키 설정
  */
 function setMyCookie()
 {
  setCookie( form.setName.value, form.setValue.value, form.expire.value );
  viewCookie(); // 전체 쿠키 출력 갱신
 }

 

 /**
  * 자신이 지정한 쿠키명으로 확인
  */
 function getMyCookie()
 {
  alert( "쿠키 값 : " + getCookie( form.getName.value ) );
 }

 

 /**
  * 자신이 지정한 쿠키명으로 쿠키 삭제
  */
 function deleteMyCookie()
 {
  deleteCookie( form.deleteName.value );
  alert("쿠키가 삭제되었습니다.");
  viewCookie();
 }

 

 /**
  * 전체 쿠키 출력
  */
 function viewCookie()
 {
  if( document.cookie.length > 0 )
   cookieOut.innerText = document.cookie;
  else
   cookieOut.innerText = "저장된 쿠키가 없습니다.";
 }
</SCRIPT>
</HEAD>
<BODY onLoad = "viewCookie()">
<FORM name = "form">
<TABLE cellpadding = "0" cellspacing = "0">
<TR>
 <TD bgcolor = "#666666">
  <TABLE cellpadding = "0" cellspacing = "1">
  <TR height = "25">
   <TD align = "center"><FONT color = "#ffffff">쿠키 설정</FONT></TD>
  </TR>
  <TR>
   <TD bgcolor = "#ffffff" align = "center">
    쿠키명 : <INPUT type = "text" name = "setName"><BR>
    쿠키값 : <INPUT type = "text" name = "setValue"><BR>
    기한 : <INPUT type = "text" name = "expire"><BR>
    <INPUT type = "button" onClick = "setMyCookie()" value = "쿠키설정">
   </TD>
  </TR>
  </TABLE>
 </TD>
</TR>
</TABLE>
<BR>
<TABLE cellpadding = "0" cellspacing = "0">
<TR>
 <TD bgcolor = "#666666">
  <TABLE cellpadding = "0" cellspacing = "1">
  <TR height = "25">
   <TD align = "center"><FONT color = "#ffffff">쿠키 확인</FONT></TD>
  </TR>
  <TR>
   <TD bgcolor = "#ffffff" align = "center">
    쿠키명 : <INPUT type = "text" name = "getName"><BR>
    <INPUT type = "button" onClick = "getMyCookie()" value = "쿠키확인">
   </TD>
  </TR>
  </TABLE>
 </TD>
</TR>
</TABLE>
<BR>
<TABLE cellpadding = "0" cellspacing = "0">
<TR>
 <TD bgcolor = "#666666">
  <TABLE cellpadding = "0" cellspacing = "1">
  <TR height = "25">
   <TD align = "center"><FONT color = "#ffffff">쿠키 삭제</FONT></TD>
  </TR>
  <TR>
   <TD bgcolor = "#ffffff" align = "center">
    쿠키명 : <INPUT type = "text" name = "deleteName"><BR>
    <INPUT type = "button" onClick = "deleteMyCookie()" value = "쿠키삭제">
   </TD>
  </TR>
  </TABLE>
 </TD>
</TR>
</TABLE>
<BR>
<TABLE cellpadding = "0" cellspacing = "0">
<TR>
 <TD bgcolor = "#666666">
  <TABLE cellpadding = "0" cellspacing = "1">
  <TR height = "25">
   <TD align = "center"><FONT color = "#ffffff">전체 쿠키</FONT></TD>
  </TR>
  <TR height = "25">
   <TD bgcolor = "#ffffff" align = "center">
    <DIV id = "cookieOut"></DIV>
   </TD>
  </TR>
  </TABLE>
 </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

$();

어떤 것이든 일단 괄호 안에 넣기만 하면 자동으로반복 순회하여 jQuery 객체로 만들어진다.

 

태그이름 : $('div')는 document 내에서 모든 html div를 얻어냄

ID : $('#id')는 document 내에서 id라는 아이디를 가지는 요소를 얻어냄

CLASS : $('.class')는 document 내에서 class라는 클래스 이름을 가진 모든 요소를 얻어냄

http://api.jquery.com/ready/

 

 

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=67789880&qb=anNwIO2OmOydtOyngOulvCDrspfslrTrgqDrlYwg7L+g7YKk&enc=utf8&section=kin&rank=2&sort=0&spq=0&pid=fHUO0v331xossvO7epsssv--502851&sid=S5W2iKWBlUsAAF0tQR8

쿠키 예제...

function ReadCookie (Name)
{
    var search = Name + "="
    if (document.cookie.length > 0)
    {
        offset = document.cookie.indexOf(search)
        if (offset != -1)
        {
            offset += search.length
            end = document.cookie.indexOf(";", offset)
            if (end == -1)
                end = document.cookie.length
            return (document.cookie.substring(offset, end))
        }
        else
            return ("");
    }
    else
        return ("");
}

function WriteCookie (cookieName, cookieValue, expiry)
{
    var expDate = new Date();

    expDate.setTime (expDate.getTime() + expiry);
    document.cookie = cookieName + "=" + escape (cookieValue) + "; expires=" + expDate.toGMTString() + "; path=/";
}

위 예제 참고하셔서 작성하시면 될 듯 합니다. ^^

 

소스 출처는... www.blueb.co.kr 입니다.

http://www.asiae.co.kr/news/view.htm?idxno=2010030807562443669

재무제표는 장기적 경쟁우위 기업 발굴 위한 바로미터

http://s2container.seasar.org/2.4/ja/S2.4SmartDeploy.html