옷장수 나라

2008년 4월 28일 월요일

3단 레이아웃의 문제점

SitePen Blog의 "Retiring the 3-Column Layout"의 핵심만 살펴보면 다음과 같습니다.

3단 레이아웃을 쓰면 다음과 같은 문제가 발생할 수 있습니다.
사용자의 주의(Attention)를 중앙에 위치한 컨텐트 영역으로 이끈다고 생각되나 실제의 경우를 살펴보면 사이드바의 영역과 네비게이션 영역으로 인하여 사용자 주의가 흐트러지는 것을 볼 수 있다.

많은 영역을 업데이트 해야하기 때문에 컨텐트의 추가가 늦어지거나 각각의 컬럼들을 어떠한 것으로 채워야 하는 심리적 압박감에 놓일 수 있습니다. 컨텐트 메니저가 사용자의 목적에 최적화 되지 않은 컨텐트들로 비어있는 컬럼들을 채우게 될 때 너무나 많은 링크와 텍스트 잡음들이 생길 수 있습니다.

네비게이션 컬럼이 보통 페이지에서 페이지로 유지되는 반면에, 보조적인 역할을 하는 세 번째 컬럼의 경우 일반적인 웹환경에서는 어떠한 역할을 하는 지 예측하기가 어렵습니다. 이러한 영향은 사용자가 세 번째 컬럼의 페이지들이 어떠한 링크와 특징들을 가지고 있는지에 대해서 다시 분석해야 번거로움을 가지고 있습니다.

그러나, 사용자들의 주의를 흐뜨러트려서 사이트에 더 오래 머물게할 수 있으면 사장님은 좋와하십니다;;;

출처: SitePen Blog - Retiring the 3-Column Layout
이미지 출처: Tucow - Breaking Away From Table Based Layout, Part 2

2008년 4월 26일 토요일

Jon Aquino 씨의 블로그에 The Proper naming pattern라는 글이 올라왔습니다.
코딩을 하다보면 기존의 인터페이스를 유지해야하면서 동일한 동작(부분적으로 다른)을 하는 코드를 작성해야하는 경우가 있습니다. addAttachment()를 addAttachment2()로 다시쓰는 경우가 있죠. 이런 경우에 어떻게 메소드의 이름을 작성할 것인가에 대한 글인데요.

addAttachment: function() {
  // 다른 부분
  this.addAttachmentProper();
}

addAttachmentProper: function() {
  // 변경된 코드
}

이러한 경우에는 Proper를 사용하는 게 좋다라고 예기를 합니다. Proper에는 메소드가 동일한 동작을 하는 그(The) 함수라는 의미를 포함해서 나타낼 수 있습니다.

출처: Jon Aquino, The Proper naming pattern

2008년 4월 23일 수요일

php, ImageMagick이 설치되어 있을 때, bmp를 gif로 바꾸기[허접;;]

php와 ImageMagick이 설치되어 있는 환경에서 bmp를 gif로 바꾸는 프로그램을 짜보았습니다. 쉽게 변환해주는 툴이 있을까해서 찾아봤는데 잘 안보여서요. 프로그램의 동작은 간단합니다.

이미지 파일들이 위치한 디렉토리의 파일들을 읽어옵니다.
.bmp 파일이 있는 경우
해당하는 파일의 이름에 확장자를 바꾼 gif 파일을 만들어 준 다음에
ImageMagick의 convert 명령어를 사용하여 file.bmp를 file.gif로 변경해줍니다.

// bmp 파일이 위치할 디렉토리입니다. 
$dir = "C:/workspace/resource/";
$fileList = scandir($dir) or die("scandir failed");

foreach ($fileList as $file) {
  	$index = strpos($file, '.bmp');
  	if ( $index !== false ) {
  		$fileName = substr($file, 0, strpos($file, '.'));
  		$cmd = 'convert '.$dir.$file.' '.$dir.$fileName.'.gif'; 

  		exec($cmd, $rtnarr, $rtnval);	
  		if($rtnval) {
			echo $cmd." - ".$rtnval."\n";
  		}
  	}
}

그냥 심심해서(?) 짜봤습니다. ^^;;; 짜다보니 얻은 교훈 exec 실행할 때 전체 경로를 포함하지 않으니 실행이 안되네요. ~~

2008년 4월 22일 화요일

ReadWriteWeb - Googlebot Crawls Through HTML Forms

ReadWriteWeb에 'Googlebot Crawls Through HTML Forms'라는 기사가 올라왔습니다.

Googlebot web crawler would begin to fill out HTML forms and crawl the results.
only crawling GET forms and not POST forms

구글봇이 Form의 내용을 채워서 실행한 다음에 얻어지는 결과물을 크롤링하며 robots.txt에서 크롤링을 거부하는 경우에는 크롤링하지 않는다고 하네요. (조만간에 POST도 하겠죠? ^^;;;)

출처: 'Googlebot Crawls Through HTML Forms' - ReadWriteWeb

Silverlight을 사용하는 경우에 검색은 어떻게 하는가?

오늘 준서아빠님의 Silverlight 세미나를 들었습니다. 평소 궁금했던 내용을 질문했었는데요.

Silverlight을 사용하는 경우 검색엔진에서는 Silverlight의 내용을 검색할 수 있는가를 물어보았습니다.

Silverlight의 경우 배포 시에 xap 파일로 배포가 되는데 실제로는 zip포멧이라고 하네요. 그래서, 검색엔진에서 xap을 만나는 경우 unzip하여 파일을 푼 다음에 xaml 파일의 내용을 검색해서 어떠한 파일인지를 확인한다고 합니다. (준서아빠의 말씀으로는 구글의 경우 이미 xap에서 xaml파일을 분석해서 검색결과로 사용하고 있다고 합니다.)

준서아빠님 세미나 너무 재미있게 잘 들었습니다. 수고 많으셨습니다. (__)

P.S.> 세미나에서 본 내용대로 준서아빠님의 블로그에 들어가서 Silverlight을 설치하고 브라우져를 재시작했음에도 Firefox에서는 안보이는군요;;;;;;;