User Oriented Development

예전에 그냥 Leopard는 하루이틀 삽질해서 설치했는데...

몇일전 Windows7을 깔았습니다.

파비콘이란?
파비콘은 아래 그림처럼 웹사이트 타이틀 앞에 오는 작은 그림입니다.



파비콘 태그
밑줄친 부분에 그림파일 경로를 적어주면 됩니다.

Firefox와 IE에서 적용하기
IE외의 브라우저에서는 .ico 파일 대신 일반 그림파일인 jpg, gif, png을 파비콘으로 사용할 수 있지만
IE에서만은 꼭 .ico 파일을 사용해야 하는 것 같습니다.
.ico 파일은 윈도우에서 사용되는 아이콘 그림 파일입니다.

파비콘 만들기
1. jpg, gif, png 파일로 만든다.
16X16 크기의 그림파일로 만들어 주면됩니다만... 위에서 말한 것처럼 IE에선 적용 안됩니다.

2. .ico를 만들어주는 프로그램을 이용한다.
오픈 캡처라는 프로그램이 있습니다.
그 프로그램으로 만들 수는 있지만 배경 투명이 지원되지 않습니다.
배경투명 지원되는 다른 프로그램 아시면 좀 알려주세요~

참고로 오픈캡처 다운은 아래에서
http://openproject.nazzim.net/

3. 포토샵 플러그 인을 사용한다.
http://rusk.tistory.com/108
위 블로그에서 알아낸 방법입니다.

위 파일을 다운 받고
C:\program files\adobe\photoshop cs3\plug-ins 에 COformat8b 라는 폴더를 만들어 파일을 넣은 뒤
포토샵을 실행시키면 '다른 이름 저장(save as)' 시에 .ico 파일로 저장 가능합니다.
배경 투명 지원 됩니다. 저도 이 방법으로 사용중입니다.

참고로 적용이 안된다 싶을 땐 브라우저의 임시파일을 삭제 후 다시 접속해 보세여~

제로보드(XpressEngine)에서 파비콘 적용하기
요즘은 제로보드의 오픈소스 버전인 XpressEngine 이라는 프로그램을 사용중인데요...
XpressEngine으로 만든 사이트에 적용하기 위해선 레아아웃 스킨인 layout.html 파일에 넣어주는 방법이 가장 쉬운 방법입니다.
하지만 모든 페이지에서 적용하려면 다음 파일에 넣어주어야 합니다.

저처럼 모든 페이지에 적용한다고 루트에 있는 index.php 파일에는 절대 적용하지 마시기 바랍니다.
IE이외의 모든 브라우저에서는 문제가 없지만...
IE6에서는 화면이 깨지거나 내용이 잘 나오지 않고,
IE7에서는 아예 '웹 사이트를 표시할 수 없습니다'라는 문구가 나옵니다.
이 버그 찾느라 고생 좀 했어요... ㅜㅜ;;


파비콘은 있으면 당연하고 없으면 참~ 없어보입니다~ ^^;
블로그 운영하시는 분들은 간단한거라도 하나만들어서 적용해 보세요~

플래시/플렉스 관련해서 검색을 하다보면 몇몇 블로그가 눈이 띕니다.
그 분들 대부분이 'Flash Platform 한글문제 공동대응팀 해오름'이란 모임에서 활동을 하시는데요...
그 'Flash Platform 한글문제 공동대응팀 해오름'이 세미나를 한다길래 냅다 달려갔습니다.

해오름 분들 열정이 대단하시더라구여~
이렇게 자발적으로 한글문제 해결을 위해 노력하시고 세미나까지 열어 사람들의 참여를 이끌어 낸다는건 생각처럼 쉬운일이 아닐텐데 말이죠~

행사 당일 사진은 검쉰님 블로그에서...
http://warkyman.tistory.com/197
세미니 발표에 나왔던 링크부분의 정리는 열이아빠님 블로그에서...
http://koko8829.tistory.com/625
보시면 됩니다.

원래는 뒷풀이 참석안하려 했는데...
분위기가 좋아서 뒷풀이까지 참석하고 재미있었어요~
그리고 고기집 가는 길에 지돌스타님에게 이것저것 물어봤는데 친절히 대답해주셔서 감사했구요~ ^^;
그 날 만난 모든 분들 반가웠습니다~

다음 모임도 기대됩니다~ ^^

ps. 세미나에서 경품에 당첨되긴 처음입니다~ 마소 잘 보고 있습니다~ ^^;

paperinz님의 블로그에 소개된 BumpTop 이라는 프로그램을 설치해봤습니다.
소개글은 여기 http://paperinz.com/1012
다운은 여기 http://bumptop.com/download.php

프로그램에 대해서는 위 블로그에 올려진 동영상을 보시면 바로 알 수 있습니다만
간단하게 말씀드리면 바탕화면을 좀 더 현실에 가깝게 구성할 수 있는 프로그램이라고 생각하시면 되겠습니다.

동영상 보신 분들은 느끼셨겠지만 굉장히 흥미롭지 않습니까?
그래서 바로 설치 들어갔습니다.

일단 무료버전을 다운 받아서 설치를 했습니다.

짜잔~

상단 벽
상단 벽의 좌측 그림은 내 컴퓨터의 사진 폴더에서 그림을 램덤으로 보여주고요..
그 옆은 간단한 포스트잇 프로그램엔데요.
더블클릭하면 팝업창이 뜨고 그곳에 내용을 입력하고 확인을 해줘야하는 불편이 있네요...
저렇게 보이는 상태에서 바로 입력됐으면 더 흥미로웠을텐데 말이죠...
그리고 그 옆의 그림 두 개는 Flickr에서 사진들을 보여줍니다.

오른쪽 벽
오른쪽 벽은 프로그램 빠른 실행 아이콘 정도로 생각하시면 되겠네요...

그리고 화면에 보이는 모든 아이콘들은 벽면과 바닥 어디에도 이동 시킬 수가 있습니다.

바닥
가장 흥미로운 바닥 부분에는 아이콘들이 널려있습니다.
아이콘들을 이렇게 드래그 해서 선택한뒤

Pile by Type 을 선택하면...
이렇게 파일 종류에 따라서 겹치기(?)가 됩니다.

이렇게 겹처진 것(?)에서 마우스 우클릭을 하면

요런 메뉴가 나오고요

Fan Out 을 선택하면

이렇게 마우스 궤적에 따라서 아이콘들이 나열됩니다.



흠....
무료버전이라서 더 이상의 흥미로운 기능은 없습니다. ㅡㅡ;
유료버전을 사용하면 동영상처럼 멋진 기능을 사용할 수 있겠지만요...
그리고 위 사진에는 안나오는데 한글 파일명은 깨져나오네요~
paperinz님의 도움으로 한글문제 해결했습니다.
Arial Unicode MS 폰트 설치하고 적용하니 되네요~ ^^

아~ 한가지 더~
아이콘이 물리법칙에 따라서 던기기, 부딪히기 등등이 가능합니다...
(그냥 그렇다고요...ㅡㅡ;)

그리고 컴퓨터 리소스를 쫌 많이 먹습니다.
처음 실행할때는 50M까지 갔는데 지금보니 20M 정도네요...
이정도에서 왔다갔다 하는듯...

결론
아직까지는 그다지 유용하지 않은 느낌이지만...
굉장히 흥미롭습니다. 일단은 재미로 사용해보게 좋겠네요~ ^^

갑작스런 뽐뿌로 새벽에 Windows 7을 설치하기로 결정을했는데... 설치할 파티션이 없었습니다.
그래서 MacOSX 용 자료실로 사용하고 있던 파티션을 또 나눠서 설치를 감행...
이로써 하드는 두 개인데.. 파티션은.. 7개...ㅡㅡ;

설치하는데 그렇게 큰 어려움은 없었고... 기존에 사용하던 프로그램과의 호환성도 크게 문제가 없었습니다.
이정도라면 큰 문제가 없는한 거의 메인으로 써도 될 정도인 것 같네요...


1. Windows 7 설치

지금은 베타버전 공개가 끝난 관계로 MS 홈페이지에서는 받을 수가 없습니다.
사실 받고 싶어도 느려서 못 받기는 마찬가지지만요...

ISO 다운
☞ http://solarhalfbreed.tistory.com/393
(저도 상기 블로그에서 받았습니다~)

한글 언어 팩 다운
☞ lang.part1.rar
☞ lang.part2.rar

한글 팩 설치
설치 법은 검색하면 많이 나오므로 설명은 패스~
단 알아둬야 할 사항은 검색해 나온 설치 글 대부분은 iso에서 cab를 추출해서 설치하는 법을 설명하고 있지만
제가 위에 올린 파일은 추출된 cab 파일이니 바로 설치하면 됩니다~

2. 기본 프로그램 설치

Windows 체험 지수
예전 Vista 사용시에도 점수가 높지는 않았지만 별 무리 없이 사용했었기 때문에 점수에 큰 의미를 두지는 않습니다만...

(그래도 점수가 저게 머니...)

드라이버
일단 Windows7은 왠만한건 기본으로 다 잡아줍니다.
사실 Vista도 그래픽카드 드라이버 말고는 따로 설치할 드라이버도 없는게 사실이지만...
아무튼 nVidia에 가보니 아직 Windows7에 대한 공식 지원은 없는 듯 하네요~
그래도 요렇게 그래픽카드를 잘 잡으니 기특합니다.

백신 프로그램
예전 처럼 일단 Altools.co.kr 에 접속해서 알약을 설치하려 했으나 호환불가로 설치불가...
처음부터 호환성 문제인가~ 해서 쪼금 짜증이 났으나... 호환성 모드로 일단 설치는 성공...
하지만 그래도 백신인데... 뭔가 찝찝한 기분에 보니 윈도우 7을 지원하는 공식 백신이 있다고 하네요~
☞ http://www.microsoft.com/windows/antivirus-partners/windows-7.aspx

그래서 일단 예전에 사용해 본적이있는 Kaspersky로 설치~했~는데... 이런 된장...
성능은 아직 모르겠고... 지가 모르는 프로그램은 무조건 막으려합니다. 그리고 별거 아닌데도 경고창 막떠주시고...
예전에 알약은 키젠 사용시 트로이 목마라고 막았는데 이넘은 똑같은거 실행해도 걍 넘어가 주시고... 마음이 넓으셔...

암튼 아직은 별다른 대안이 없는거 같아 일단 사용하기로 하고 좀 안좋다 싶으면 다시 알약으로 넘어가려고 생각중입니다.
(내 아무리 쓸게 없어도 Norton만은 안쓴다...!!!)
근데 AVG는 머지...

압축 프로그램
알집을 설치 했으나 한글 팩 설치를 위해선 WinRar가 필요해서 기왕 설치한 김에 알집을 지워버렸습니다.
(결국 다시 설치할 것 같은 느낌이 들지만...)
사실 WinRar가 더 강력하지만 그노무 .als 파일 형식 때문에 알집을 사용했었는데... altools~ 쫌~!!!

인터넷 브라우저

IE8
아직 잘 모르겠으나 7 보다는 좀더 빠르고 안정적인 느낌이랄까?
마우스 가운데 버튼으로 탭을 클릭하면 탭이 닫히는 기능이 기본으로 추가 되었네요~
그리고 화면표시의 호환성을 위해 '호환성 보기'라는 메뉴가 있어서 레이아웃이 깨질 경우 예전 버전으로 볼 수 있습니다.

XP와 Vista 용으로 나온 RC 버전은 좀 더 좋아졌다고 하는데 Windows7 용은 MS의 정책상 공개 되지 않는다고 합니다.
그 정책이 빨리 바뀌기만을 기다릴 수 밖에요
아니면 제가 설치한 7000 버전이 아니라 7022버전의 Windows7을 설치하면 기본으로 RC버전이 설치 되어있다고 하네요~
하지만 7022 버전은 좀 더 빠른 대신 호환성은 더 낮아 졌다고 해서 지금은 넘어가기가 힘든 상태...

아무튼 MS에서 만든 브라우저 답게 윈도우와의 연계가 잘 이루어 지고 있네요~


이렇게 파이어폭스 같은 경우는 아무리 많은 탭이 열려 있어도 하나의 섬네일만 보이는데 반해...


익스플로러의 경우는 탭을 각각의 섬네일로 보여줍니다. 은근히 편리한 기능중 하나...

Firefox 3
하지만 아무리 좋아졌다고는 하나 손에 익은 파폭을 버리긴 쉽지 않죠~
파폭을 설치하고 제가 사용하는 익스텐션까지 설치했지만 호환성 오류는 나지 않네요~

화면 캡처 프로그램
Windows7에서는 기본으로 화면 캡처 프로그램이 제공됩니다.
<- 요놈!!
근데 이건 정말 기본적인 기능밖에 없습니다. 쓰라는 건지 말라는 건지..
사실 캡처도 잘 되질 않아요~ 잔상이 남는 경우도 있고... 뭥미~


그리하야 예전에 쓰던 OpenCapture로 다시 돌아왔는데...(아짜피 이거 쓰려고 하긴 했지만...)
이 프로그램이 설치 해서 사용하는 프로그램이 아니고 exe 파일만으로 실행하는 프로그램이라서
시스템 설치 드라이브와 다르면 실행 에러가 납니다. (비스타에선 안그랬는데...)
그래서 Windows7이 설치된 C: 로 옮기니 실행에 문제 없이 깔끔하게 실행되네요~


3. 기타 작업용 프로그램 설치

Adobe CS3 / CS4
비스타에서 사용하던 CS3는 설치 자체가 불가했습니다.
그래서 설치한 CS4는 정상작동되구요~ (하지만 트라이얼 버전... 에휴~)

Flex
정상 작동

Eclipse
정상 작동

Apm Setup
역시 정상 작동


4. Windows 7 제공 프로그램 평가

포스트 잇

설명이 필요없는 간단 메모 프로그램이죠~
그런데 가젯으로 만들면 더 편했을 거란 생각이 듭니다. 괜시리 작업표시줄에 공간을 차지하고 있는게 맘에 안들어요~

가젯
비스타에선 있어도 안썼는데... 윈7에선 왠지 사용해 보고 싶어져서
시계, 날씨, 환율 가젯만 띄워봤어요~

작업 표시줄
외형적으로 가장 큰 변화가 있는 부분입니다.
빠른 실행 아이콘과 프로그램 바가 합쳐졌다고 생각하면 되는데요~

프로그램 실행 전에는 빠른 실행 아이콘처럼 아이콘만 표시되다가
프로그램을 실행하면 변화가 생깁니다.



그런데 MacOSX를 써 봤던 사람은 생각하겠죠~ 이거 뭐 완전 Dock이잖아~
그렇습니다~ 저도 윈7의 작업표시줄을 보면서 처음에 든 생각이 그랬습니다.
MS... 언제까지 따라 할거니~

아무튼 이런 방식엔 호불호가 갈릴 것 같지만 저는 개인적으로 선호하는 방식입니다.
편리성이 좋고 직관적이라고 생각합니다.

참로로 아래는 MacOSX의 Dock인데요~
아이콘 아래에 불빛(?)이 들어와 있는 것이 실행중인 프로그램입니다.


5. 기타 편의성

바탕화면 바로보기

위 그림 오른쪽 끝에 보시면 투명 상자같은게 보이는데요.
이 부분을 클릭하면 바탕화면이 나오고 다시 클릭하면 프로그램들이 다시 배치 됩니다.
예전 윈도우에서 사용되던 '바탕화면 바로보기' 아이콘 보다 크기가 크고 화면 끝이라 마우스를 정밀하게 조절하지 않아도 된다는 점에서 편리합니다.
하지만 전 단축키 Windows + D로 바탕화면을 왔다갔다 하기에 많이 사용하게 되지는 않네요~

윈도우 창 최대화 / 이전크기
윈도우의 제목 표시줄을 잡고 화면 제일 위로 올라가면 창이 커지는 애니메이션 효과가 나타납니다.
그때 마우스를 놓으면 바로 전체화면으로 뜨게됩니다.
반대로 이전크기로 가려면 제목 표시줄을 잡고 화면 아래로 드래그 하면 예전 크기로 돌아옵니다.
익숙치는 않지만 편리한 것 만큼은 사실입니다.

선택 윈도우 이외의 창 숨기기
이게 참 재미있는 기능인데요~
창이 여러개 떠 있을 때 창 하나의 제목 표시줄을 잡고 흔들어주면 다른 창들은 최소화가 됩니다.
익혀두면 이것도 상당히 편리한 기능중 하나일 듯 합니다.
흔드는 제스처는

좌->우->좌
우->좌->우
위->아래->위
아래->위->아래

상하좌우 방향은 상관없이 이렇게 세번만 흔들면 됩니다.


6. 마무리

윈도우 설치에는 30분정도 걸렸지만 이것저것 알아보고 프로그램 설치 및 세팅하는데 총 합 5시간은 걸린 것 같습니다.
다~ 설치하고 나니... 바쁜 와중에 내가 머하는 짓인가 싶었습니다...
하지만 비스타와는 세세한듯 많이 바뀐 사용성(편의성)으로 바꾸길 잘했다는 생각이 듭니다.
비스타의 완성판(?) 이라는 느낌도 들지만 정식 버전이 기대되는 운영체제인듯 합니다.
긴 글 읽어 주셔서 감사합니다~

Java Code Test
public String getText(){ return "a"; } 깔끔하게 잘 나오지만 ActionScript를 지원하지 않는게 좀 아쉽네요... ㅠㅠ;;

ActionScript Code Test
package emp.util{ public class DateUtils { public static function format12(seconds:Number):String { var ms:Number = seconds * 1000; var d:Date = new Date(); d.setTime(0); d.setUTCHours(0, 0 ,0, ms); return doFormat12(d.getHours() == 19 ? 0 : d.getHours(), d.getMinutes(), d.getSeconds()); } private static function doFormat12 (h:Number, m:Number, s:Number):String { var timeString:String = ""; if (isNaN(h)) h = 0; if (h < 10) timeString += "0"; timeString += h + ":"; if (isNaN(m)) m = 0; if (m < 10) timeString += "0"; timeString += m + ":"; if (isNaN(s)) s = 0; if (s < 10) timeString += "0"; timeString += String(s); return timeString; } } }
그리도 Javascript와 문법이 비슷하니 대충 사용은 가능하겠군요~ ^^;

설치하실 분들은 아래 블로그 참고하세요~
http://gyuha.tistory.com/193