'2007/02'에 해당되는 글 5건

  1. 2007/02/23 firebug 가지고 놀기 #2 by 타오
  2. 2007/02/22 firebug 가지고 놀기 (2) by 타오
  3. 2007/02/15 미안하다... (11) by 타오
  4. 2007/02/13 라이브러리 (2) by 타오
  5. 2007/02/08 맥북프로와 잘만 쿨러 (4) by 타오

firebug 가지고 놀기 #2

놀이 : 2007/02/23 13:51
Tag Firebug, Firefox, FLV, MP3, 파벅, 파폭
어제 보여드렸던 방법을 이용해서 이런짓도 가능합니다 ㅎㅎ

아래 동영상을 play 시키시고 Firebug를 활성화 해보시면 아래 이미지와  같은화면을 보실수 있습니다.

 


사용자 삽입 이미지


swf파일에서 미리보여주기 용으로 로딩한 이미지를 보실수 있고  아래서 두번째에 swf파일이 요청한  flv파일에 대한 링크를 보실수 있습니다. 바로 이놈이죠.

사용자 삽입 이미지


링크에 우클릭하셔서 copy location 하신후 주소창에 붙여넣기 하시면 flv 파일을 쉽게 얻을수 있습니다.

또 다른 경우는 mp3파일인데 티스토리도 그렇지만 mp3파일이 삽입된 경우 보통 swf player가 붙여지고 mp3파일 자체는 보여지지 않는데 위처럼 하시면 쉽게 접근 가능합니다^^


이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (0)

트랙백 주소 :: http://taoism.tistory.com/trackback/28 관련글 쓰기

댓글을 달아 주세요

firebug 가지고 놀기

개발 : 2007/02/22 22:54
Tag 파폭 firefox 파벅 firebug 노가다 reverse 플래시 flash 크로스도메인 cross-domain
 저는 개발용 말고도 서핑용으로도 파폭을 기본브라우저로 사용합니다. 현재는 맥이라서 당연한 선택이겠지만 윈도에서도 파폭을 사용했었습니다.

 파폭을 사용하는 가장큰 이유는 파폭 애돈들 때문인데요 그중에서도 웹 개발자라면 정말 사랑하지 않을수 없는 FireBug 라는 넘 때문입니다^^

 이미 많은 분들이 개발용으로 firebug를 이용하고 있기 때문에 DOM inspecting 이나  javascript debugging같은 기능은 잘 아실텐데 Net 탭은 사용하는분이 드물더군요. 그래서 이 놈을 가지고 놀아볼까합니다^^


 아래는 tistory 메인 페이지의 tag cloud 입니다. 아래 이미지 말고 첫페이지에서 보신분은 아시겠지만 딱 보는 순간 플래시라는걸 알수 있습니다.
사용자 삽입 이미지

 메인페이지에서 firebug를 열고 Net 탭을 활성화하면 아래와 같이 http 요청 목록에 대한 자세한정보와 마우스를 올리면 이미지의 경우 바로 볼수도 있습니다.

사용자 삽입 이미지

위와 같이 목록이 쭉 뜨는데요 젤 아래에 보면 로딩된 swf 파일도 볼수 있고 로드된 후에 swf가 요청한 http request의 자세한 내용도 볼수 있습니다.

사용자 삽입 이미지

순서를 보시면 아시겠지만 swf파일이 crossdomain access를 위해서 security가 정의된 xml 파일을 요청하고 자신이 허용된 클라이언트인지를 확인하고 해당 서버에 http request를 날리고 결과로 string을 받아온거네요
(firebug는 flash의 http request도 보여준답니다... 대단한넘 ㅋㅋ)

Flash에서 cross-domain 허용하기



스트링의 내용은 머 예상하셧겠지만 tag 들과 각 tag의 점수들이겠죠^^

바로 이런내용이네요 ㅎㅎ

&result=a:60:{i:0;a:2:{i:0; s:6:"구글";i:1;i:36;}i:1;a:2:{i:0;s:2:"C2";i:1;i:23;}i:2;a:2:{i:0;s:12:"싸이 월드";i:1;i:18;}i:3;a:2:{i:0;s:6:"Google";i:1;i:17;}i:4;a:2:{i:0;s:3: "UCC";i:1;i:15;}i:5;a:2:{i:0;s:13:"싸이월드2";i:1;i:15;}i:6;a:2:{i:0;s:6:"축구 ";i:1;i:14;}i:7;a:2:{i:0;s:6:"웹2.0";i:1;i:13;}i:8;a:2:{i:0;s:6:"설날";i:1; i:13;}i:9;a:2:{i:0;s:6:"친구";i:1;i:11;}i:10;a:2:{i:0;s:9:"네이버";i:1;i:11;} i:11;a:2:{i:0;s:6:"가족";i:1;i:11;}i:12;a:2:{i:0;s:6:"리뷰";i:1;i:11;}i:13; a:2:{i:0;s:9:"비스타";i:1;i:11;}i:14;a:2:{i:0;s:3:"삶";i:1;i:10;}i:15;a:2: {i:0;s:15:"파이어폭스";i:1;i:10;}i:16;a:2:{i:0;s:6:"졸업";i:1;i:10;}i:17;a:2: {i:0;s:3:"꽃";i:1;i:10;}i:18;a:2:{i:0;s:3:"봄";i:1;i:10;}i:19;a:2:{i:0;s: 5:"canon";i:1;i:10;}i:20;a:2:{i:0;s:12:"애드센스";i:1;i:10;}i:21;a:2:{i:0;s: 9:"마케팅";i:1;i:10;}i:22;a:2:{i:0;s:2:"cf";i:1;i:10;}i:23;a:2:{i:0;s:6:"캐논 ";i:1;i:9;}i:24;a:2:{i:0;s:9:"휴대폰";i:1;i:9;}i:25;a:2:{i:0;s:9:"리눅스";i:1; i:9;}i:26;a:2:{i:0;s:6:"다음";i:1;i:9;}i:27;a:2:{i:0;s:12:"올블로그";i:1;i:9;} i:28;a:2:{i:0;s:22:"프리즌 브레이크";i:1;i:9;}i:29;a:2:{i:0;s:6:"맨유";i:1;i:9;}i:30;a:2:{i:0;s:12:"태터툴즈 ";i:1;i:9;}i:31;a:2:{i:0;s:6:"생각";i:1;i:9;}i:32;a:2:{i:0;s:9:"카메라";i:1; i:9;}i:33;a:2:{i:0;s:5:"Diary";i:1;i:9;}i:34;a:2:{i:0;s:21:"마이크로소프트";i: 1;i:9;}i:35;a:2:{i:0;s:4:"Blog";i:1;i:9;}i:36;a:2:{i:0;s:6:"결혼";i:1;i: 8;}i:37;a:2:{i:0;s:6:"사람";i:1;i:8;}i:38;a:2:{i:0;s:6:"금연";i:1;i:8;}i:39; a:2:{i:0;s:6:"중국";i:1;i:8;}i:40;a:2:{i:0;s:9:"노무현";i:1;i:8;}i:41;a:2:{i: 0;s:12:"수강신청";i:1;i:8;}i:42;a:2:{i:0;s:6:"바다";i:1;i:8;}i:43;a:2:{i:0;s: 12:"데스노트";i:1;i:8;}i:44;a:2:{i:0;s:6:"미국";i:1;i:8;}i:45;a:2:{i:0;s:6:"생일 ";i:1;i:8;}i:46;a:2:{i:0;s:9:"이은주";i:1;i:8;}i:47;a:2:{i:0;s:5:"photo";i: 1;i:8;}i:48;a:2:{i:0;s:18:"챔피언스리그";i:1;i:8;}i:49;a:2:{i:0;s:6:"소설";i:1; i:8;}i:50;a:2:{i:0;s:7:"adsense";i:1;i:8;}i:51;a:2:{i:0;s:4:"NDSL";i:1;i: 7;}i:52;a:2:{i:0;s:4:"Rock";i:1;i:7;}i:53;a:2:{i:0;s:9:"경희대";i:1;i:7;}i: 54;a:2:{i:0;s:6:"디카";i:1;i:7;}i:55;a:2:{i:0;s:4:"DSLR";i:1;i:7;}i:56;a: 2:{i:0;s:4:"Java";i:1;i:7;}i:57;a:2:{i:0;s:12:"바이러스";i:1;i:7;}i:58;a:2: {i:0;s:6:"추억";i:1;i:7;}i:59;a:2:{i:0;s:11:"IS동영상";i:1;i:7;}}&

JSON로 기술했군요 ㅎㅎ

** 자세히 보니 JSON이 아니네요 ㅎㅎ 흠.. 왜 굳이 새로 만들었을까...

아 대단한넘 파벅!

이상 원제작자의 의도와는 상관없이 파벅의 Net 기능 활용하기 였습니다^^

** 인코딩된 response의 body 부분에 우클릭하셔서 복사하신후 firebug console에 decodeURIComponent("..붙일내용...") 하시면 위처럼 인간이 읽을수 있는 형태로 보실수 있습니다



이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/27 관련글 쓰기

댓글을 달아 주세요

  1. minq 2007/02/25 05:29  수정/삭제 댓글쓰기 댓글주소

    아- 정말 놀랍습니다/
    웹개발자에게 필수적인 개발도구로 자리잡을 것 같습니다/

미안하다...

잡다 : 2007/02/15 12:22
Tag pirate, transmit
이런 절절한 문구라니... 미안하다...

사용자 삽입 이미지


남의 예기 같지 않아서 구매페이지 까지 갔지만... 가격과 달러 결재의 압박이라는 핑계로 다른 프로그램을 다운받고있다.

후... 거참 되게 미안하네 ㅋㅋ


** 다른거 써봤는데 다 맘에 안들어서 결국 미안한짓 해버렸습니다 ㅠ.ㅠ
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (11)

트랙백 주소 :: http://taoism.tistory.com/trackback/26 관련글 쓰기

댓글을 달아 주세요

  1. 유겸애비 2007/02/15 13:49  수정/삭제 댓글쓰기 댓글주소

    제 블로그에도 처절하게 '애드센스 클릭좀 흑흑~' 이라고 해야겠네요..^^

    • 타오 2007/02/15 15:07  수정/삭제 댓글주소

      ^^;;

      그런데 유겸애비님 블로그에 애드센스가 있나요? 안보이는데 ;;

      * 아 그리구 파폭에서 메인페이지가 횡스크롤이 생기고 리사이즈를 해도 스크롤바가 유지되는군요^^

    • 유겸애비 2007/02/17 09:32  수정/삭제 댓글주소

      앗! 전 광고가 없군요.T_T
      있는줄 알았습니다(진짜루..)

  2. roguebean 2007/02/15 15:15  수정/삭제 댓글쓰기 댓글주소

    가슴이 아프구나...

  3. 옷장수 2007/02/15 15:27  수정/삭제 댓글쓰기 댓글주소

    저는, 맥북사고 처음산 맥 프로그램이 이놈이었는데.. 하나 사시죠~ㅋㅋ

  4. 이제명 2007/02/15 22:59  수정/삭제 댓글쓰기 댓글주소

    씽크프리의 시리얼 번호도 P2P 싸이트에서 돌아다닌다고 하더라구요 :-)
    예전에 geny 게시판에도 누군가 당나귀를 캡쳐해서 올려놨었죠~

  5. 딩그브리 2007/02/16 23:08  수정/삭제 댓글쓰기 댓글주소

    저게 머하는 프로그램이요?

라이브러리

개발 : 2007/02/13 11:38
Tag commons, Jakarta, java, library, 라이브러리, 자바

int len = 0;
while((len=in.read(buffer)) != 0){
    out.write(buffer, 0, len);
}

commons-io를 활용하면 아래와 같이 기술할수 있다.

IOUtils.copy(in, out);


무식하면 고생이다!
라이브러리 공부좀 하자 ㅡ,.ㅡ!!
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/25 관련글 쓰기

댓글을 달아 주세요

  1. 유겸애비 2007/02/13 13:35  수정/삭제 댓글쓰기 댓글주소

    XFUtil.copy()도 똑같다는...

맥북프로와 잘만 쿨러

잡다 : 2007/02/08 13:30
Tag MacBook, macbook pro, zalman, 노트북쿨러, 맥북, 맥북프로, 잘만
요즘 바쁜일이 좀 있어서 가뭄에 콩나듯 글을 쓰니 썰렁한 블로그가 더 썰렁해진거 같군요 -0-;;

바쁜일이라 하면 새로 구매한 데스크탑 대용 노트북! 맥북프로 가지고 놀기입니다 ㅎㅎ
음.. 거기다가 지난주말은 와우 확팩 출시로 바뻤었군요^^

맥북프로를 꽤 만족하면서 사용중인데 역시나 가장 큰 불만은 듣던데로 발열이더군요.
최신제품들은 많이 좋아졌다고는 하는데 왼쪽 손목 아래의 훈훈함은 만만치 않더군요 ㅎㅎ

그래서 또 질렀습니다!~  잘만 Nootbook Cooler ZM-NC1000!

사용자 삽입 이미지

사용자 삽입 이미지


귀차니즘의 달인인 제가 직접 찍었을리는 없고 당연히 공식 사이트에서 퍼온 이미지입니다 ㅋㅋ

일단 사용결과는 대만족입니다^^

1. 알루미늄판은 손만 대도 차가움이 느껴질정도입니다~
2. 위 사진에 보이는 구멍들을 통해서 아래 팬에서 발생시킨 바람이 은은하게 뽐뿌질 되서 뿜어져 나오는데 상당히 조용합니다.
3. 왼쪽 손목 부분에 느껴지던 훈훈함이 상당히 사라졌습니다^^

머 결과적으로 온도가 확실히 내려간게 느껴지네요~  역시 귀차니즘으로 자세한 온도 측정이런거는 당연히  없습니다 ㅋㅋ

맘에 안드는 점들도 꽤 있긴하네요.

1. 쿨러의 사이즈가 정방형에 가까운 편이라 가로폭이 유난히 긴 맥북프로 특성상 양옆으로 1~2cm 정도가 노트북이 더 큽니다~
2. 세로폭은 맥북프로가 더 작다보니 미끄럼방지 턱이 잘 맞질 않습니다. 저는 3M 미끄럼방지용 동그란 고무떼기를 사다 붙였습니다~
3. USB로 전원을 공급받다보니 USB 케이블이 성가셔요 ㅎㅎ (포트는 하나 더 제공해서 포트가 줄어드는 문제는 일단 없습니다~)

대부분 맥북프로와 사이즈가 잘 맞지 않는 문제군요 ㅎㅎ


사이즈가 잘 안맞는 문제가 있어서 효율을 다 끌어내지 못하고 있는지도 몰겠는데 효과자체는 대만족입니다~ 노트북 발열땜에 신경쓰이는분은 하나 구매하신느것도 괜찮을듯합니다^^



* 아 가격을 빼먹었네요.. G마켓에서 4만2천원인가 주고 샀습니다.
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (4)

트랙백 주소 :: http://taoism.tistory.com/trackback/24 관련글 쓰기

댓글을 달아 주세요

  1. 옷장수 2007/02/08 14:04  수정/삭제 댓글쓰기 댓글주소

    맥북도 사진올리삼...

  2. 유겸애비 2007/02/08 14:06  수정/삭제 댓글쓰기 댓글주소

    어쩐지 손이 예쁘게 나왔더라.

  3. 지민아빠 2007/02/08 14:07  수정/삭제 댓글쓰기 댓글주소

    가서 보니까 이거 꽤 괜찮아 보이던데 말이죠. ㅡ,.ㅡ

  4. 타오 2007/02/08 14:51  수정/삭제 댓글쓰기 댓글주소

    //옷장수
    음 귀찮긴한데 자랑질 함 하긴해야하는데 ㅋㅋ

    //유겸애비
    ㅋㅋ 그렇긴하네요

    //지민아빠
    이기회에 하나 마련해보세요 ㅎㅎ