블로그 이미지
JEEN

서울에 사는 꽃청년의 IT찌질모험기

Rss feed Tistory
IT 2012.11.29 00:29

JSLounge 세미나에 다녀왔습니다.

 사실 최근에 외부세미나에 잘 안 다녀서 감을 잃었나 싶은 생각도 하고 있고 해서, 마침 타임라인에 JSLounge 세미나라는 걸 한다고 해서 짬을 내서 신청하고 갔다왔습니다. 모임은 지난번 Korean Perl Workshop 2012 가 열렸던 CNN the biz 교육연수센터 강남점입니다.

 뭔가 JS 쪽은 모임도 많고 그룹도 많다는 인상이…

 Typescript , Coffeescript, Google Dart 가 이번 주제였습니다. 중간중간 느낀 점은 Storify 로 풀어낼까 싶습니다.

 뒷풀이 때 뭔가 이것저것 물어봐야지 했는데 하루종일 굶고있어서 탈력… 결국 집에 와버렸습니다. 느낀 점은 JS 를 하시는 분들이 상당히 많구나 라는 것. 요즘은 JS "만" 하시는 분들도 많다고 하는데… 

 오늘의 주제도 언어로써 완전하지 못한 JS 를 보완(?)하고자 이곳저곳에서 들쑤신다랄까 그런 느낌이 드는 게 있죠. -_-; 뭐 나쁜 의미만은 아닙니다만…

신고
JS, JSLounge, Seminar
IT/Perl 2010.08.14 10:17

Sencha Touch 를 통해서 뭘 만들어 보기...

  요즘 iPad 관련해서 회사에서 Sencha Touch 로 뭘 만들어 보고 있습니다. 현재야 뭐 demo 수준의 몇개의 페이지 이지만, iPad 에 맞는 그런 몇가지 효과를 보고 싶다고 해서 예전에 본 Sencha Touch 를 기반으로 만들어 봤습니다.... 만 회사작업 내용이라서 여기에 올리는 건 그렇고 해서 간단하게 감상을 말해보고자 합니다.


  HTML5니 CSS3 니... 이런 건 요즘 너무 많이 떠들어대서 귀가 따가울 지경이지만.. 네 뭐 저런 게 가능합니다. IE6 에 목매다는 고객님들을 상대하자면, 견적서에 IE 브라우저의 지원을 별도의 항목으로 써서 견적내버리는 경우도 있다고 하는 PC 웹의 더딘 발전과는 달리... 모바일 웹에서는 스마트폰으로 분위기가 바뀐 이후에, HTML5/CSS3 로의 움직임이 활발해지고 있습니다.
  하지만 뭐 현재로는 어디까지가 HTML5 냐 하는 그런 문제도 있고, 여기에 또 iDevice 에서는 플래쉬 지원문제등도 있기도 하니까요. (돈많고, 눈높고, 꽉막힌 고객앞에서 이제 HTML5 가 있으니 Flash 필요없다는 얘기를 쉽게 할 수 있을까요?)
  아무튼 분명한건... Sencha Touch 는 웹의 한계를 극도로 끌어올린 프레임워크입니다. 아마 Carousel 한번만 보여주면 눈먼 고객들의 환상을 심어주기에 충분하지요.

  아무튼 ExtJS 는 제대로 만진 적이 없어서, 일단 뭐 끙끙 앓아가면서 코드를 보기시작했습니다. 이건 뭐 html 안에는 아무것도 안보이고 전부 js 안에 깨작거려놨으니... 기존의 마인드로 개발했다가 개피보겠구나 하는 생각이 절설히 들었습니다. Sencha Touch 에는 몇가지 Examples 가 준비되어 있어서 코드를 참고하면서 간단한 데모를 만들어 냈지만... 결론은 대부분은 Carousel =3 ;;

  Sencha API Document 도 있어서 어느정도 참고도 됩니다. Sencha Touch 로 이런 게 될까 하는 건 Sencha Forum 에서 논의중인 내용을 참고로 했습니다. 현시점에서는 Sencha Touch 를 다루고 있는 사람들이 그렇게 많이 눈에 띄지 않는다는 점도 있어서 참고할 내용이 적을 지도 모르겠습니다. 
  현재 0.9.x 베타인 걸로 알고 있고... 몇가지 요소들은 아직 부족한 감도 들기도 합니다.
   물론 릴리즈된지 얼마 안되었으니, 차츰차츰 좋아질 것이라고 생각은 하지요 :-)

  아, Sencha Touch 는 iPad 뿐만 아니라 iPhone, Android 도 지원하기 때문에... 이런 부분에서는 크게 다가올 수 있을 것 같습니다. jQTouch 도 예전에 몇번 본 적이 있지만... 바쁘다는 핑계로 보지는 못했지만.. jQTouch 보다는 아주 확실한 볼륨이 있는 프레임워크입니다.

  일단 일반적인 PC 용 웹페이지에서는 여러 예제들을 확인할 수 없으니, 모바일 기기를 통해서 각종 예제들을 보는 것을 추천해드립니다. 

신고
IT 2010.04.16 18:24

[ @Anywhere ] @Anywhere 를 붙여봤습니다.

  어제인가 Twitter 개발자 이벤트인 "Chirp" 에서 공개된 @Anywhere 를 붙여봤습니다. 
  말 그대로 어디서든 Twitter 를 할 수 있게끔 만든 그런 API 입니다. 
  이에 대한 문서는 아래의 "@Anywhere" 문서를 참고하세요.


  문서를 보면 이것저것 할 수 있는 것같아서 나중에 이걸로 뭘해볼까는 천천히 생각해보기로 하고..
  우선 등록하면 샘플로 그냥 나오는 hovercards 를 붙여봤습니다.


  이렇게 제 블로그의 어느 공간에서든 트위터 아이디 형식(@....)의 글이 있다면 자동으로 hovercard 를 띄워줍니다. 그러면 그 사람의 최근 트윗이라든가.. Follow 버튼 이라든가 이것저것 생기죠. (예전에 티스토리 자체적으로 이런 트위터 지원 서비스 안해주는 지 투정을 부리기도 해봤습니다만...)

   트윗 링크를 붙이기만 하면 자동으로 해당 트윗의 상세내용이 뿅 하고 나오게끔 못할까 일단 문서를 보면 서 좀 더 고심해봐야 될 것 같습니다. :-)


*** 우리 펄 동지들에게 있어서 큰 난점은 아마 아래와 같을 겁니다.
#!/usr/bin/perl
use strict;
use warnings;

my @rray = (1,2,3,4,5,6);
....;

  
신고
IT/Tips 2009.11.18 12:33

[ DeliciousLibrary2 ] BookMarklet++

2009/10/09 - [IT/Mac] - [ Delicious Library 2 ] Loves Perl! 안되면 되게 하라!
2009/10/10 - [IT/Perl] - [ Perl & Delicious Library 2 ] 한국책을 스캔하려고 해봐야 팔만 아프다!
2009/10/11 - [IT/Perl] - [ Perl & Delicious Library 2 ] 그럼 이제 웹 브라우저에서 DL2 로!
2009/11/17 - [IT/Mac] - [ Perl & DeliciousLibrary2 ] with Bookmarklet

 어제, 근 한달만에 불타올랐던 DL2 작업을 다시 시작하면서 Bookmarklet 을 통해서 DL2 에 등록하는 방법을 써봤는데.. 이게 나름 먹히지 않을까 하는 생각이 들었습니다. :-)
  그래서 어제 Aladdin 을 시작으로, 방금 YES24, 교보문고, 강컴 .. 제가 그나마 들락거린 적이 있는 곳을 대상으로 테스트한 결과 그리 어렵지 않게 ISBN 을 뽑아낼 수 있었습니다.
  아.. 물론 한국에서 발행된 서적만 가능합니다. 그리고 Aladdin 의 DB 에 들어있는 책이라야 가능하겠죠?
 
2009/11/17 - [IT/Mac] - [ Perl & DeliciousLibrary2 ] with Bookmarklet

  를 참고로 서버를 띄우시고, 아래의 북마클릿을 브라우저의 북마크란에 등록하셔서 사용하시면 됩니다.
 
  Insert Into DL2

  혹여나 책이 등록되지 않는 경우가 있다면 저에게 알려주시면 조치하도록 하겠습니다.
  Delicious Library 2 를 가진 모든 분에게 즐거운 책생활을 즐기는 데 조금이나마 도움이 되었으면 합니다.
신고
IT/Tips 2007.11.13 11:30

크레이지 브라우저 만들기



어제 퇴근 무렵에, IRC에 N상으로부터의 메시지가 날라왔다.

http://google-mania.net/archives/760

재밌어~

라고...

내용인즉슨....

이미지가 있는 특정 사이트에서 자바 스크립트 코드를 넣으면 7할발광모드가 시작된다는 것.

그래서 실험해봤다.

사용자 삽입 이미지

꺄호~


....

방법은 간단!

이미지 많은 사이트에 들어가서 주소창에

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)



요 녀석을 잡아넣기만하면 끝!

친절한 유튜브씨도 첨부~



신고
TOTAL 462,384 TODAY 11

티스토리 툴바