오른쪽에도 붙어있지만

TagCloud 를 한번 만들어 봤습니다.

머가 다른지 잘 모르시겠지만 ㅋㅋ

큰 태그와 작은 태그들이 서로 겹치지 않게 (빠르고 효율적으로)

이쁘게 이웃해있는 그런 태그입니다.

이쁘게 봐주셈~

조만간 위젯형태로 배포할 생각이니 기대해주삼 +_+

* 본문에 앞서 본 포스트는 완전히 주관적이며 사실과 다를 수 있으며 특정 대상에게 손해를 입힐 목적으로 작성되지 않았습니다. 단지 현재 국내의 IT 의 현주소를 고찰하고자 비교, 분석한 것입니다. 간접광고가 될 소지가 있는 부분은 필터처리 하였습니다.

전 Flash 로 먹고 사는 개발자입니다.

하지만 Flash 개발자라는 직군이 생기기전에 웹디자이너로 약 4년정도

프리랜서도 하고 웹에이젼시에서도 활동했습니다.

디자인이라는게 참 힘든 직업이죠.

Creative 가 중요하다는것은 알고 있지만 쉽진 않고

다른 사이트들은 너무 이뻐보이는데 내가 만든건 그렇게 맘에 안들수가 없죠.

그래서 흉내도 많이 내고 색도 따라서 써보고



개발자로써 진입했을때도 크게 다르진 않았습니다.

와~ 저건 어떻게 했을까?

내가한건 왜 이렇지?

너무 맘에 안들고 다른 어플들은 너무 멋지고 화려한데

내가 만든건 초라하고 어설프기 그지 없었죠.



네이버에서 일하고 있는 분과 이야기를 하는데

다음이 시즌2 라는 타이틀을 걸고 새단장을 했는데

너무 똑같다라고 하더군요.

전 좀 반신반의했습니다.

전 反네이버라고 공공연히 주위에 이야기 합니다.

제 블로그의 포스트도 중요한 내용은 네이버 카페에 직접 올리지 않습니다.

링크만 걸 뿐이지요.

물론 다음도 안쓴지 오래됐습니다.

네이버에 없는 카페가 다음엔 있을까 찾아보는 정도?



사실 네이버에 있는 분께는 심한말은 할 수 없었지만

저 네이버 정말 싫어하거든요... 왜냐구요? 전 구글교거든요 ㅋㅋ

구글과 네이버는 꾸준히 비교되어왔고 그 차이가 많은 사람들의 입에 오르내렸죠.

근데 다음은 메일서비스로 성공한 좋은 케이스로 기억하고 있었고

또 아는분이 다음과 관련해서 열심히 일을 하고 있는지라

나름 이미지 꽤 좋았습니다.

네이버는 좀 적극적이고 똑똑한 느낌이라면

다음은 친근하고 약간은 부족하지만 편안한 느낌이었달까요?



그렇게 고개를 기우뚱하면

두 사이트를 모니터 하나씩 띄워놓고

한번 비교해보려는 찰나....

ㅇ_ㅇ!!!!!!!!!!!!!!!!!!!!!!!!!!

컥!!!!!!!!!!!!!!!!

ㅡ_-)a 머야 이거...

다음의 검색창이 어디서 많이 보던거네요 -_-??

응???

이거 네이버의 윈도우 컨셉 아니었나 -_-??

두꺼운 검색창 테두리랑 밝고 진한 천연색이 네이버의 이미지였다고 기억합니다.

근데 "진짜 비슷하데요?"

들어보니 다음이 2월2일 다음 "시즌2" 라는 타이틀로 개편했다고 하더라구요.

그 컨셉이 아예 대놓고 네이버를 그대로 배꼈다는 인상을 지울수가 없습니다.

아예 광고 컨셉도 네이버 검색창을 먼저 보여주고

다음이 더 좋다는 식의 광고 컨셉이더군요.

I've lost 어이.




그래서 저걸 서두로 작정하고 비교해봤습니다.

1. 메인

메인에서 유용한 정보를 보여주는 부분.

머 굳이 비교할 필요가 없을 정도다 -_-;;

라벨 > 정보1 | 정보2

두 형태가 아주 똑같습니다.



2. 메인 뉴스 미리보기

정확한 정보가 아니라 숨겨놓습니다.

3. 메인 실시간 검색어



답 안나온다...

똑같다.

숫자 아이콘도 비슷하고



하지만!!

다른게 있다!!

다음은 하나하나 모션을 주었다...

...
...
...


4. 메인 - 쇼핑

정확한 정보가 아니라 숨겨놓습니다.

5. 메인 - 위젯


제일 쇼킹했던 위젯...

네이버의 위젯이 처음 나왔을때 Flash 개발자들 사이에서는 꽤나 이슈였었다.

네이버에서 저런 과감한 Flash를 저 중요한 위치를 써가면서 배치했다는건

나름 충격이었다.

근데 다음은 그마저도 용서 없었던 같다.

이정도 스샷뜰때쯤 이미 심한정도를 넘어서 진짜 "배꼈다"라고 밖엔 할 수 없었다.



6. 블로그 1


로긴하고 블로그 들어가면 보이는 첫 페이지에서

내 정보가 있는 부분이다.

솔직히 디자이너로 활동할 때 중앙 메뉴가 제일 비중있는 부분이라

가장 신경을 많이 쓰고 가장 멋있게 만들려고 고심하는 부분이다.

사이트의 중심을 잡아주고 전체적인 컨셉을 표현해주는 부분이기 때문에

색상도 무게있고 눈에 잘띄는 색으로 배치해야 하는 부분이다.

근데 탭 디자인은 물론

모서리 라운딩 디자인

그라데이션 효과

외곽 1픽셀 라인 디자인도 똑같고

안쪽으로 InnerShadow 도 똑같다.

로그인 부분은 블로그 바로가기부분이 다르고

나머지는 유사하다.



7. 블로그 2


블로그의 중앙부분에

내 블로그 상황을 나타내주는 부분같은데

답안나온다...

똑같다. 말이 필요 없다.



8. 카페

정확한 정보가 아니라 숨겨놓습니다.

9. 지식인 & 신지식 1

네이버의 지식인을 따라한게 다음의 신지식이라는건가보다

이번에 알긴 했는데 어쨌거나 비교해봤다.

진짜 똑같다 -_-


신지식 검색창.

똑같다.

심했다...

왼쪽 타이틀 디자인도 똑같고

우측 submit 버튼도 똑같다.

인풋폼안에 글씨까지 똑같으면 너무 티날까봐 안썼나?

하지만

실제 글씨를 입력해보면 역시 한글 50자로 똑같다 -_-

뷁~



10. 지식인 & 신지식 2


아... 말이 필요없다....

똑같다.

탭, 테이블 외곽 디자인, 카피 문구까지...


11. 지식인 & 신지식 3


이것도 똑같아...

큰 이미지를 좌측에 두고,

3단으로 나눈 레이아웃,

컨셉 컬러로 아웃라인 효과준거.



12. 검색 결과


"영화"라는 키워드로 검색해보았다.

사실 이 검색결과는 좀 이해하고 싶었다.

영화라는게 관심 카테고리가 거기서 거기고

나타낼 정보가 뚜렷하기 때문에

레이아웃이 비슷하다고 해도 이상할게 없기 때문이다.

근데 이건 너무 똑같자나 -_-?

별점, 예고편아이콘, 상영/예정 탭 디자인,

좀 심하자나 -_-?



------------------------------------------------------------------------------------


전문가라고 하기엔 내 자신이 창피하지만

나름 8년을 이바닥에 있으면서

디자인도 해보고 지금은 개발을 하고 있고

기획도 해보고 PM도 해보고 마케팅도 좀 공부했었다.

하지만 Daum 의 네이버 모방은 도를 지나쳐도 너무 지나쳤다.



솔직히 Daum 의 디자이너, 기획자에게 물어보고 싶다.

창피하지 않냐고...

진정 자신들의 Creative 하고 Professinal 하다면 부끄럽지 않냐고.

네이버는 UI를 연구하는 팀이 따로 있다고 한다.

수많은 연구와 사용자 패턴을 연구하여 저런 레이아웃과

컬러와 버튼의 크기, 시선의 흐름, 커서의 동선등을 연구한 결과라고 알고 있고

나 역시도 깊이 공부한 결과 굉장히 잘 설계된 레이아웃이라고 평가한다.

그런데 다음도 과연 진지하게 연구하고 테스트해서 나온 결과일까?

다음은 다음만의 서비스의 특징이 있을텐데

과연 저렇게 똑같이 나올 수 있을까?



같은 IT 시장에 있는 개발자로써 창피하다.

다음의 개발자를 위한 노력이나 세미나 개최같은것을 꽤 훌륭히 생각하고 있었는데

그들의 결과물은 양심을 속이고 유저의 눈을 속이는 결과라고 생각된다.



양심을 속이는건 지나면 잊혀지지만

고객을 속이는건 역사가 기억할 것이다.

알송이나 메신져들 보면

태스크바는 차지하지 않고 시스템트레이에만 위치해있습니다.

AIR 도 물론 이게 가능하고

약간의 트릭만 있으면 쉽게 가능합니다.


1. 기본 NativeWindow 는 활성화시키지 않는다.

  - 테스크바를 차지하지 않습니다.

2. 새창을 만든다.

  - type 을 "utility"로 만들면 부모창에 종속된 창으로 나타납니다.

3. 새창의 stage, stage.nativeWindow 의 기본 속성을 복사해준다.

4. 기본 트레이 아이콘을 생성해준다.

  - 생성전에 설정해주면 커스터마이징 가능합니다.

5. 새창의 stage 에 Document Class 를 addChild 해준다.

  - 부모창의 의미를 바꿔버리는거죠.

6. 기본적인 셋팅.

  - 자동으로 Application 닫도록 설정.
  - 아이콘 클릭시 맨 위로 나타나도록 설정.

TrayedNativeApplication 소스보기

이번에 올리는 소스는 아주 간단하게

Document 클래스를 Sprite 나 MovieClip 이 아니라

TrayedNativeWindow로 상속하게 되면

기본적으로 시스템트레이로 실행되는 어플리케이션을 만들 수 있습니다.


AIR 데모 : [ 설치하기 ] (AIR Installer 가 설치되어있지 않으면 zip 파일로 인식합니다.)

AIR 소스 : [ 다운받기 ]

파일을 나만의 비밀번호로 암호화한다!!

Secret File

간단하게 Drag & Drop 으로

암호화할 파일을 떨군 후 비밀번호만 입력하면 끝!!



1. 얼마나 안전한가?

MD5 라는 단방향 암호화 알고리즘을 통하여 비밀번호를 모르면 풀 수 없습니다.


2. 어떻게 암호화 하는가?

암호화된 키를 기준으로 원본 파일을 bit 단위로 암호화하기 때문에 용량이 늘지 않습니다.

원본파일 : 가나다라마바사
비밀번호 : 우야꼬

이 원본과 암호키를 기준으로 암호화한다.

MD5 로 암호화된 비밀키 : woo1234 (실제로는 더 복잡합니다.)

가나다라마바사
woo1234woo12
--------------
뷁다뎁뵹료미뷉

이때 사용된 암호키는 단방향 암호화이기 때문에

역으로 비밀번호를 알아낸다는것은 거의 불가능에 가깝다.

비밀번호를 기준으로 다시 복호하는 방법은

뷁다뎁뵹료미뷉
woo1234woo12
--------------
가나다라마바사

이렇게 복호화하게 된다.


3. 어떻게 사용하나?

암호화하고 싶은 파일(중요한 정보, 노출되선 안되는 이미지, 중요한 소스 파일등)

을 secret 파일로 암호화해놓은뒤

원본을 삭제하고

암호화된 파일을 관리, 전송한 후

허락된 이들에게만 비밀번호를 알려주어

파일을 풀 수 있도록 할 수 있다.


4. 정말 풀 수 없나?

MD5 라는 암호화 알고리즘은 단방향, 즉 복호가 거의 불가능한 암호화다.

비밀번호가 한글자 이건 많은 글자 이건간에

일정한 길이로 암호키가 생성되기 때문에

핸드폰 비밀번호 맞추듯이 0000 부터 9999 까지 대입해서 맞추는 방법밖에 존재하지 않는다.

Secret File 은 용량이 큰 파일도 가능하기 때문에

그 많은 bit 를 일일이 복호해서 맞을때 까지 대입해본다는것은

거의 불가능에 가깝다.

게다가 암호가 맞는지 틀린지를 체크하지 않기 때문에

비밀번호가 맞지 않으면 아예 잘못된 파일로 생성이 되어버린다.


많은 애용부탁드립니다^^

저도 개인적으로 소스나 이런 중요한 파일을 보관할때 사용하려고 합니다.

버그나 건의사항 있으시면 블로그나 메일로 연락주세요!!
 

노무현을 찍었던 사람으로써 진심으로 그가 그립습니다....

int

10진수
최대 :  2147483647
최소 : -2147483648

지수표현
최대 :  2^31 - 1
최소 : -2^31

하드웨어 용량
최대 : 2 GB - 1 BYTE
최소 : -2 GB

시간 (sec)
최대 : 68년 35일 3시간 14분 7초
최소 : -( 68년 35일 3시간 14분 8초 )

시간 (ms)
최대 : 24일 20시간 31분 23초 647밀리세컨드
최소 : -24일 20시간 31분 23초 648밀리세컨드

uint

10진수
최대 : 4294967295 ( int.MAX_VALUE*2 + 1 )
최소 : 0.

지수표현
최대 : 2^32 - 1
최소 : 0

하드웨어 용량
최대 : 4 GB - 1 BYTE
최소 : 0 BYTE

시간 (second)
최대 : 136년 70일 6시간 28분 15초
최소 : 0초.

시간 (ms)
최대 : 49일 17시간 2분 47초 295밀리세컨드
최소 : 0밀리세컨드

Number

Number 는 지수 + 소수 로 이뤄진 표현법이기 때문에

어느 값 이상부터는 지수로 표현법이 넘어가서 주의해야 한다.

지수 표현법

이 이야기는 지수부분으로 표현이 되면

123 은 1.23e+2 으로 표현이 되어서 1을 더해도 1.24e+2 로 올바로 저장이 되지만

굉장히 큰 수 12345678901234567890 (0~9 두번 반복) 은

1.23e+19 로 표현이 되어서 1을 더한다고 하더라도

1.23e+19 로 인식이 된다.

테스트코드

가장 큰 값은 1.79e+308 (1.79 * 10^308) 이라는 어마어마한 값을 저장할 수 있다.

이는 용량으로 봤을때는 기가, 테라, 페타, 요타를 다 뛰어넘는 값까지 저장할 수 있다.

즉 굉장히 큰 수(innumerable)를 수를 다룰때는 적당하지만

디테일한 수를 비교하기에는 적합하지 않다.

전경.

그들도 위에서 시키는 것이기 때문에 불쌍하다라는 이야기가 있습니다.

물론 위에서 시키는 것은 맞습니다.

그리고 그들에게 자유의지가 없는것도 사실입니다.

하지만 그들이 입은 옷과 들고 있는 방패는

국가 공권력의 실체이며

정부의 의지와 행동을 표현하는 손과 발입니다.

정부는 그들에게 양심과 인간미를 없애도록 훈련을 시켰으며

"방어"를 한다는 명목으로 "공격"하는 방법을 가르쳤으며

그들의 눈과 귀를 막아 그들이 막고 때리는 사람이 누구인지 알지 못하게 합니다.

그들은 우리의 생각과는 다른 의도로 우리 앞에 서있는 것이며

그들이 불쌍하다고 위로 받을때는

그들이 군복을 벗고 우리 사회에 다시 들어왔을 때 입니다.




폭력 진압 촬영 장명

 

http://flvs.daum.net/flvPlayer.swf?vid=-TP2bbHcRrg$

 

08.6.1 아침 진압 장면

---

 
 - 촛불 집회에는 어떤 무기도 무력도 없었다.

 - 경찰을 그들에게 물대포를 쏘았다.

 - 경찰 지휘자는 장애인과 여자에게 폭력을 쓰는것을 "들키지 말라"라고 지시했다.

 - 전경들은 여학생을 폭행하여 머리에 피가 났다.

 - 전경들은 집회 참가자들을 보호하기 위해 몸으로 막던 예비군을 폭행했으며

 - 전경은 집회 참가자들을 폭행한 후 "덤벼봐!" 라며 폭력적인 행태를 보였다.

 - 이와중에 한나라당은 집회의 본질이 변했다고 발표하여 아직도 집회의 배후를 밝히려 하고 있다.

 - 이명박 대통령은 도대체 저 만여개의 촛불을 무슨 돈으로 샀는지 밝혀내라고 지시했다고 한다.

 - 어떻게 끝이 나던지 간에 이 일은 반드시 우리 자손들에게 전해져야합니다.

 - 힘이 닿는대로 집회에 참가할 것이며 중요한 부분들은 반드시 기록해놓을 것입니다.

 - 문제를 느끼지 못한다면 그 자신이 문제일 수도 있습니다. - 미 역대 대통령.