728x90















 
jQuery 에 대한 기본적인 문법적 이해가 있다는 가정하에 문서를 작성합니다.

약 1년간 jQuery를 사용하면서 jQuery가 제공하는 자바스크립트 사용의 편의성에도 매우 감탄했지만, 정말 매력적이었던 부분은 플러그인에 대한 지원이었다.

한동안 남들이 만들어놓은 플러그인 들을 고맙게 가져다 썼지만, 어느 시점에서 부터 요구사항에 맞는 플러그인을 찾기가 쉽지 않았다. (이는 우리 사이트에서 jQuery를 필요로 하는 부분이 그만큼 많아졌다는 것에 대한 반증이기도 하다.) 

요구사항에 맞춰서 UI를 만들다 보니 기존에 사용하던 플러그인을 대충 수정하면서 사용했지만, 점점 더 높아지는 요구사항에 아예 플러그인을 새로 만드는게 더 나아보였다.

겸사겸사 간단하게 플러그인을 만드는 방법을 작성해볼까 한다.

기본적으로 jQuery를 사용함에 있어서 사용하는 플러그인의 타입은 크게 아래 두 종류 이다.
  1. $('div').plugin_name();
  2. $.plugin_name();
1번은 셀렉터를 이용하여 메소드체인을 생성할 수 있고, 2번은 그냥 function 이다.


1. $('div').plugin_name(); 를 만들어보자.
jquery.test-plugin.js
$.fn.Alert = function() {
	return alert(this[0].id);
}





div tag를 셀렉터로 하여 정보를 출력하는 간단한 플러그인이다.
위와 같이 작성하면 간단하게 끝난다.

위 메소드에서 두가지를 살펴볼 수 있는데, 하나는 this 이고, 나머지 하나는 그 this를 리턴하는 것이다.
this는 예상하는대로 div 엘리먼트에 대한 참조이고, this를 리턴하는 이유는 메소드체인을 사용하기 위함이다.


this 에 대한 프로퍼티를 확인해보면, 할당된 Method 들이 있고, 이 div 엘리먼트에 대한 프로퍼티를 담고있는 배열( [0] )이 있다. 
div 엘리먼트가 하나라고 가정할 수 없으니, 배열로 엘리먼트를 구분하는 것이다. (현재는 html 상의 div가 한개 뿐이므로, 배열도 한개만 나온다. div 엘리먼트가 여러개라면 배열 또한 그에 상응하게 나타난다.)

jquery의 강점중 하나는 메소드 체인을 사용할 수 있다는 것인데, 예를 들어서 $("div").Alert().fadeOut(); 과 같은 코드를 사용할 수 있다는 것이다.

메소드 체인이 끊어지지 않게 하기 위해서는 jquery 객체 (여기서는 this) 가 리턴되어 유지되는 것이 중요하다.

$.fn.Alert = function() {
	return this.each(function(i,k) {
		alert(k.id);
	});
}
그리고 div 와 같은 엘리먼트들은 배열(오브젝트) 이기 때문에 each 와 같은 순환문을 통하여 "사용하고 리턴될 수" 있어야 한다.


2. $.plugin_name(); 를 만들어보자.
jquery.test-plugin2.js
$.Alert = function() {
	alert("plugin-test");
}

1번과 비교해서 fn 부분이 제거되고, return 되는 부분도 없다. 그냥 일반적인 함수 작성하듯 만들면 된다.(함수니까!) 하나의 기능만을 담당하는 것이라면 문제는 없다.

이는 아래와 같이 사용된다.



Posted by onionmen
728x90

0.

"에이 설마.. 아무리 어두워도 익숙해지면 윤곽이라도 보이기 마련인데, 진짜로 아무것도 안보이겠어?"

 

입에서 나온 저 한 줄 문장은 어둠의 아가리 속으로 내 몸통이 들어가고 얼마 지나지 않아, 도로 제 입 속을 찾아 들어갔다. 정말 '아무것도' 보이지 않는 칠흑 같은 어둠 속. 여기서 그 칠흑이 무엇을 의미하는지 이제서야 진정 그 의미를 알게 되었다.

 

1. 어둠과의 대화

어둠을 이야기 하면, 무엇이 생각나냐 라고 묻는다. 이럴 때 단연 말 할 수 있는 것은 "한치 앞이고, 인생이다." 그냥 깜깜할 뿐이다.

 

놀거리 없던 내 어린 시절. 수건 한 장과 친구들 두세 명만 있으면 언제 어디서든 할 수 있는 눈감고 찾기 라는 놀이. 그 놀이의 박수소리를 생각나게 하는 가이드 분의 박수소리. 시각을 지운 이런 전시가 내 어릴 적 동심을 기억나게 해줄 수도 있구나.

그저 고맙다.

 

이번 '대화' 를 통해서 내 근거리 지각의 능력이 어느 정도인지 너무나도 명확하게 알게 되었다. 굳이 알아듣기 쉬운 말로 고쳐 다시 평가 내리자면.

"이번 '대화' 를 통해서 형편 없는 내 근거리 지각 능력을 알게 되었다."

시각을 사용하지 않고서는 정말 아무것도 할 수 없는 모습이라니. 그저 우울했다. 나에게도 육감(six sense)이라는 것이 있어서 "I can see dead people" 을 외치며 부들부들 떨 수 있다면, 이 우울함이 좀 사라질까?

 

촉각적인 내 시각을 잠시 몸에서 잠재우고, 4감각들을 사용한 어둠과의 전쟁이 시작되었다. 내 몸에서 내 시각이 어느 정도의 권력을 갖고 있었는지 새삼 실감할 수 있는 상황이었다. "왼쪽을 만져보세요." 라는 가이드 분의 말을 듣고 뻗은 내 왼손에 만져진 것은 죄송하게도 어떤 분의 어깨였다. 몸통을 돌려 왼쪽을 만져야 하는 상황을 제대로 파악하지 못한 것은 단지 내 상황판단능력의 문제일까?

 

2. 시선의 폭력

힘을 가진 자는 그 힘을 잘 사용해야 한다. "슈퍼맨이 나쁜 마음을 먹는다면?" 아니, 굳이 상상 속의 인물로 한정할 필요도 없다. "부시가 나쁜 마음을 먹는다면?(얘는 이미 많이 나쁜 아이지만, 그냥 대놓고 나쁜 아이가 된다면 이라고 상상해보자.)으로 정정하도록 하자." 그렇게 되면 세계 여러나라가 쌀나라의 속국이 되어, "부시 만세" 를 외쳐야 할 상황에 놓이게 될지 모른다.

이만큼은 아니더라도 시선의 힘은 대단하다. 위아래로 훑어보는 행위 하나만으로도 상대방에게 굉장한 불쾌감을 줄 수 있는 것이 시선의 힘이다. 게다가 이 시선의 폭력은 법적 제재조차 받지 않는 면죄부도 갖고 있다. 약간이라도 특이한 사람을 보면 끈적한 시선이 그의 움직임에 들러붙어 떨어질 생각을 않는다.

 

보통 이렇게 이야기 한다. "눈의 소중함을 새삼 느꼈어요."

이렇게 라도 알았으면 이제 좀 잘 사용해보자.

 

3. 장애

가이드 분들을 보고 생각난 영화는 "조제, 호랑이 그리고 물고기들" 이었다.

장애를 가진 조제와 헤어지는 남자친구를 욕했다. "저런 나쁜새끼." 나는 눈물을 훔쳤다. 그 후에 우연히 듣게된 작은 설명은 내 뒤통수를 때렸다. 남자친구는 조제를 동정한 것이 아니다. 동정해서 사귄것이 아니라 그냥 평범한 여자아이와 사귄 것이다. 평범한 여자 아이와 헤어지는데 그 여자를 동정해야 할 이유가 없지 않은가. 왜 이 남자 주인공은 보통 연인의 헤어짐에서 욕을 먹어야 하는가. 그리고 난 왜 이 남자를 욕해야 했는가.
난 정말 진정한 장애에 사로잡혀 있던 것은 아니었을까.

 

4. 끝

전쟁이라는 표현을 사용 했지만, 어둠은 정복해야 할 대상도 아닐뿐더러, 절대 정복 할 수도 없는 곳이다. "위대한 불의 발견이 어둠의 정복이다." 라고 생각한다면, 그 횃불을 뒤로 돌려보라. 조금 전까지 환하던 그 자리는 횃불이 사라진 지금 어둠만 남아있을 것이다.

Posted by onionmen
728x90

클로저는 실무에서 자바스크립트로 개발을 하다보면 자신도 모르게 사용했던 개념이다. 클로저는 몰라도 예제코드를 보면 "아하, 그게 클로저야?" 라고 되묻는 사람들이 꽤 많을 것이다.

아래 코드를 보자.

var closureTest = function() {
	var closureVar = "closure test";

	return function() {
		alert(closureVar);
	}
}

closureTest 라는 함수는 closure test 라는 문자열을 출력하는 익명함수를 리턴한다. 그리고 위 코드를 수행하면 정상적으로 closure test 메시지가 alert창으로 뜬다.

위 코드가 왜 이상한지 모르겠는 사람은 클로저에 대한 이해가 충분하거나, 아니면 자바스크립트에 대한 이해가 불충분한 사람일 것이다.

기본적으로 closureVar 변수는 closureTest 에 속한 지역변수 이기 때문에 다른 외부함수에서 호출하는 것이 불가능하다. 변수를 호출하기 위한 방법으로는 지역변수로 선언된 closureVar 변수를 전역변수로 바꿔 선언하는 방법이 있다. 

그런데 자바스크립트에서는 굳이 이렇게 하지 않아도, 함수에 속한 지역변수를 다른 함수가 호출하게 하는 것이 가능하다. 이게 바로 클로저다. 좀 더 정확하게 이야기 하면, 클로저란 자신이 생성된 함수의 context에 직접 접근(참조) 할 수 있는 것이다.

위 코드를 좀 더 쉽게 풀어보면 아래와 같다.

var closureTest = function() {
	var closureVar = "closure test";

	return closureTest2();
}

var closureTest2 = function() {
	alert(closureVar);
}

하지만 위 코드는 제대로 동작을 하지 않는다. closureVar 변수가 closureTest 함수에 선언되었기 때문에, closureTest2 함수에서 접근할 수 없기 때문이다. 

위 코드를 동작시키기 위해선 closureVar 변수를 전역변수로 새로 선언해야 한다.

var closureVar = "";
var closureTest = function() {
	closureVar = "closure test";

	return closureTest2();
}

var closureTest2 = function() {
	alert(closureVar);
}
하지만 변수가 많아진다면 이 모든 변수를 전역변수로 할당해야 하는데, 코드도 어려워지고(지저분해지고) 개발자도 힘이 든다. 변수를 모두 전역변수로 선언하지 말고, 클로저를 잘 이해하여 써먹어보자.


Posted by onionmen
728x90

마이크로소프트에서 IE 새버전인 IE9의 미리보기 3번째 버전을 공개하였습니다. 두달에 한번씩 새버전에 업데이트 되고 있는데, 벌써 3번째 프리뷰 버전입니다. 

업데이트 될 때마다 점점 성능이 좋아지고 있는데요. 이 상태로라면 정식버전이 정말 기대됩니다. MS는 제품을 출시할 때, 첫번째 제품은 말아먹고, 두번째 제품은 좀 괜찮고, 세번째 제품은 시장을 장악했죠. 그리고 운영체제와 브라우저는 한번 실패하면 한번 성공했죠.(일반적으로 실패라고 할만한 것은 아니지만)

개인적으로 IE8은 성공했고, IE7은 실패했다고 봅니다. 물론 IE6는 (이유야 어떻든) 성공했구요. 이런식이라면 IE9는 실패해야 하는데, 지금까지의 프리뷰를 보면 이번 IE는 실패할 것 같지 않네요.

  • 상호운용성 가능한 HTML 마크업
  • GPU를 사용한 렌더링
  • 그 외 성능향상

IE9에서 중점적으로 광고하고 있는 기능입니다. 요약하면 빠르면서도 표준을 준수하는 웹브라우저 인듯 한데요, 실제로 사용해보아도 상당한 체감성능의 향상을 느낄 수 있습니다. (이 부분은 직접 사용해 보셔아 느낄수 있겠네요)

ReMIX10 에서 발표된 내용과 난장세미나에서 발표된 내용을 토대로 간략하게 작성해보앗습니다.


  • 상호운용성
ACID 테스트가 프리뷰2 에서는 68점에 불과했는데(100점만점) 프리뷰3에서는 83점까지 상승.
DOM level2의 완벽한 지원, DOM level3의 지원
getElementsByClassName API를 지원 (기존까지 지원하지 않았다는 것이 놀랍네요.)


  • 속도
브라우저 속도 면에서는 파이어폭스보다 빠르고, 사파리와는 비슷하고, 크롬5 보다는 약간 느린 수준.
새로운 자바스크립트 엔진 챠크라를 사용하는데, 이 챠크라가 멀티코어 CPU를 사용하기 때문에 엔진의 성능이 대폭 향상시되었다고함.
자바스크립트 실행 및 각종 렌더링을 GPU의 도움을 받아서 수행함.
엔진의 코드 최적화를 통해 보다 높은 수준의 성능향상을 기대할 수 있다.


  • 향상된 개발자도구
IE8에 내장된 유용한 개발자 도구의 성능이 향상됨.
- 네트워크 모니터링 기능이 새로 추가되었습니다. 간단하게 사용할 때 유용할 듯 하네요. 회사에서는 httpwatch 를 사용하고 있는데, 이게 상용이라서 다른 기획자나 디자이너 컴퓨터에서 디버깅을 할 때는 fiddler 를 설치해서 썼습니다. 이제 IE9가 설치되어 있으면 따로 뭐 설치할 필요 없을 듯 하네요.


  • 멀티미디어
H.264 코덱 외에 webM 코덱 사용 (올레)
음성코덱으로 MP3, AAC 사용
SVG 사용가능


  • 그 외
CSS3 사용가능
알파채널을 지원하고, 플래시에서만 구현 가능했던 벡터그래픽의 처리를 SVG 를 지원함에 따라서 해결 가능하게 됨.


이 외에도 많은 기능들이 추가되었다. 좀 더 자세한 내용을 알고 싶으면 아래 링크 참조하세요.



Posted by onionmen
728x90
안드로이드 OS는 패턴방식의 화면잠금을 채용했습니다. 이런 방식은 일반적으로 사용되는 4자리 비밀번호 방식에 비해서 좀 더 안전한 기분이 듭니다.

핸드폰을 분실했을 때에는 꽤 강력한 보안성을 자랑합니다. 하지만 분실같은 경우가 아니라 주변인들 사이에서 핸드폰을 열 때에는 이런 패턴잠금방식이 오히려 더 노출되기 쉽습니다.

저도 회사에서 핸드폰을 보여주기 위해 몇번 잠금해제를 해주었더니 몇번 보더니만 이제는 스스로들 잘 열어서 쓰더군요. 

오히려 숫자보다 더 기억하기 쉽습니다. 게다가 이 패턴을 틀리면 붉은 색으로 틀린 경로를 보여주기 때문에 더욱더 쉽게 노출 될 수 있고 쉽게 유추할 수 있습니다.

이런 노출이 꺼려지신다면 이런 방법은 어떨까요.






Posted by onionmen
728x90
얼마전에 전철에서 인터넷을 하는데, 갑자기 3G 연결이 제대로 안되는 황당한 사건을 경험했습니다. 이것저것 설정을 만져보아도 제대로 동작을 안하길래 그냥 초기화를 시켜버렸습니다.

참 바보같이 홧김에 바로 초기화를 시켜버렸습니다.
백업을 하고 있다길래 그거 믿고 그냥 해버렸는데, 살릴 수 있는게 아무것도 없더군요. 그래서 아쉬운대로 아예 새로 설정하기로 하였습니다.

기존에는 그냥 바탕화면에 위젯과 어플들을 늘어놓고, 편한대로 사용했는데요, 이번에는 폴더를 만들어서 많은 어플들을 정리하여 몰아넣었습니다.

이렇게 폴더로 정리를 하니, 바탕화면이 두개가 남더군요. 굳이 일곱개 까지 필요하지 않았습니다. (아직은)

기존에 위젯으로 사용하던 즐겨찾기도 폴더로 빼서 바로가기를 만들어 두었습니다. 여러개의 즐겨찾기를 등록할 때 편리할 듯 하여 만들어서 일주일째 쓰고 있습니다. 개인적으로는 이 방식이 더 편리한 듯 합니다.



자주 사용하는 어플중 하나인 Fx카메라도,바로가기로 빼놔서 사용하니 훨씬 편리했습니다. 이게 초기 구동시에 약간의 딜레이가 있고, 또 다른 형태의 카메라를 구동하기에 불편함이 컷기 때문이죠. 이건 직접 써본 사람들만 알 수 있는 내용이겠네요.



그리고 양 사이드로 위젯들을 설치해놨는데요. 설정 및 정보 관련된 위젯들을 따로, 멀티미디어 관련 위젯 따로 모아두었습니다. 바탕화면이 일곱개나 되기 때문에 익숙해지기 전에는 뭐 제대로 찾기 힘든데, 모아두니 훨씬 낫습니다.

위젯들은 최대한 디자인을 맞추려고 했는데, 이게 그렇게 쉬운게 아니더군요. 위젯 디자인에 대한 권고사항이나 확실한 가이드라인이 제공된다면 미관상 훨씬 나은 위젯들이 나올 수 있을텐데 뭔가 통일성이 없어 보여 아쉽습니다.

안드로이드 핸드폰을 사용하시면서 인터넷 부분을 누르면 자신이 설정해둔 시작페이지로 바로 이동할텐데요, 저는 이게 너무 싫더라구요. 그래서 가능하면 자주가는 사이트들을 바로가기로 뺴놔서 사용하는데, 이것도 조금 부족했습니다. 그래서 아무것도 없는 빈 페이지만 보이게 하려고 평소 윈도우에서 사용하는 방식을 적용해보니 잘 되더군요.

시작페이지, 또는 바로가기 주소로 about:blank 를 넣어두시면 인터넷 실행할 때, 그냥 빈페이지가 뜹니다. 원치않는 사이트를 띄우는데 3G 패킷을 사용하면 싫잖아요.

그럼 즐거운 스마트폰 생활~

덧. about: 뒤에 blank가 오든 뭐가 오든 상관은 없네요. 
Posted by onionmen
728x90

맥북 화면이 너무 작다. 13인치이고, 해상도가 1280 x 800 이다. 난 이 세로 800 픽셀이 정말 작게 느껴진다. 답답하다. 

예전 쓰던 모니터가 23인치에 1280 x 768 이라는 레어급 해상도였는데, 이때 세로 해상도가 너무너무 답답해서 새로 27인치로 질렀었다.

맨처음 노트북을 살때에는 '어차피 랩탑인데 해상도가 뭐 크게 걸리겠어' 라는 생각으로 별 고민없이 구매를 했다. 하지만 계속 노트북을 사용하다 보니까 이게 생각보다 큰 단점으로 다가왔다.

윈도우만 사용하는 데스크탑 대용 서브노트북으로 사용하기에는 문제가 없을지 몰라도, OSX를 쓰기 위한 용도로는 너무 부족했다.

그래서 현재 사용중인 27인치 모니터에 물렸다. 화면은 문제가 없는데, 컴퓨터 쓸때마다 선 연결하고 들고 옮기는 것이 여간 귀찮은 것이 아니었다. 

그래서 그냥 포기하고 맥을 잘 안썼었는데, 얼마전 검색하다가 Henge docks 라는 물건을 찾았다. 맥북을 대형 디스플레이와 연결해서 쓰기에는 안성맞춤이었다. 

하지만 해외배송에, 그나마도 현재는 품절이다. 게다가 그때는 몰랐는데, 지금 좀 찾아보니 Macsafe와 Minidisplay 컨버터는 내가 직접 구매해야 한다. 59.99달러라는 저렴한 가격에 저게 다 포함되었었을거라 믿었던 내가 바보였지만, 뭐 결국 구매도 못하니 고민할 필요도 없었다. 

얼마전 웹서핑을 하다가 새로운 스텐드를 발견했다. bookarc 라는 스텐드인데, 디자인은 정말 이쁘고, 알루미늄으로 제작되었지만, 역시나 문제는 가격.


Bookarc

 
그리 싼 가격은 아니지만 그나마 대안이 될 수 있는 물건이다. 자 이제 맥북을 세워서 맥미니 이상으로 만들어놨다. 디자인은 맥과 정말 잘 어울린다. 몇가지 동영상을 봤는데, 쓰러짐 없이 안정적이다. 3개의 실리콘을 제공하여 어떤 맥북에도 꼭 맞는다.

맥북을 모니터와 연결하기에 앞서 bookarc를 쓴다면 부가적으로 좀 더 필요한 아이템들이 있다. 한번 알아보자.



입출력장치

입력장치는 기본. 데스크탑에서 쓰던 키보드와 마우스를 써도 되겠지만, 키보드는 아무래도 맥 전용으로 쓰는게 낫고, 마우스는 선택사항이다. 키보드는 무선 키보드도 괜찮지만, 나같은 경우 Page Up, Page Down, Home, End 키가 매우 중요해서 유선으로 넣었다.(무선에는 이 키가 없다.) 그리고 어차피 무선 유선 두개 다 있으니까 불편하거나 미관상 안좋으면 바꾸면 된다.

그리고 꼭 필요한 케이블. 맥과 모니터를 연결해주는 케이블이다. 나는 Minidisplay to HDMI 케이블을 선택했다.


전원장치


나 같은 경우는 두 장소에서 노트북을 사용하기 때문에 선을 뽑아서 왔다갔다 하기 귀찮다. 가능하면 맥세이프를하나 더 구매하고 싶지만 생각보다 엄청 고가이기 때문에 망설여지는 제품. 아무래도 안살듯. 


그 외

나와주었으면 하는 아이템이다.


매직 트랙패드. 

나올지 안나올지 모르겠지만, 나와만 준다면 정말 유용하게 쓰일듯. 여기에 클릭할 수 있도록 만들어만 준다면 마우스가 필요없겠지.

빨리 책상 정리해서 맥을 좀 제대로 써봐야 겠다.
Posted by onionmen
728x90
아이폰 4세대가 드디어 베일을 벗고 그 모습을 드러냈습니다. 정식명칭은 "아이폰4"

너무 루머와 비슷하게 나와서 살짝 김빠지는 감이 없지 않았지만, 그래도 발표 정리된 사진들을 보니 이거 또 기기병이 도지는건 사실이네요. 물론 얼마전에 안드로이드폰인 디자이어를 질렀기 때문에 기변은 어려울 듯 하고, 신규가입도 그렇게 쉽지는 않을 듯 합니다. 

이미 아이폰 OS 4.0 버전 (iOS4) 이 개발자들에게 배포되었기 때문에, 몇몇 기능들은 확실하게 예측이 가능했고, 또 많은 루머(홍보)를 통해서 기능들이 공개 되었습니다. 

이번 잡스의 키노트는 많은 분들의 예측에서 크게 벗어나지 않았습니다.



가장 대표적으로 추가 변경되는 부분들 입니다. 두가지만 짚어볼까요.


Retina 디스플레이 : 

디스플레이 부분이 크게 향상 되었습니다. 기존 3Gs 까지 480x320 163ppi 였던 화면이 두배로 늘어났습니다. 해상도는 960x640 이고, IPS 패널을 탑재 하였습니다. ppi (pixel per inch) 도 두배로 늘어서 326ppi 로 향상되었습니다. 

ppi 는 화면 1인치당 픽셀의 수를 의미하는데요, 자신의 디스플레이 기기를 켜고 자세히 보면 뭔가가 촘촘하게 박혀 있는 것을 볼 수 있을 거에요. 이 작은 뭔가를 픽셀이라고 하는데, 이 픽셀이 여러개 모여서 한 화면을 이루게 됩니다. 그렇기 때문에 픽셀이 많을수록 좀 더 선명한 화면을 보여줍니다. 그리고 1인치당 픽셀 표시를 ppi로 하게 되는거죠. 우리 인간의 망막이 인식할 수 있는 한계가 1픽셀당 300ppi 라고 하니 326ppi면 픽셀이 어긋남을 볼 수 없다는 뜻입니다. 그래서 Retina(망막) 디스플레이 인거죠. 게다가 전면은 동일하게 강화유리.

4개의 픽셀

아이폰 4의 경우 이 4개의 픽셀이 나뉘게 됨


한칸에 16개의 색을 표시할 수 있던게 4배 향상되어 64개 표현 가능

따라서 선명한 결과물을 얻게 됨



아이폰에서 채용한 강화유리




500만 화소 카메라 및 영상통화가 가능한 전면카메라 : 

아이폰 3세대까지는 카메라 기능에서 많은 점수를 얻지 못했습니다. 폰카로는 그럭저럭 해나갔지만, 똑딱이를 대체할만할 정도의 성능은 보여주지 못했죠. 하지만 이번에 4세대는 720p 30프레임을 지원하는 동영상 촬영까지 가능해졌기 때문에 똑딱이를 버려도 될만큼 성능이 향상되었습니다. 

아래 링크로 가시면 아이폰4 로 촬영한 무보정 사진이 올라와 있으니 카메라 성능에 참고하셔도 될듯 하겠습니다. 게다가 광량이 풍부하지 못해도 일루미네이션 센서가 탑재되어서 어두운 곳에서도 좀 더 향상된 화질의 사진을 얻을 수 있다고 합니다. 현재창으로 열기(새창)


720p 영상 촬영을 지원하게 되면서 멀티미디어 성능을 강조한듯 합니다. 제가 주목하고 싶은 부분은 바로 iMovie 인데요, 제가 맥북을 구입하고 나서 정말 유용하고 재미있게 가지고 놀았던 맥어플리케이션중 하나가 바로 iMovie 였습니다. 

사용하기 편리하고, 몇 번의 조작만으로 꽤 훌륭한 영상물을 만들어 낼 수 있습니다. 과연 아이폰에서 어느정도의 자유도를 보장해 줄 지 모르겠지만, 내부의 mp3도 활용할 수 있다면 간단하게 영상을 편집하고 유투브로 바로 공유 가능하겠습니다. 한가지 바라는게 있다면 외부출력을 통한 영상 편집 정도 일텐데, 이건 어떻게 되는지 잘 모르겠네요. 사실 아이패드에 카메라 달린 버전이 나오게 되면 이 iMovie는 아이폰보다는 아이패드용으로 훨씬 쓸모가 있을듯 합니다.

그 외에 향상된 배터리로 사용성을 더욱 강화 하였고, 멀티태스킹, 자이로스코프 센서 추가로 인해서 활용도가 더욱더 무궁무진해졌습니다.  (친구 하나는 자이로센서를 이용하여 뭔가를 만들어본다고 합니다.) 게다가 iAd를 통한 개발자 수익 개선모델도 등장하여 개발자, 사용자 모두를 만족시킬만한 발표였습니다.

애플까들에게도 구매욕을 불러일으키는 이번 아이폰도 분명 충분히 성공적일 듯 합니다. 충분히 선전하고 있는 안드로이드가 넘어야 하는 산이 또 하나 생겨버렸네요.


아쉬운 점을 꼽자면, Micro USIM 을 사용하는부분인데요, 이거 어뎁터 안나올까요. 그리고 WiFi 핫스팟 지원도 안되는 듯 한데, 이부분만 개선 되어도 기기 자체에 대한 단점을 찾기는 힘들어보이네요.

그리고 화상통화의 경우 2010년 모델은 아이폰4 끼리만 화상통화가 가능하다고 합니다. 그것도 WiFi 지역에서만 가능하다고 하는데, 2010년 이후 OS 업데이트로 3G로의 영상통화와, 다른 기기와의 화상통신을 지원할까요?




덧. 개발자 프로그램을 등록한 분들은 GM버전을 받을 수 있네요. OS3.0 에서는 GM버전이 정식버전과 동일했죠.
Posted by onionmen
728x90
요즘 안드로이드 OS에 대한 관심이 대단합니다. 구글이 안드로이드 OS를 인수하고, 공식 발표한지 그리 오랜시간이 흐르지 않은 지금, 벌써 2.2 버전이 출시되었습니다. 발전속도 만큼이나 성능의 향상도 매우 컸는데요, 이번 2.2 (프로요) 버전은 정말 매우 기대되는 버전입니다.

약 20일 전 디자이어를 구입하여 현재까지 사용중에 있습니다. 아이폰이나 WM 스마트폰은 써보지 않았기에 비교는 할 수 없고, 디자이어 자체만 놓고 봤을때 상당히 만족도가 높습니다. 길 잃을 걱정 하지 않아도 되고, 궁금한 사항이 있으면 언제든지 검색할 수 있고, 심심할 새가 없습니다.

물론 몇몇 불편한 사항도 있습니다. 그 중 제일 불편한 점은 안드로이드 OS의 강점이라고들 광고하는 멀티태스킹이 저에겐 정말 쥐약이더군요. 멀티태스킹이라기 보다는 안드로이드의 메모리 관리 능력이 문제이겠지만 말이죠. 

이 메모리관리가 제대로 안됨으로 인해서 겪을 수 있는 가장 큰 문제는 웹서핑 입니다. 메모리가 부족하면 페이지 이동이 원활하지 않아서, 가뜩이나 느린 3G로 서핑할 경우 하염없이 하얀 화면만 바라봐야 할 때가 많이 있습니다. task killer 류로 어플 몇개 종료 해주면 그제서야 제대로된 페이지 이동이 됩니다. 수시로 또 수동으로 어플을 강제종료 해줘야 하는것이 정말 귀찮습니다.

그리고 기기와는 별도로 앱의 완성도나 퀄리티가 아이폰 어플들에 비해서 너무 떨어집니다. 아이폰에 있는 동일한 기능을 하는 앱은 대부분 존재합니다. 하지만 동작을 시키면 어플의 숫자가 아이폰에 비해서 상대적으로 적기 때문에 그렇게 느낄 수도 있지만 무엇보다 유료 어플리케이션을 구할 수 없기 때문에 문제가 아닐까 합니다. 

이런 부분들은 좀 더 보강하여 정리해서 나중에 한번 장단점으로 올려봐야겠습니다.




안드로이드 2.2버전인 프로요는 2.1버전인 이클레이어 비해서 많은 부분이 개선되었습니다. 향상된 성능을 굳이 수치로 비교한다면 약 400% 이상의 성능향상이 있다고 합니다. 물론 단순연산 수치겠지요. 그래도 상당한 퍼포먼스의 개선이 있을 것으로 예상됩니다. (실제로 넥서스원이나 디자이어에 2.2 롬을 올렸을 때 많은 분들이 신세계를 경험하셨다고 이야기들 하시더군요.) 

2.2 공식 홍보영상에서는 크게 4가지의 카테고리를 소개하고 있습니다. 축약하자면 OS 속도가 향상되었고, 여러 API를 제공하고, 브라우저 속도가 매우 향상되었으며, 마켓이 조금 업그레이드 되었다는 이야기 입니다.

이미 넥서스원에는 수동 펍웨어 업데이트 방법들이 소개된 상태이고, 넥서스원 쌍둥이인 디자이어 역시 2.2 커스텀 펌웨어가 나와있는 상태입니다. 신세계를 경험하고 싶어서 현재 사용중인 디자이어를 루팅하여 2.2 커스텀 펌웨어를 올려볼까 하는 마음이 새록새록 들고 있습니다만, 아래 기사를 발견하고 그런 마음이 쏙 들어가버렸습니다.

디자이어 6월 23일 안드로이드 2.2 프로요 업데이트 - [ 기사링크(새창) ]

기사 내용만 보면 너희들이 기다리고 기다리던 프로요가 6월 23일에 업뎃 될 예정이다. 라고 하는데, HTC에서 공식확인된 내용인지는 확실치 않습니다.

업데이트가 2~3개월은 걸릴 것이다 라는 HTC였는데, 그래서 올 하반기에나 업뎃 될 것이라 생각했는데, 과연 정말 6월 안으로 프로요를 써볼 수 있는 것일까요.

기사 내용이 사실이면 정말 좋겠습니다. 아마 23일날 업데이트 되지 않는다면, 전 루팅 및 커펌업을 시도할지도 모르겠어요. 하게 된다면 자세한 내용 또 올리겠습니다.


Posted by onionmen
728x90
약 20일 전부터 사용하기 시작한 첫 스마트폰 입니다. 이거 때문에 아이폰도 안사고 기다리고 있었죠.
HTC 에서 만든 안드로이드 스마트폰 입니다. 시간 날때마다 관련 포스팅을 올릴까 생각중입니다. 

아이폰과는 다르게 바탕화면을 자신의 입맛에 맞게 꾸밀 수 있고, 총 일곱개의 화면을 제공해줍니다.
게다가 디자이어는 독자적으로 개발한 센스UI 채용으로 좀 더 사용자에게 다가선 안드로이드폰 이라고 할 수 있습니다.


위와 같은 일곱개의 화면을 제공해줍니다.윈도우 바탕화면이 일곱개 있는거라고 생각하시면 됩니다. 안드로이드용 어플리케이션에서 제공하는 위젯들을 바탕화면에 심을 수도 있고, 아이콘만 넣어둘 수도 있습니다. 위젯이 제공된다는 점이 아이폰과 다른 점이고, 또 장점입니다.


총 7개의 화면중 가운데 화면인데요, 가장 많이 보는 화면중에 하나입니다. 때문에 시간과 날씨를 필수로 넣었고, 음악재생을 바로 할 수 있는 위젯을 넣어두었습니다.

그리고 가장 많이 사용하는 어플을 넣어두었구요.


두번째 화면입니다. 여기도 주로 사용하는 어플들을 아이콘으로 넣어두었고, 여자친구 사진을 액자로 걸어놓아 항상 볼 수 있게 해 놓았습니다. 현재 3G 사용량을 한눈에 보여주는 위젯이나 배터리 사용량을 체크할 수 있는 주로 체크 위주의 어플이 주를 이루고 있습니다.


여기는 핸드폰 통신과 관련된 스위치 위젯을 넣어두어 한번에 여러가지 기능을 켜고 끌 수 있습니다. 그리고 할일목록과 일정을 구글켈린더와 동기화 하여 위젯으로 보여주고 있습니다.


북마크 페이지입니다. 스마트폰으로는 방문하는 사이트가 굉장히 한정적이기 때문에 굳이 많은 사이트들을 넣어둘 필요가 없습니다. 주로 사용하는 "구글리더" 를 가운데 놓아 손가락으로 누르기 편하게 위치시켜 놓았습니다.


HTC에서 제공하는 프렌즈스트림 이라는 앱의 위젯인데, Facebook과 Twitter의 최근 글을 한꺼번에 보여주고 두개의 SNS에 동시에 글을 남길 수도 있습니다. 매우 편리한 기능을 하고 있지요. 여기 미투데이만 추가될 수 있다면 저에겐 더할나위없는 최고의 앱이 될텐데 그점이 조금 아쉽습니다.


구글리더의 OPML 리스트를 넣어서 뉴스에서 읽어오고 있습니다. 리더와 동기화가 안되다 보니 크게 효용성이 없습니다. 조만간 삭제될 위젯.


마지막 페이지 입니다. task killer 류의 어플은 사용하지 않으려고 했는데, 안드로이드 2.1버전에서는 메모리 관리가 너무 안되는듯 하여 어쩔수없이 씁니다. 기본적으로 로드되는 프로그램들으 ignore 리스트에 넣어두고 킬이 안되고 하기때문에 시스템 안정성에는 크게 문제가 없습니다.

2.2 버전으로 업데이트 되고 나면 메모리 관리가 좀 나아진다고 하니 기대해봐야겠네요.

한달 가까지 써가면서 이제 슬슬 불편한 사항들이 나오고 있는데, 그런 점들은 따로 모아서 정리한번 해봐야겠습니다. 
Posted by onionmen

2010. 5. 14. 12:35 Review/IT

네이트 오픈

728x90
네이트오픈2010 행사에 다녀왔습니다.

좀 늦어서 미니홈피 API 발표는 끝부분만 겨우 들었습니다.
별로 관심이 없던 부분이라 크게 신경은 안쓰이지만, 추후에 동영상이 공개되면 한번 다시 보긴 해야 할듯 합니다.

이번 행사에서 크게 느꼈던 점은, 너무 BM을 찾고, 제휴를 주장한다는 점이었습니다. 너무 돈벌이를 앞에 내세우다보니까 좀 보기싫은 것도 있더군요.

전체적으로 사용자정보 보호와 공개 사이에서 갈등을 하면서 이를 해결할 방안으로 제휴를 들고 나왔습니다. 제휴를 맺어야지만 사용할 수 있는 API가 무슨 공개인지 모르겠더군요.

제휴를 통해 API를 사용하는 스패머를 막을 수 있다고 하셨는데, 스패머가 굳이 API를 쓸까요. API가 공개되지 않아도 자기 할일 다 잘 하는 스패머들인데, 너무 변명이 궁색했습니다.


제일 관심 있었던 부분은 네이트온 API 였는데요, 4시쯤 도착하여 다행이 늦지 않게 들을 수 있었습니다. 네이트온API는 거의 모든 API를 공개합니다.

프로필, 친구추가, 친구리스트, 대화, 쪽지, 메일, 토스트(알림창), 미니클럽. 등을 오픈하고, 아쉽게도 문자대화는 오픈하지 않더군요.

웹 SDK를 제공하여 블로그나 일반 사이트들에서도 연동이 가능하다고 합니다. DLL형태로 제공한다고 했는데, 그럼 ActiveX를 동반해야할지도 모르겠네요. 

네이트온에 플러그인 형식으로 내부 어플리케이션을 붙일수도 있다고 합니다. 저도 네이트온 사용자로서 많은 유용한 플러그인들이 개발될 것으로 보여 기대감이 높습니다.

가장 사용성이 높을 것으로 예상되는 API가 토스트 API인데요, 이게 뭔가 했습니다만 사용자가 로그인 했을 때 창 하단에 직사각형 박스로 뜨는 것 있잖아요? 그게 빵이 튀어나오는 것 처럼 보인다고 해서 토스트 라고 한답니다. 이름 귀엽네요.

토스트



현재도 이 알리미 API는 사용 가능합니다. 다만 제휴를 통해서만 사용할 수 있기 때문에 그림의 떡이지요. 개인개발자도 쉽게 접근할 수 있게 공개 된다면 많은 응용이 가능할 듯 합니다.

오픈된다면 개인적으로 제일 먼저 원어데이 오늘의 상품 알리미를 만들고 싶군요.


그 외에 네이트커넥트나, 빌링관련해서 발표가 있었습니다.

빌링이야 크게 관심이 있던 부분은 아니고, 커넥트는 그나마 SNS이니 조금 보긴 했는데, API소개라기 보다는 그냥 커넥트 서비스 소개에 가깝더군요.

발표자분이 커넥트를 소개할 때 다섯가지 기준을 잡고 서비스를 개발했다고 했습니다.

real-time
simple
friendly
anywhere
interactive

그리고 커넥트 서비스가 위 다섯가지를 만족한다고 설명 주셨는데, 솔직히 개인적으로는 저기에서 real-time을 제외하고는 하나도 제대로 안된 것 같습니다.

커넥트는 쓰기 어렵고, 복잡합니다. 맨 처음 커넥트 서비스가 오픈되었다고 zdnet 기사를 통해 접한 뒤 이 서비스를 찾기까지 약 15분 정도가 걸렸습니다. 그리고 찾고난 뒤에도 어떻게 쓰는건지 한참을 헤맸습니다. 게다가 네이트온친구-싸이일촌을 대상으로 모두 친구를 끌어왔기 때문에 전혀 친하지 않고 SNS로 관심을 맺고 싶지 않은 사람들까지 친구로 끌어왔습니다. 그리고 모바일 서비스나 스마트폰 어플리케이션도 없는 상태에서 언제 어디서나 네이트커넥팅에 접속할 수 없었습니다. 이런 상황에서 제대로된 상호작용이 될까요?


커넥팅은 초기 진입 장벽이 너무 높고, 원하지도 않는 글들이 너무 많이 올라옵니다. 차단 설정이 있다고 했는데 찾기도 쉽지 않습니다. 이로 인해서 오픈 당시 전혀 대화가 없었던 사람들이 보낸 토스트 대화창이 많이 떴었죠. 그걸 보고 내가 쓴 글도 저사람들에게 보여지는 것인가 에 대한 두려움(?) 으로 글을 쓰지 않았었습니다.

차라리 단독서비스를 내고 네이트온 친구와 싸이월드 친구를 사용자가 불러올 수 있게 하는게 어땠을까 합니다.

커넥트는 API가 공개 되어도 크게 쓸일이 많지는 않을 듯 합니다.

이런 API들이 10월은 되어야 쓸 수 있다고 하니, 참 길고 긴 시간 기다려야 하겠네요.
Posted by onionmen
728x90
그제 구글 크롬 주소창에서 바로 검색하기 포스팅을 올렸는데요, 리퍼러를 보니 검색어 유입이 좀 있어서 또 하나 릴레이 포스팅을 할까 합니다.

크롬 주소창에서 검색을 활용하여 미투데이의 글들을 바로 검색할 수 있는 기능입니다.


미투데이의 검색 URL을 알아내기 위해서 검색을 해보면 아래와 같은 URL을 보여줍니다. 
http://me2day.net/search?search_at=all&query=검색어


이제 URL을 알았으니, 옵션을 수정해볼까요.






이름에 미투데이, 키워드는 본인이 편한대로 설정하시고, URL은 http://me2day.net/search?search_at=all&query=%s 이렇게 입력하세요.


그리고 확인->닫기->닫기


이제 주소창에서 "미 desire" 를 입력하고 엔터를 치면 자동으로 미투데이에서 검색을 해줍니다.


이를 응용해서 여러가지 검색을 할 수 있죠.
검색 URL 리스트를 알려드릴게요.

네이버 : http://search.naver.com/search.naver?ie={inputEncoding}&query=%s
야후 : http://kr.search.yahoo.com/search?ei={inputEncoding}&fr=crmas&p=%s
다음 : http://search.daum.net/search?q=%s
구글 : http://www.google.co.kr/search?complete=1&hl=ko&q=%s&lr=&aq=f
스팸번호 검색 : http://www.missed-call.com/?q=%s
레뷰 : http://www.revu.co.kr/Search/RevU/%s
PHP  : http://kr.php.net/manual-lookup.php?pattern=%s&src={referrer:source?}
torrent : http://torrent-finder.com/show.php?q=%s
운좋은 예감 : http://www.google.co.kr/search?btnI&q=%s
Yes24 : http://www.yes24.com/SearchCenter/SearchResult.aspx?query=%s
미투데이 : http://me2day.net/search?search_at=all&query=%s

그리고 또 한가지 팁으로, 네이버는 검색어 입력시 좀 더 편리한 검색을 할 수 있도록 명령어를 지원합니다.

검색어.사전 , 검색어.이미지, 검색어.블로그 와 같이 검색어 다음에 점을 찍고 검색할 위치를 쓰면 자동으로 그 범위에서 검색을 해주죠.

그래서 네이버 사전을 쓰려면 
[ http://search.naver.com/search.naver?ie={inputEncoding}&query=%s.사전 ] 
이렇게 입력해 놓으면 됩니다.

물론 
[ http://dic.search.naver.com/search.naver?where=dic&sm=top_pat&query=%s ]
이렇게 입력해도 됩니다.

크롬을 쓰면서 좀 더 편리한 검색을 해보세요~!
Posted by onionmen
728x90
익스프롤러가 버전 6에서 버전 7로 업데이트 되었을 때, 외관상 변한것이 하나 있었습니다.  주소창 옆에 붙어있는 검색창 이었죠.

스샷은 IE8


빨간 박스로 쳐놓은, 안에 google 이라고 써있는 창 입니다. 저기에 검색 키워드를 입력하면 google에 직접 접속하지 않아도 자동으로 접속하여 검색이 가능했죠.

IE6일 때에는 주소창으로 가서 -> 검색사이트 주소를 입력하고 -> 검색창에 검색어 입력 -> 결과확인 과 같은 단계를 거쳤습니다. 주소창으로 가는 단축키가 Alt + D 로 매우 편리했기 때문에 서핑중 마우스를 사용하는 불편함 없이 사용했죠.

검색창에 직접 검색어를 입력하게 되면 검색창으로 가서 (Ctlr + E) -> 검색어 입력 -> 결과 확인 의 단계를 거치게 되면서 단계를 하나 줄일 수 있습니다. 여기에서 검색사이트가 모두 로딩될 때 까지를 기다리지 않아도 되고, 몇몇 사이트에선 검색창에 포커스를 가져갈 필요가 없기 때문에 실제 검색결과가 나타나기 까지의 체감 속도는 훨씬 빨랐습니다.

하지만 저도 IE7이 처음 나오고 얼마간은 기존에 쓰던 방식으로 계속 검색을 했죠. 주소창에 google,com 이나 naver.com 등을 쳐서 검색창에 검색어를 입력하는 방식으로요.

큰 필요성을 느끼지 못했거든요. 단축키도 헷갈리고, 잘 안쓰게 되니까 까먹고, 게다가 검색엔진을 변경하려면 마우스 액션을 한번 취해야 했기 때문에 잘 안쓰게 되었던것 같습니다.

이러한 UI는 IE8이 나와도 동일하게 유지 되었습니다. 파이어폭스도 당시 동일한 UI였던 것으로 기억하구요.

그런데 구글에서 출시한 크롬 이라는 브라우저 에서는 이러한 UI를 채택하지 않고, 정말 심플하게 주소창 하나만 달랑 박아 놨습니다. IE6처럼 말이죠.

이게 무슨 시대역행적 UI인가 하고 사용했었는데, 알고보니 크롬에서는 주소창과 검색창을 통합했더군요. 주소를 치면 주소로 이동하고, 도메인 주소가 아니라고 판단되는 뭔가를 입력하면 구글검색으로 바로 이어집니다.

사실 입력창을 두개로 나눠놓은 것보다는 이러한 방식이 사용자들에겐 더욱 편리하게 다가옵니다. 두가지를 기억할 필요가 없기 때문이죠. 

여기에 문제는 모든 기본 검색이 google로 되고 있다는 점 입니다. 난 google 검색결과가 맘에 안든다 하는 유저가 분명히 있을거란 말이죠.

그래서 이러한 기본 검색엔진을 변경할 수 있게 해 놓았습니다. 


크롬에 보면 스패너 모양의 아이콘을 클릭하여 크롬 옵션창을 엽니다.


별거 없어보이는 옵션창이 열립니다. 여기 중간 하단에 기본 검색엔진 이라는 타이틀이 보이고, google이 기본으로 되어 있습니다. 여기서 설정을 누르면 검색엔진을 변경할 수 있습니다.


검색엔진을 새로 추가할 수도 있고, 변경, 삭제도 가능합니다. 그리고 이런 검색엔진들에 키워드를 입력할 수 있습니다. 

이 키워드는 검색에 매우 편리하게 사용할 수 있는 일종의 단축키입니다.

크롬 주소창에 그냥 일반 검색어만 입력할 경우 사용자가 기본검색엔진으로 설정한 곳에서만 검색이 됩니다. 그런데 키워드를 사용하면 여러분야에서 좀 더 쉽게 검색이 가능하죠.

주목해야 할 부분은 키워드에 써진 글자들 입니다. 저는 주로 검색하는 부분을 등록해 두었는데요, 책, 영상, 쇼핑, 스팸 등이 그것 입니다.


크롬 검색창이 입력을 기다리고 있습니다.


여기에 아까 등록해둔 키워드 중 하나인 스팸을 입력하면 빨간박스에 쳐진것 처럼 Tab을 누를 수 있다는 표시로 아이콘이 나타나고 있습니다.

하단에는 자동완성으로 스팸 - google 검색 missed-call.com 에서 <검색어 입력> 검색이 나타납니다.
여기서 다른건 신경쓸 필요 없이 Tab을 누르면 검색창이 바뀝니다.

  
Tab을 누르게 되면 주소 입력창이 바뀌고, 하단에 자동완성 되어 있던 부분의 순서가 바뀌었습니다. 이 상태에서 어떤 검색어를 입력하면 바로 missed_call.com 에서의 검색결과를 보여줍니다.


검색어를 입력하고 엔터를 치게 되면 검색결과를 보여줍니다.



매우 편리할것 같지 않은가요? 여러 검색엔진 키워드를 등록하여 쉽게 검색해보세요.

'Review > IT' 카테고리의 다른 글

네이트 오픈  (0) 2010.05.14
크롬 주소창에서 미투데이 바로 검색하기  (5) 2010.04.27
맥북을 좀 더 잘 활용할 수 없을까?  (2) 2010.04.21
사진으로 보는 인명사전  (2) 2010.04.07
IE9 개발자 테스트버전 출시  (0) 2010.03.17
Posted by onionmen
728x90
맥북을 구입한지 이제 약 15개월 정도 되어간다. 사실 일년이 넘는 시간동안 함께 하면서 썩 잘 써왔다고 생각되지 않는다. 그래도 후회는 하지 않지만, 조금 더 잘 활용해보고 싶은것이 사실이다.

하지만 무거워서 별로 들고다니지도 않았고, 또 집에서는 뭔가 화면이 작아서 잘 안쓰게 된다. 데스크탑에는 26인치 모니터를 물려서 사용하고 있다 보니까, 사실 절반 크기인 13인치 랩탑으로는 뭔가를 하기 힘들다.

가끔 노트북을 데스크탑에 연결하여 사용하기는 했었는데, 책상위의 공간도 협소하고. RGB 케이블을 뺐다 꼈다 하는것도 너무 귀찮았다. 그러던 중 아주 요긴하게 사용할 수 있을만한 것을 발견했는데, 바로 henge docks 라는 물건이었다.

화면이 작다는 이유로 OSX를 제대로 활용하지 못했던 나이게 아주 요긴한 물건이었다.



깔끔하게 모니터 옆에 두고, 선만 연결해두면 뺐다가 꼈다가 아주 쉽게 사용할 수 있을 것 같다.



소개 영상만 봐도 아주 매력적이다.

보고 한 40달러 정도면 괜찮겠다 싶어서 얼마인지 찾아봤는데, 이건 뭐 59.95달러라니.. 그나마 내가 갖고 있는 맥북용이 59.95달러로 제일 싼 모델이고, 나머지 모델들은 최대 64.95달러까지 하고, 그나마도 프리오더들이 많이 있다. 비록 예상가보다 20달러 정도 비싸고, 배송료에 이것저것하면 그래도 8~9만원은 할 것 같지만, 그래도 사고싶다.

애드센스 떼기전에 모아둔 돈으로 한번 질러봐야겠다.

ps. 외국 사이트에 카드결제는 너무 싫은데, 이거 뭐 다른방법은 없는건가 ㅠ

Posted by onionmen
728x90
얼마전에 회사 동료들이랑 모여서 스튜디오 촬영을 했다. 기념사진 촬영이었다.

실장님이 스튜디오 비용을 대시고, 사진 인화와 액자까지 만들어서 한명한명에게 나누어 주셨다. 얼마전 사진을 받고 나는 뭘 해드릴 수 있을까 하다가 온라인 사진첩을 만들어보기로 했다.

우선 컨셉은 이정도
많은 사람들이 있는데, 사진위에 마우스 포인터를 올리면 얼굴에 액자처럼 테두리가 생겨 포커스 된다.
이 상태에서 클릭하면 그사람에 대한 간략한 이름정도를 볼 수 있고, 자신에 대해서 아무나 글을 쓸 수 있는 창이 하나 뜬다. 
그러니까 이런식임. 
하지만 개인정보 문제도 있고, 참여하는 사람들이 없다면 크게 의미가 없을 듯 하여 폐기하였다.


그래서 어떻게 할까 고민하다가, 바로 얼마전 출시된 Ipad 에서 사용하는 인터페이스를 모방해보기로 했다.
실장님이 출장나간 직원에게 Ipad를 구매대행 했다는 소문도 있고해서.

그리니까 이런식임
사진속 인물들을 모두 리스트업 하여 민감하지 않은 정보와 함께 목록으로 보여준다. 

이 목록에서 사람을 선택하면 단체사진속에서 그 사람을 찾아 아웃포커싱 해준다. 
그리고 바로 밑으로 창이 하나 열리면서 댓글이나, 대화, 더 많은 정보를 얻을 수 있는 창을 하나 만들어 두는것도 괜찮지 않을까 했는데.

그냥 이렇게 만들었다. 

기획의도는 선물용, 기억하고싶음. 정도인데, 개개인의 좀 더 디테일한 정보까지 넣을 필요가 있을까 하는 생각도 들었고, 그런 것들이 오히려 참여의 부재로 인해 부작용을 낳을 수 있을 거라 판단했다.

그냥 인물과 이름이 매칭만 되고, 간단한 방명록 정도로 심플하게 만드는것이 두루 좋을것 같아 이정도 선에서 마무리 했다. 

선물받는 사람이 마음에 들었으면 좋겠다.
Posted by onionmen
728x90
IE9의 개발자 테스트 버전이 출시되었습니다. (바로가기링크)

주요이슈로는 HTML5 지원, CSS3 지원, 속도향상, 자바스크립트 엔진 교체 등이 있습니다.


자바스크립트의 엔진을 Webkit SunSpider 로 교체하여 획기적인 웹서핑 속도향상이 예상됩니다. IE8 버전에 비해서 여섯배정도 성능 향상이 있다고 나오는데요, 아마 정식 버전에서는 더 빨라질 것 같습니다. IE8도 이전 버전들에 비해서 정말 많은 렌더링 성능의 향상이 있었던 제품인데, IE9과 IE7, IE6 과는 어느정도 차이가 날까요. 

그 외에도 당연히 지원되야 하는 것들을 지원한다고 광고하고 있습니다. 웹개발자 입장에서는 반갑기도 하면서 또 힘들기도 하네요. 국내에서 IE6만이라도 사라져준다면 감사하겠는데 말이죠.

올해 안에 정식버전이 출시되었으면 좋겠네요.

IE9는 비스타 SP2 이상에서 동작합니다. GPU를 사용하기 때문이라고 하네요.
프리뷰페이지는 크롬에서 모든 데모가 활성화 되고, IE8에서는 일부 데모만 확인할 수 있습니다.
Posted by onionmen
728x90
예전에 jquery가 1.4 버전으로 업데이트 되었을 때, 바로 버전업을 시도했더니 기존에 잘 동작하던 코드들이 먹통이 되었습니다. 그래서 포기하고 다시 1.3.2버전으로 내렸는데, 얼마전에 마이너 업그레이드를 한 버전이 나왔더군요. 

혹시 나아질까 하는 마음에 1.4.2 버전으로 업데이트를 했는데도 마찬가지더군요. 그래서 왜그럴까 하고 찾아보았더니 JSON 파서를 변경했더군요. 아마도 json2.js(link) 를 사용하는 듯 합니다.

예전에는 {'key':'value'} 또는 {key:'value'} 로 JSON 데이터를 사용해도 별 문제가 없었지만, 바뀐 파서는 JSON규칙을 {"key":"value"} 이렇게 엄격하게 지키더군요.

이렇게 생성하지 않을 경우에는 JSON을 object로 인식하지않고 Text로 인식하여 어플리케이션들이 제대로 동작을 하지 않습니다. 덕분에 1.4.2로 업데이트 하면서 서버쪽 코드를 전부 갱신했네요.

jquery를 업데이트 하면서 코드가 제대로 동작을 하지 않는다면 한번 참고해보세요~!
Posted by onionmen

2010. 1. 21. 16:48 Review/IT

밥 좀 시켜줘잉.

728x90

평범한 많은 직장인들은 점심식사를 합니다.
물론 그들 나름대로의 여러가지 방법으로 해결을 하겠지요.

나가서 사먹거나, 회사로 직접 시켜먹거나, 샌드위치 등을 사와서 해결하거나, 또는 도시락을 먹습니다.

제가 다니는 회사는 여러개의 부서가 있고, 그 부서 내에서 또 팀으로 나뉘어 집니다.
약 30명 정도 되는 팀이 있는데요, 이 팀이 건물의 한층을 모두 사용합니다.

이런 환경때문인지 언제부터인가 우리는 음식을 사무실로 시켜먹게 되었는데요, 이렇게 시켜먹을 때에는 단점도 물론 있겠지만, 단점을 덮을만한 여러가지 장점이 있습니다.

먼저 나가는 번거로움을 덜 수 있습니다.
또 점심시간도 아낄수 있어 매우 좋습니다. 
그리고 도시락을 먹는 직원들과도 함께 식사를 할 수 있기 때문에 매일 팀간 점심식사를 하며 서로간의 이야기를 할 수 있는 공간이 마련되어 졌습니다.

그래서 우리팀은 몇 달째 점심식사를 시켜먹고 있습니다.


하지만 이렇게 몇 달 동안 점심을 시켜먹으니 보이는 부작용이 있더군요. 몇 개 안되는 식당이 반복된다는 점과, 음식주문에 대한 불편이었습니다.

주문하는 사람 한명이 식당을 선정하여 알리면, 우르르 달려가서 한두개 뿐인 전단지를 쭉 훑어보며 무엇을 먹을지 결정합니다. 그리고 종이에 음식을 적고, 그에 해당하는 돈을 주문자에게 내고 옵니다.

주문자는 금액을 합산하여, 돈을 맞추고, 음식을 주문하고 돈계산을 하고, 사람들에게 거스름돈을 돌려줍니다. 이게 정말 불편한 일이었습니다.

그래서, 이런 단점을 해결하고자 내부적으로 주문사이트를 만들었습니다.

위와 같은 레이아웃의 사이트 인데요, 거의 모든 팀원이 사용하는 사이트이기 때문에, 팀 공지도 올리고, 내부적으로 서로 대화도 하고 있습니다. 그래서 지금은 주문사이트 이상의 역할을 하고 있습니다.

이 사이트를 도입하게 되면서 주문자의 불편이 매우 줄었습니다.
주문 내역이 한눈에 들어오기 때문에, 주문시에도 편리하고, 별도의 정산과정을 거치지 않아도 되기 때문에 점심시간전 혼잡이 매우 많이 줄었습니다.

약 5개월 정도 잘 사용했습니다. 그리고 여기에서 나온 불편한점들을 모아서 개선하여 새로운 버전의 사이트를 만들었습니다.

매쉬업 경진대회에도 출품할 겸, 사내 디자이너와 협업하여 사이트를 제작했지요.


그래서 나온 사이트 입니다. 다른 팀에서도 사용할 수 있게 해달라는 요청이 있어서 범용적으로 만들어보았습니다.
범용적인 사이트로 만들려고 하니, 여러가지 허들이 생기더군요.
다들 처음 사용해보는 사이트이기 때문에, 이를 인지시키기가 매우 어려웠습니다. 매우 불친절하면서도 어려운 사이트죠.

하지만 그 어려움만 넘고 나면 매우 편리하게 사용할 수 있습니다.

어려운 점은 모임을 만들고, 그 모임에 가입하는 부분인데요, 우선 회원가입을 하고, 로그인을 하면 아래와 같은 화면을 보실 수 있습니다.

그럼 여기 모임생성과 초대장신청을 할 수 있는데, 중요한점은 모임을 생성하게 되면 여러가지 귀찮은 일이 생길 수 있다는 점 입니다.

여기서 그 귀찮은 점은 "권한" 이라고 합니다.

사람들의 포인트를 관리할 수 있고, 그날의 주문 식당을 선택할 수도 있지만, 결정적으로 그날의 주문을 직접 해야 합니다. 거의 사무실 막내가 하게 되겠지요.


그룹 생성 화면 입니다. 그룹 이름과, 그룹이 속해있는 지역을 입력하면 그룹이 생성됩니다.
그룹이 생성되면 초대장 주소가 나타나는데, 이것을 기억해두고 있다가 그룹원들에게 알려주어야 합니다.
그렇다고 이 초대장 주소를 따로 적어두실 필요는 없습니다. 로그인을 하게 되면 초대장 주소를 확인할 수 있으니말이에요.

일단 그룹을 생성하거나, 가입하게 되면 조금 더 쉬워집니다. 음식을 고르고, 주문하기만 하면 끝이죠.

의도하지 않게 불친절하면서 어렵기까지한 사이트를 만들었는데요. 새삼 범용사이트의 어려움을 느낀 프로젝트 였습니다.

사용해보실 분은 아래 링크로 가셔서 사용해보세요.
http://onionmen.iruis.net/aing/

매쉬업 경진대회에도 출품되어 있습니다.
http://mashupkorea.com/2010/vote_detail?id=59

사용해보시고 불편하신점 있으시면 투표하나 하면서 댓글 달아주세요. ^^

Posted by onionmen
728x90
적어도 한국에서 인기 최고의 스마트폰인 아이폰이 국내 출시 되었습니다. 저희 회사에서는 현재 약간 과장해서 아이폰이 있는자와 아이폰을 곧 구매할 자. 이렇게 두 종류의 사람만이 있을 정도로 인기가 하늘을 찌르고 있습니다.

저는 아이팟터치 사용자 입니다. 그것도 무려 2년동안 1세대를 사용하고 있지요. 이참에 아이폰으로 확 바꿀까 생각도 해봤지만, 이미 터치 사용자로서 사용자충격이 덜 할것 같아 썩 내키지 않습니다. 그리고 아이폰OS가 가지는 한계도 생각할 수 없지 않구요.

애플 아이폰

물론 아이팟터치를 사용해봤다는 이유 만으로 아이폰을 사용하지 않는다는 것은 너무 성급한 일반화가 아닐까도 생각 합니다. 아이폰은 아이팟 터치를 포함하는 기기 입니다. 터치가 줄 수 있는 모든 기능을 제공하면서도 여기에 "항상온라인" 이라는 이점을 제공합니다. 그리고 이 것은 중요하면서도 매우 커다란 차이점 입니다.

얼마전 egg 라는 제품의 출시로 아이팟터치의 족쇄가 미약하게나마 풀렸습니다. 수 많은 사용자가 egg 하나면 아이폰이 필요없다는 말을 하며 1년에서 2년동안 egg의 노예가 되었습니다. 사실 이렇게 "항상온라인" 이 될 수 있는 길이 있음에도 불구하고, 이렇게 많은 사람들이 아이폰에 열광한다는 것은 egg가 그만큼 불편했던 점이 많았다라는 것을 반증하는 것이겠지요. (물론 이유는 egg하나만이 아니겠지만요) 

올해 초 맥북을 구입하고, 아이폰용 어플리케이션을 만들어보려고 여러가지 시도를 해봤지만, 늘 hello Worid 를 찍어보는 수준에서 끝나고 말았습니다. xcode는 너무 적응 안되고, 오브젝티브c도 배우기 참 힘들었습니다. 제가 맥OS 자체에 아직도 적응을 못하고 있는 것도 같고, 작은 화면에서 뭔가를 만들어보려고 하니 참 쉽지가 않습니다. 뭐 이런 마음가짐이라면 안드로이드도 쉽지 않을듯 합니다만.


아이폰 국내 출시라는 점은 상징적으로 꽤 의미가 큽니다. 미적미적 걸어가던 스마트폰 시장에 바퀴를 달아주는 시작이었고, skt, 삼성 이라는 고양이목에 방울을 다는 일입니다. 여기에 윈도우 모바일이 점령하고 있었던 한국 스마트폰 시장에 새로운 OS가 등장하여 윈도우 모바일도 경쟁상대에 맞추어 빠르게 업데이트를 해 나갈 수 있는 계기가 되었고, 안드로이드라는 걸출한 모바일 운영체제를 불러들이는 계기도 되었습니다.


모토로라 드로이드


아이폰이 망설여지는 이유에는 아이팟 터치도 있지만, 이 안드로이드 폰에 거는 기대도 무시할 수 없습니다. 애플제품이 심플하고, 예쁘고, 깔끔하고, 소위 말해 간지가 납니다. 하지만 그들의 폐쇠성이나, 외부개발자에게 까다로운 점, 그리고 여러가지 불편요소 또한 너무 많습니다. 물론 이런 것들이 애플의 매력이고, 또 이런점들이 바뀐다면 많은 애플팬들이 떨어져 나가겠지만 불편한건 불편한겁니다.

때문에 저는 안드로이드에 기대를 걸고 있는 것이고, SKT에서 출시 준비중이라는 모토로라 드로이드가 기다려지는 것 입니다. 

드로이드의 출시를 알리는 기사를 보기 전까지 아이팟터치에 egg 를 구입하여 들고 다닐까 하는 심각한 고민도 했었습니다만, 이 고민을 내년 상반기까지는 미뤄둬야 할 것 같습니다.

제발 SKT 는 드로이드에 쿼티자판 빼지 말아주세요.




Posted by onionmen
728x90

만화 속 세상의 첫 느낌은 그거.. 그거입니다. 
"눈아파 ㅠㅠ"

만화 속 세상은 가장 시간보내기 좋은 서비스 중 하나 이지만, 별도의 어플리케이션이 없기 때문에 사파리 브라우저로 접속해서 봐야 합니다. 기본적으로 사파리 브라우저는 확대 할 수 있는 기능이 있습니다. 멀티터치를 이용하여 두손가락으로 잘 달래주면 확대가 됩니다. 하지만 모바일에 최적화된 사이트들은 아예 확대기능을 사용할 수 없었습니다. 

실제로 아이팟터치로 nate.com 을 접속했을 때에는 깨알같은 글씨로 가득찬 화면이 보이고, 화면 확대를 하니 확대가 되었습니다. 하지만 naver.com이나 daum.net에 접속 했을 때에는 별도의 액션을 취하지 않아도 무리없는 화면을 보여주었지만 화면의 확대는 불가능 하였습니다.

아이팟이나 아이폰의 화면 크기가 작은 화면이 아님에도 웹툰의 글씨는 알아보기 힘든 경우가 종종 있습니다. 게다가 흔들리는 버스에서는 정말 멀미날 정도 입니다. 조금의 확대만 가능하다면 좀 더 쾌적하기 웹툰을 감상할 수 있을텐데 많이 아쉬운 부분입니다. 어플리케이션이 나온다면 이런점을 보완하여 내어주었으면 합니다. (물론 아이팟이나 아이폰은 90도 회전하면 됩니다. 그럼 큼지막한 글씨로 볼 수 있습니다. 하지만 세로폭은 터무니없이 좁아지죠.)

그래도 없는 것 보다는 있는게 낫습니다. 먼저 다음모바일(m.daum.net)에 접속하신 후에 스크롤을 하단으로 내리다보면 만화속세상 이라는 메뉴가 보입니다.

다음 모바일속 만화속세상

만화속세상 홈


맨끝자락에 있네요. 우선 섬네일에 보이는 만화 이미지를 터치하시면 해당 만화의 홈으로 이동하고, 제공되는 전체 만화를 보고 싶으시면 만화속세상 이라는 파란색 글씨를 터치하시면 됩니다.

웹툰 섬네일 4개 중에 맨 처음 섬네일에 자신이 최근에 보았던 웹툰을 표시하여 줍니다. 최근에 봤던 웹툰을 표시해줌으로써 좀 더 나은 사용자 경험을 제공하여 줍니다. 물론 처음 접속했다면 최근 만화 순으로 4개가 정렬되어 보여집니다.


만화속세상 홈에도  최근에 감상했던 웹툰을 보여줍니다. 몇 까지 봤는지 혼돈하지 않고 쉽게 볼 수 있겠지요. 하지만 "어디까지 봤다." 보다는 "어디를 볼 차례이다." 를 알려주는것이 훨씬 나아 보입니다. 실제로 마지막에 본 웹툰을 알려주어도 그 다음화를 찾으러 가기 까지 꽤 많은 손가락 운동을 해야 합니다.

만화속세상 홈에 제일 처음 접속하게 되면 최신업데이트 순으로 정렬된 웹툰들이 보입니다.  만화속세상을 자주 이용하던 기존 이용자들에게는 매우 편리한 설정입니다. 처음 접속했거나 오랜만에 들어온 사용자들은 연재작품 탭으로 들어가서 취향에 맞는 웹툰을 골라 보시면 됩니다.

취향에 맞는 웹툰


웹툰들을 감상하다보면 오프라인 상태에서도 웹툰을 보고싶은 경우가 있습니다. 웹에서 이미지를 모두 다운받아 아이폰/아이팟터치등에 넣어서 봐도 되지만 이게 꽤 노가다 입니다. 

네이버에서는 웹툰어플리케이션을 제공해주어 다운로드 서비스를 하고 있습니다. 조만간 Daum도 지원될 것이라 믿습니다. 지금도 아쉬운대로 웹툰 이미지를 저장해서 이용할 수 있습니다.(이런 방식은 저작권법 침해에 해당할 수 있기 때문에 권장하지는 않습니다.)

이미지 위에 손가락을 대고 약 2~3초 정도 있으면 위 이미지와 같은 메뉴가 뜹니다. 이때 이미지 저장을 누르면 현재 페이지보다 살짝 많은 이미지가 내 보관함에 저장이 됩니다. 꽤 많은 반복 작업을 통해서 저장을 해두시면 됩니다. (이 방법이 더 노가다일듯 하네요 ^^)

만화속세상을 살짝 알아봤습니다. 아이폰에서의 사용자인터페이스에 상당히 신경쓴 모습이 보입니다. 이런 재미나고 많이 신경쓴 서비스를 무료로 이용할 수 있다는 것은 정말 행복한 일입니다.
Posted by onionmen
이전버튼 1 2 3 4 5 ··· 7 이전버튼

블로그 이미지
손을 따뜻하게 만들어 주고 싶은 애인이 있습니다.
onionmen

달력

 « |  » 2024.2
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29
DNS Powered by DNSEver.com

최근에 올라온 글

Yesterday
Today
Total