2008/04/24 11:45
2008/04/24 11:45 2008/04/24 11:45
사용자 삽입 이미지

Stephen Celis 이 공개한 날짜 선택 콤포넌트입니다.

특정 기간을 선택하기에 좋게 되어있군요.

예제를 보시려면 이곳 을 이용하시면 되고 사파리에서 가장 좋은 품질을 보여준다고 하는데...
확실히 이쁘긴 하네요... ;; 위에 캡쳐는 파이어폭스2 입니다.

아래는 ajaxian 캡쳐인데 맥 & 사파리인듯..

사용자 삽입 이미지

이쁘죠?
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/32
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/04/22 11:48
2008/04/22 11:48 2008/04/22 11:48


사용자 삽입 이미지

게임명에서 눈치 챌 수 있듯이 Prototype과 Script.aculo.us를 이용했습니다.

개발자는 Pierre Chassaing이며 http://www.protorpg.com/ 라는 도메인을 가지고 서비스를 공개했습니다.
조작법이 익숙치 않으실텐데 문앞에 가서 U키를 누르고 문이 있는쪽으로 방향키를 누르면 문이 열립니다.

가려져 있던 부분이 나타나는것도 Script.aculo.us를 이용했으면 더 좋았을텐데 대화창 같은 UI부분에만 사용했군요...
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/31
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/04/14 13:51
[PHP]
2008/04/14 13:51 2008/04/14 13:51
사용자 삽입 이미지

PHP에서 RSS를 읽기위한 여러 라이브러리가 있습니다. Magpie 라이브러리를 많이 사용하지요.

Magpie는 많이 사용하니 제가 오늘 소개해 드릴것은 SimplePie입니다.

http://simplepie.org/

1개의 파일로 간편하게 구성되어있어 통합이 편리하며

여러 프레임웍을 위한 예제가 많이 존재하기 때문에 사용도 간편합니다.

  • 기본 인코딩은 utf-8 상태이기 때문에 한글이 깨진다면 euc-kr을 이용해보세요

    $this->simplepie->set_output_encoding('euc-kr');
  • 이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/30
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/04/11 13:51
    2008/04/11 13:51 2008/04/11 13:51
    사용자 삽입 이미지

    출처 : http://ajaxian.com/archives/javascript-has-staying-power-used-in-stargate


    ajaxian에 재미있는 포스트가 있네요...

    스타게이트는 우리나라에서는 영화 한편만 공개되었지만 그 뒤로 드라마로 만들어지고 스타게이트 아틀란티스라는 다른 시리즈 물도 공개되었죠

    어쨌든; 스타게이트에서 우주선 관리프로그램(?)에 자바스크립트를 이용하고 있습니다.
    window.open이 친숙하네요...



    24초 쯤에 나옵니다.
    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/29
    주성치 | 2008/04/11 15:14 | PERMALINK | EDIT/DEL | REPLY
    스타게이트 재밌게봤는데 이거 좀 웃기네요.
    그래도 자바스크립트라서 다행;;
    PHPDIC | 2008/04/11 19:12 | PERMALINK | EDIT/DEL
    저도 스타게이트 재미있게봤습니다. 드라마 시리즈는 다 못봤지만요;;
    자바스크립트라 다행이죠?
    OpenID Logo 사이져 | 2008/04/11 17:58 | PERMALINK | EDIT/DEL | REPLY
    위 클립은 SG1의 극장판 진실의 상자에 나오는 거네요... 요새 트렌드라서 자바스크립트를 쓴 듯.. 몇 년 전 TV판 중에 C를(C++이었던가??) 칠판에(!!) 적어 내려가는 모습이 아직도 눈에 선한다는.. ^^; 아마 그건 무기 개발용이었기 때문에 그런 거고, 위의 클립은 시스템 제어용이라 그런 듯.. ^^;;)
    PHPDIC | 2008/04/11 19:12 | PERMALINK | EDIT/DEL
    아하..
    제보감사합니다.

    TV판 전부를 보지는 못했는데 다시 보고 싶어지네요~
    N.com | 2008/04/12 12:11 | PERMALINK | EDIT/DEL | REPLY
    근데 코드가 좀 버벅대며 뜨네요. 구문 강조도 안되어 있고...
    저 주인공에게 국산 에디터 EditPlus를 추천하고 싶습니다.
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/04/11 13:13
    2008/04/11 13:13 2008/04/11 13:13
    사용자 삽입 이미지


    Jacob Seidelin 은 14KB의 자바스크립트로 구현한 슈퍼마리오를 공개했습니다.

    당연히 javascript 압축도구를 이용해서 압축된 사이즈이고 원본은 35KB라고 합니다.
    YUI Compressor를 통해 압축되었다고 하는군요

    데모는 아래 링크에서 확인 할 수 있습니다.

    작은 화면 : no music or with music

    큰화면 : no music or with music
    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/28
    Tracked from EnZine : 번역웹진 | 2008/04/12 10:02 | DEL
    from Super Mario; 14KB of JavaScript on Ajaxian Jacob Seidelin씨가 재밌는 것을 만들어냈습니다. 14KB의 코드로 닌텐도의 히트작인 수퍼 마리오 게임을 만들었네요. 한 개의 JavaScript 파일에 작게 유지되는 실험을 하나 했습니다. 어떠한 이미지를 비롯 어떠한 외부 파일도 사용되지 않았으며, 모든 것은 canvas 엘리먼트와 구식 방법인 div 생성/배열(IE에서)으로만 렌더링됩니다. 스프라이트는..
    시리니 | 2008/04/11 15:39 | PERMALINK | EDIT/DEL | REPLY
    대단합니다... 정말 기인들이 많네요. ㅎㅎㅎ;
    PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
    그러게 말입니다. orz
    A2 | 2008/04/11 15:55 | PERMALINK | EDIT/DEL | REPLY
    이야~ 대단하네요. ㅋ
    PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
    그렇죠? 이것 개발자분 이것저것 많이 테스트해보시는것 같습니다.
    hentol | 2008/04/11 15:57 | PERMALINK | EDIT/DEL | REPLY
    버섯이 안나와요...ㅠㅠ
    PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
    안타깝네요.. orz
    HFK | 2008/04/11 17:08 | PERMALINK | EDIT/DEL | REPLY
    적이랑 부딪혀서 죽자마자 키보드의 ↑ 버튼을 누르면, 죽은 상태로 점프가 가능합니다 ㅋㅋㅋ
    PHPDIC | 2008/04/11 19:14 | PERMALINK | EDIT/DEL
    흐흐... 그래도 대단하지요?
    마빈박사 | 2008/04/11 20:11 | PERMALINK | EDIT/DEL | REPLY
    이것으로 브라우저의 자바스크립트 처리 성능을 테스트해 볼 수도 있을 듯 합니다.
    일단... 제 노트북에서는 Firefox 3 베타에서는 끊김없이 되는데
    IE7에서는 끊기는군요.. ㅠ.ㅠ
    PHPDIC | 2008/04/12 04:15 | PERMALINK | EDIT/DEL
    저도 IE에서는 끊기는데 파폭 2에서도 잘 나오더군요 :)
    whitepear | 2008/04/11 20:24 | PERMALINK | EDIT/DEL | REPLY
    IE7에서 처음나모아마자 안내려가는 마리오... ㅜ.ㅜ
    PHPDIC | 2008/04/12 04:16 | PERMALINK | EDIT/DEL
    IE 에서는 약간 느리거나 하는 문제가 있는것 같습니다;
    elixir | 2008/04/11 20:45 | PERMALINK | EDIT/DEL | REPLY
    버섯은 안 나오지만 진짜 대단하네요.
    PHPDIC | 2008/04/12 04:17 | PERMALINK | EDIT/DEL
    그렇죠? 이정도만 구현 되어도 신기합니다;
    Rin4 | 2008/04/11 21:15 | PERMALINK | EDIT/DEL | REPLY
    끊겨요..
    tt | 2008/04/11 21:27 | PERMALINK | EDIT/DEL | REPLY
    확실히 파이어폭스 3 자바스크립트 처리 능력이 좋네요.
    익스플로러는 덜 매끄럽네요.
    PHPDIC | 2008/04/12 04:17 | PERMALINK | EDIT/DEL
    그러게요 파폭에서 훨씬 더 좋은 성능을 보여줍니다.
    Rinforzando! | 2008/04/11 23:16 | PERMALINK | EDIT/DEL | REPLY
    사파리에서는 음악이 죽을 때 밖에 안 나오네요ㅠ
    파폭3베타에서는 조금 느리지만 음악이 나오구요ㅠ
    PHPDIC | 2008/04/12 04:18 | PERMALINK | EDIT/DEL
    생각보다 파폭3를 많이 쓰시네요... 그래도 신기하지요~
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/04/11 13:04
    2008/04/11 13:04 2008/04/11 13:04
    Jacob Seidelin은 <canvas> 객체를 여러 파일로 저장 할 수 있는 라이브러리를 공개하였습니다.

    사용자 삽입 이미지

    1. /*
    2. * Canvas2Image.saveAsXXXX = function(oCanvasElement, bReturnImgElement, iWidth, iHeight) { ... }
    3. */
    4.  
    5. var oCanvas = document.getElementById("thecanvas");
    6.  
    7. Canvas2Image.saveAsPNG(oCanvas)// will prompt the user to save the image as PNG.
    8.  
    9. Canvas2Image.saveAsJPEG(oCanvas); // will prompt the user to save the image as JPEG.
    10.                                   // Only supported by Firefox.
    11.  
    12. Canvas2Image.saveAsBMP(oCanvas)// will prompt the user to save the image as BMP.
    13.  
    14.  
    15. // returns an <img /> element containing the converted PNG image
    16. var oImgPNG = Canvas2Image.saveAsPNG(oCanvas, true);   
    17.  
    18. // returns an <img /> element containing the converted JPEG image (Only supported by Firefox)
    19. var oImgJPEG = Canvas2Image.saveAsJPEG(oCanvas, true);
    20.                                                        
    21. // returns an <img /> element containing the converted BMP image
    22. var oImgBMP = Canvas2Image.saveAsBMP(oCanvas, true);
    23.  
    24.  
    25. // all the functions also takes width and height arguments.
    26. // These can be used to scale the resulting image:
    27.  
    28. // saves a PNG image scaled to 100x100
    29. Canvas2Image.saveAsPNG(oCanvas, false, 100, 100);
    canvas 객체이기에 당연히 IE 6,7에서는 안됩니다;
     
    데모는 여기서 확인하실수 있습니다. http://www.nihilogic.dk/labs/canvas2image/
    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/27
    Tracked from 시리니 | 2008/05/02 22:54 | DEL
    제목이 거 참 구수하군요. (이 숨길 수 없는 사투리 본능이란... 훗. -_ㅠ) &amp;nbsp; Internet Explorer 에서는 절대로 가능하지 않거나, 혹은 일부만 지원 되는 것. 그리고 IE 를 제외한 나머지 최신의 브라우저에서는 대게의 경우 잘 지원하는 것. 이렇게 말씀드리면 열 손가락이 부족할 정도로 많다고 하실지 모르겠습니다. ^^;;; 오늘은 그 중 하나인 Canvas 에 대해서 한 번 같이 알아보고자 합니다. &amp;nb...
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/04/10 18:36
    2008/04/10 18:36 2008/04/10 18:36

    사용자 삽입 이미지


    공개 당일에 국내에 이상할만큼 조용하다가 슬슬 블로그에도 소감이 올라오고 있습니다.

    Google App Engine(이하 GAE)가 사용하는 기술은 Bigtable, GFS, Django, python, YAML 등입니다.
    여기서 YAML하면 역시 Ruby on rails이지요 GAE도 code.google.com 의 일환이기에 개발 이슈들이 공개되어있습니다.

    Please add ruby support
    http://code.google.com/p/googleappengine/issues/detail?id=29

    Add Perl Support
    http://code.google.com/p/googleappengine/issues/detail?id=34

    PHP support is a must
    http://code.google.com/p/googleappengine/issues/detail?id=13

    이슈 트래커에서 보면 perl과 ruby support 이슈에 몰표를 던지고 있습니다;;;
    관심 있으면 참여하시면 아무래도 더 빨라지지 싶습니다.

    다음 언어가 RoR이 될 수도 있지만 PHP를 무시 할 수없지요...
    아마 시기는 몰라도 분명 둘 중 하나일겁니다.

    많은 이슈는 없지만 GAE이슈 트래커를 보면 지금 뭐가 부족한지 한눈에 알 수 있습니다.
    http://code.google.com/p/googleappengine/issues/list

    기대되는 다음 지원은 Perl, ruby, rails 정도인데... 사실 셋다 어려워 보입니다.
    다운로드 받아서 보시면 알겠지만 (테스터가 아니라도 SDK로컬실행은 가능합니다.)

    rails는 액티브레코드를 쓰는데 에로사항이 있고...
    php, perl도 현재의 GAE구조에서 사용이 거의 불가능해보입니다. 다른 형태여야 할 것 같은데요...

    물론 내부적으로 준비하고 있고 이미 사용도 하고 있을것 같습니다만 다른 언어 지원을 예감하는 단서는 없네요...

    일단 하나 제외한다면 C#은 아니겠죠 -_-;

    GAE관련글 두개 추천드립니다.

    http://flyingmate.net/45
    http://www.likejazz.com/archives/280



    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/26
    Tracked from 한날의 낙서 | 2008/04/11 18:07 | DEL
    1. 들어가며 며칠 전에 구글에서 Google App Engine이라는 플랫폼을 공개했다. 소식을 접하자 마자 계정 신청을 했는데 오늘 계정이 활성화 됐다는 전자우편이 왔다. Google App Engine에 대해 보다 자...
    Tracked from Flying Mate | 2008/04/11 23:50 | DEL
    구글 앱 엔진(Google App Engine 이하 GAE)이 런칭했다. 총 6편의 캠프파이어 원 동영상을 보고 샘플 애플리케이션을 만들어보면서 적잖이 놀랐다. 이거 물건이다. <프리젠테이션 동영상> Campfire One: Introducing Google App (pt. 1) Campfire One: Introducing Google App (pt. 2) Campfire One: Introducing Google App (pt. 3) Campfi..
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/04/08 15:21
    2008/04/08 15:21 2008/04/08 15:21
    구글은 현지시간으로 어제 부터 Google App Engine 서비스를 프리뷰 베타 형태로 제공하기로 하였습니다.

    http://googleappengine.blogspot.com/2008/04/introducing-google-app-engine-our-new.html

    Google app Engine은 한마디로 개발 플랫폼입니다.
    구글이 서버와 스토리지 그리고 핵심API같은 기술을 제공하고 개발자는 단지 서비스만 만들면 되는 개념입니다.

  • Dynamic webserving, with full support of common web technologies
  • Persistent storage (powered by Bigtable and GFS with queries, sorting, and transactions)
  • Automatic scaling and load balancing
  • Google APIs for authenticating users and sending email
  • Fully featured local development environment

    완벽한 베타도 아니고 아직 프리뷰 베타이기 때문에 10,000의 개발자에게만 허용되어있고 스토리지는 500메가 하루기준 5백만 PV를 처리할수 있는 하드웨어를 지원한다고 합니다.

    500메가라는 용량제한은 트위터같은 아이디어 서비스를 개발하기 위한 구글의 전략 같기도 한데 아마 지금의 지메일처럼 점점 용량이 늘어난다면 대단한 플랫폼이 될것같습니다.

    만우절도 아니고 구글 참 통이 크네요... 낚이는건가 싶을정도입니다;

    파이썬을 사용하기 때문에 파이썬을 설치해야 하고 http://appgallery.appspot.com/ 를 통해 새로운 웹어플리케이션이 공개되고 있습니다. 저도 무언가를 해봐야할것 같은 의무감을 느끼네요;;

    한동안 큰뉴스거리가 없었는데 계속 소식을 전하도록 하겠습니다.

    http://appengine.google.com/

  • 이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/25
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/03/13 09:59
    2008/03/13 09:59 2008/03/13 09:59
    Obaid Ahmed 는 Prototype과 Script.aculo.us로 구현한 Coverflow를 공개하였습니다.

    사용자 삽입 이미지


  • <div id="protoflow">
  •         <img src="imgs/DSCN0940_91360.jpg"/>
  •         <img src="imgs/stimme_von_oben_187192.jpg"/>
  •         <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>
  •         <img src="imgs/farbraum_012_147508.jpg"/>
  •         <img src="imgs/IMG_4906_199357.jpg"/>
  •         <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>
  •         <img src="imgs/Fries_201253.jpg"/>
  •         <img src="imgs/Fries_201253.jpg"/>
  • </div>
  •  
  • <ul id="protoCaptions" class="protoCaptions">
  •         <li>Caption 1</li>
  •         <li>Caption 2</li>
  •         <li>Caption 3</li>
  •         <li>Caption 4</li>
  •         <li>Caption 5</li>
  •  
  •         <li>Caption 6</li>
  •         <li>Caption 7</li>
  •         <li>Caption 8</li>
  • </ul>

  • 가볍게 정의한 뒤

  • Event.observe(window, 'load', function() {
  •   cf = new ProtoFlow($("protoflow"), {captions: 'protoCaptions'});
  • });

  • 설정해주면 끝입니다.

    데모는 http://www.deensoft.com/lab/protoflow 에서 확인하실수 있고 다운로드는 이곳입니다.


    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/24
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret
    2008/03/03 13:44
    2008/03/03 13:44 2008/03/03 13:44
    phppgadmin 등등을 통해서 SQL문으로도 백업이 가능합니다만 사실 Postgres에는 pg_dump와 pg_restore라는 훌륭한 backup도구가 있지요.

    pg_dump -h localhost -U [유저명] -W -Ft -f [백업파일명] -n [스키마]


    바이너리형태의 백업까지는 아니지만 탭으로 구분된 데이터들이 깔끔하게 단일파일로 짠 압축되서 나옵니다.

    Michele Brodoloni는 SQL형태로 Postgresql을 백업할수있도록 PHP클래스를 공개하였습니다.

    http://www.phpclasses.org/browse/package/4141.html

    사용자 삽입 이미지
    해당 클래스를 include 하는것으로 쉽게 사용할수있으며 example.php를 제공하고있습니다.
    example.php파일만으로도 별다른 개발없이 바로 백업을 해볼수있습니다.

    usage:
        * php -q example.php          - Perform both backup and restore
        * php -q example.php backup   - Perform backup
        * php -q example.php restore  - Perform restore





    이올린에 북마크하기(0) 이올린에 추천하기(0)
    Trackback Address :: http://blog.phpdic.com/trackback/19
    [로그인][오픈아이디란?]
    Name
    Password
    Homepage

    Secret