egg's 행복연구소

영운형님이 좋은 자료를 검색하여 주셔서 공유해봅니다. ^^

Coach Wei: Direct from Web 2.0
 - A Study of Ajax Performance Issues

그리고 javascript의 performance를 체크할 수 있는 글입니다.
RockStarApps.com
 - Evaluate Low Level JavaScript Performance Characteristics

리눅스 환경에서 개발을 함에도 불구하고 크로스 브라우징(Cross-browsing : 참고 사이트[http://wiki.kldp.org/wiki.php/CrossBrowsing])를 고려해야 하다보니 부득이하게 IE를 실행해야 하는데요. 물론 리눅스에서도 IE를 실행할 수 있도록 하는 방법도 있겠지만 전 그냥 윈도우에 VMWARE로 리눅스(우분투)를 설치하여 사용하고 있습니다.

그러다 보니 윈도우와 리눅스간에 소스 공유가 필요한데요. smbmout 명령어로 간단하게 공유가 가능합니다.

1. smbmount //eggnara/source /home/egg/source

//eggnara/source에서 eggnara는 컴퓨터 이름이구요. 잘 모르겠다면 그냥 아이피를 적어주셔도 됩니다. 그리고 source는 공유된 폴더 경로입니다.

/home/egg/source는 리눅스에서 mount할 경로입니다. 물론 먼저 디렉토리를 만들어야합니다. ^^

물론 경우에 따라 공유 폴더가 특정 사용자만 접근 가능하도록 설정된 경우가 있는데요.

1. smbmount //eggnara/source /home/egg/source -o username=egg

를 이용하시면 됩니다. 암호는 해당 명령을 실행하면 물어봅니다.

하지만 매번 리눅스를 부팅할 때마다 명령어를 실행시키기 귀찮은데요. /etc/rc.local에 위에 명령어를 추가하면 리눅스 부팅 때마다 자동으로 실행되어 좀 덜 귀찮아집니다. 하하하;

1. #/etc/rc.local
2. smbmount //eggnara/source /home/egg/source -o username=egg,passwd=XXXXXX,rw,uid=egg

추가된 사항은 passwd를 미리 입력해주는 것과 root 권한으로 실행되기 때문에 실제 리눅스에서 사용하는 계정(uid)를 지정해줍니다.

그 밖에 좀더 자세한 사항은 구글신에게 문의하세요~ -_-ㅋ (싸가지 하고는..) 사실 저도 잘 몰라요~

ps. smbmount의 반대(?) 명령어는 smbumount입니다. ^^ (예 : smbumount /home/egg/source)

Daniel Vecchiato님(?)의 Using Zend Framework components in Code Igniter에서 잘 설명이 되어있는데요.

CodeIgniter가 아니더라도 일반 php 프로그래밍에서도 적용이 가능합니다.

참고할 부분은 include_path에 Zend Framework가 설치된 경로를 추가하는 부분인데요.

1. ini_set('include_path', ini_get('include_path').':'.Zend Framework Path);

입니다. 기본적인 php 설명은 생략합니다. ^^;

다만 저는 개인적으로 만들어놓은 Framework를 사용하고 부족한 부분을 외부 Library는 따로 모아서 관리하고 최대한 가벼운 Library를 사용하기 위해 global function을 만들어 사용하고 있습니다. php5를 php4처럼 사용하는 것이 좀 걸리지만...

여하튼 제가 사용하는 방법은... 부끄럽지만....

1. function load_library($filename, $extend = false)
2. {

3. require_once SYSPATH.'libraries/'.$filename.'.php';

   if (true === $extend && defined('EXTEND_LIBRARY') === false) {

4. ini_set('include_path', ini_get('include_path').':'.SYSPATH.'libraries/');
5. define('EXTEND_LIBRARY', true);
6. }
7. }

SYSPATH는 Using Zend Framework components in Code Igniter에 나와있는 BASEPATH와 비슷한 개념입니다. 물론 Window의 경우는 굵게 표시된 ':' 대신 ';'을 사용하셔야 합니다. Using Zend Framework components in Code Igniter에서 처럼

결론은 include_path에 설치 경로를 추가.

2.31에 이어 3.0으로 버전이 확 높아졌습니다. 그만큼 기능도 많아지고 버그도 많이 수정되었겠지요. ^^
다만 기존에 2.31을 사용하고 있어서 인지...
설치 후에 실행하는 과정에서 약간의 삽질이 있었습니다.;;;

http://www.editplus.com/kr/new.html
http://www.editplus.com/kr/download.html

정답부터 얘기하면 PHP5에서 session의 옵션값으로 hash_function을 지원하기 때문.

session.hash_function allows you to specify the hash algorithm used to generate the session IDs. '0' means MD5 (128 bits) and '1' means SHA-1 (160 bits).

참조 링크 : http://www.php.net/manual/en/ref.session.php

Linux나 Unix 계열에서 find을 이용할 때 자주 사용하는 옵션 중에 atime이나 mtime, ctime 등 시간에 대한 검색을 하는 경우가 많습니다. 하지만 매번 옵션 뒤에 부여 해야하는 숫자에 대해 상당히 혼란스러웠는데요.

오늘 영운형님과 함께 삽질을 하면서 나름대로 정리해봤습니다.

참고자료

평소 온오프믹스의 이벤트를 구독(?)하고 있는데요. 오랜만에 관심이 가고 필요한 세미나가 등록되어 바로 신청햇습니다.

등록된지 얼마되지 않아서 그런 것인지 세미나라는 주제가 무거운 것인지 제가 첫번째로 등록이 되었는데요. 요즘 제가 일하는 곳의 서비스가 점점 커지면서 분산처리를 위한 서버 쪽 프로그램을 대폭 수정해야할 일이 생겼습니다. 음.. 자세한 사항은.... 음...

여하튼 이런 저런 고민을 하고 있는 중에 발견한 세미나이기에 정말 반갑네요. 특히 마지막으로 진행되는 "패턴을 이용한 고성능 웹서버 만들기" 가 특히나 관심이 갑니다. 다른 분들도 꼬셔봐야겠습니다.

일시 : 2008년 1월 19일 토요일 오후 12~6시
장소 : 비트캠퍼스 지하 2층 대강당 강남역 3번 출구

지난 매시업 엑스포를 위해 만들었던 튜토리얼 사이트와 동영상 몇 가지.

튜토리얼 사이트 : http://tutorial.wzdapi.com


Video: make widget by WZDAPI


Video: wzd.com video

보통 플래시를 HTML 문서에 추가할 경우에는 관련 프로그램이 만들어주는 형태를 그대로 입력하는 것이 보통입니다.

1. <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
   WIDTH="550" HEIGHT="400" id="myMovieName">
2. <PARAM NAME=movie VALUE="myFlashMovie.swf">
3. <PARAM NAME=quality VALUE=high><PARAM NAME=bgcolor VALUE=#FFFFFF>
4. <EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
   NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
   PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
5. </OBJECT>

관련소스 출처 : http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_4150&amp;sliceId=2

또 경우에 따라서는 개인적인 목적(?)에 의해 편집되어 문서에 추가하는 경우가 많은데요. 저 같은 경우도 OBJECT 태그를 사용하지 않고 단순하게 EMBED 태그를 이용하여 플래시 파일을 추가합니다.

하지만 수정 과정에서 OBJECT에서 사용되는 PARAM 태그를 EMBED 태그 안에 포함되는 경우가 있는데요. IE에서는 별다른 영향을 받지 않지만 Firefox에서 보면 다른 태그에 영향을 주는 현상이 발견됩니다.

물론 정확한 것은 아니겠지만 Firebug를 통하여 Firefox에서 인식되는(?) 소스코드를 살펴보면

와 같은 형태로 제대로 인식되지 않는 현상을 볼 수 있는데요. 실제 소스는

1. <EMBED src="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" quality=high wmode=transparent menu=false bgcolor=#FFFFFF  WIDTH="160" HEIGHT="91" NAME="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" FlashVars="blog_url=aHR0cDovL2Nlby5ibG9nY29ja3RhaWwuY29t&blog_nick=%ED%95%98%EB%8A%98%EC%9D%B4&user_name=%ED%95%98%EB%8A%98%EC%9D%B4" >
2. <PARAM NAME=movie VALUE="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf"><PARAM NAME=quality VALUE=high>
3. <PARAM NAME=wmode VALUE=transparent>
4. <PARAM NAME=menu VALUE=false>
5. <PARAM NAME=bgcolor VALUE=#FFFFFF>
6. </EMBED>

로 EMBED 태그 안에 PARAM 태그가 사용된 것을 확인 할 수 있습니다.

만약 수정이 된다면

1. <object width="160" height="91">
2. <PARAM NAME=movie VALUE="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf"><PARAM NAME=quality VALUE=high>
3. <PARAM NAME=wmode VALUE=transparent>
4. <PARAM NAME=menu VALUE=false>
5. <PARAM NAME=bgcolor VALUE=#FFFFFF>
6. <EMBED src="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" quality=high wmode=transparent menu=false bgcolor=#FFFFFF  WIDTH="160" HEIGHT="91" NAME="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" FlashVars="blog_url=aHR0cDovL2Nlby5ibG9nY29ja3RhaWwuY29t&blog_nick=%ED%95%98%EB%8A%98%EC%9D%B4&user_name=%ED%95%98%EB%8A%98%EC%9D%B4" ></EMBED></object>

형태로 OBJECT 태그를 이용하여 EMBED 태그 안에 있는 PARAM 태그를 꺼내준다거나

1. <EMBED src="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" quality=high wmode=transparent menu=false bgcolor=#FFFFFF  WIDTH="160" HEIGHT="91" NAME="http://www.blogkorea.net/bnmsvc/partner/donorscamp/CounterBanner3.swf" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" FlashVars="blog_url=aHR0cDovL2Nlby5ibG9nY29ja3RhaWwuY29t&blog_nick=%ED%95%98%EB%8A%98%EC%9D%B4&user_name=%ED%95%98%EB%8A%98%EC%9D%B4" ></EMBED>

그냥 EMBED 태그만 사용해도 Firefox에서는 정상적으로 보일 것입니다.

사실 이러한 현상을 발견한 것은 하늘이님 블로그를 Firefox에서 보다가 IE와 너무 다르게 보이는 것에 이상하게 생각해서 살펴보고 알게 된 것입니다.

ps. 하늘이님 고쳐주세요. +_+

이 글은 스프링노트에서 작성되었습니다.

목표 :
미투데이에서 글쓸때 todo를 태그로 입력하면 그걸 기준으로 pipe에서 필터링해서 웹위젯 형태로 보여주기.

결과 :
일단 성공. 다만 pipe를 거치기에 느림.. 하지만 그냥 쓸만하다.


개선사항 및 느낀점 :
미투로그 배달될 때 태그를 필터링하여 특정 카테고리로 설정되었으면 좋겠다.
아직까진 이부분이 구현되지 않은 듯 한데.. 거꾸로 내가 RSS를 이용해서 블로그로 가져오면 되려나.

잡생각 :
미투데이에 하나의 계정(todo)을 추가했는데 이를 여러 사람이 공유해서 사용한다면 다른 사람의 todo list도 알 수 있을텐데. 물론 태그로 검색하면 되겠지만 먼가 형태가 정형화된 모습? 음.. 역시 잡생각일 뿐.