블로그얌은 자신의 블로그 가치를 평가해서 가격으로 환산 해준다.
방문자에게 공개된 글을 기준으로, 작성 횟수나 내용의 성실함 등을 평가해서 블로그에 가격을 책정하는 방식이다.
사용자 삽입 이미지

물론, 가격만 책정할 뿐 실제로 돈을 준다거나 하진 않는다.

평가된 블로그는 가치뿐만 아니라 블로그의 성향과 활동현황도 그래프로 나타내 준다.
사용자 삽입 이미지

사용자 삽입 이미지


회원가입이 번거롭긴 하지만 무척 재미있는 서비스 이다.
반응형

'Information' 카테고리의 다른 글

도메인 가치 평가 서비스 - 네임즈  (1) 2008.06.13
서울 CCTV MMS 주소  (2) 2008.06.01
Flex기반 검색사이트 - Searchme  (4) 2008.05.15
mms://210.100.168.32:554/CCTVWAPS_001
중암교

mms://210.100.168.32:554/CCTVWAPS_002
상암교

mms://210.100.168.32:554/CCTVWAPS_003
월드컵경기장

mms://210.100.168.32:554/CCTVWAPS_004
월드컵정문

mms://210.100.168.32:554/CCTVWAPS_005
수색교

mms://210.100.168.32:554/CCTVWAPS_006
증산교

mms://210.100.168.32:554/CCTVWAPS_007
천호대교남단

mms://210.100.168.32:554/CCTVWAPS_008
예일여고

mms://210.100.168.32:554/CCTVWAPS_009
구파발

mms://210.100.168.32:554/CCTVWAPS_010
서부세무서

mms://210.100.168.32:554/CCTVWAPS_011
길음교

mms://210.100.168.32:554/CCTVWAPS_012
국립보건원

mms://210.100.168.32:554/CCTVWAPS_013
홍은

mms://210.100.168.32:554/CCTVWAPS_014
신영

mms://210.100.168.32:554/CCTVWAPS_016
연세대

mms://210.100.168.32:554/CCTVWAPS_017
연희i.c

mms://210.100.168.32:554/CCTVWAPS_018
중동

mms://210.100.168.32:554/CCTVWAPS_019
성산대교북

mms://210.100.168.32:554/CCTVWAPS_021
경인고속입구

mms://210.100.168.32:554/CCTVWAPS_022
오목교

mms://210.100.168.32:554/CCTVWAPS_023
고척교

mms://210.100.168.32:554/CCTVWAPS_024
철산교

mms://210.100.168.32:554/CCTVWAPS_025
테크노마트

mms://210.100.168.32:554/CCTVWAPS_026
한강대교북

mms://210.100.168.32:554/CCTVWAPS_027
용산구청

mms://210.100.168.32:554/CCTVWAPS_028
삼각지

mms://210.100.168.32:554/CCTVWAPS_029
서울역

mms://210.100.168.32:554/CCTVWAPS_030
상일i,c

mms://210.100.168.32:554/CCTVWAPS_031
강남역

mms://210.100.168.32:554/CCTVWAPS_032
양재

mms://210.100.168.32:554/CCTVWAPS_033
신도림역

mms://210.100.168.32:554/CCTVWAPS_034
염곡

mms://210.100.168.32:554/CCTVWAPS_035
서울교남단

mms://210.100.168.32:554/CCTVWAPS_036
국회앞

mms://210.100.168.32:554/CCTVWAPS_037
국민은행

mms://210.100.168.32:554/CCTVWAPS_038
여의공원

mms://210.100.168.32:554/CCTVWAPS_040
가양대교북단

mms://210.100.168.32:554/CCTVWAPS_041
양화대교북단

mms://210.100.168.32:554/CCTVWAPS_042
합정

mms://210.100.168.32:554/CCTVWAPS_043
동교동

mms://210.100.168.32:554/CCTVWAPS_044
세곡

mms://210.100.168.32:554/CCTVWAPS_045
신촌

mms://210.100.168.32:554/CCTVWAPS_046
장지i.c

mms://210.100.168.32:554/CCTVWAPS_047
마포대교남단

mms://210.100.168.32:554/CCTVWAPS_048
공덕

mms://210.100.168.32:554/CCTVWAPS_049
충정로

mms://210.100.168.32:554/CCTVWAPS_050
서대문

mms://210.100.168.32:554/CCTVWAPS_051
선암i.c

mms://210.100.168.32:554/CCTVWAPS_052
예술의전당

mms://210.100.168.32:554/CCTVWAPS_053
향나무

mms://210.100.168.32:554/CCTVWAPS_054
강남터미널

mms://210.100.168.32:554/CCTVWAPS_055
강남성모병원

mms://210.100.168.32:554/CCTVWAPS_056
반포대교남단

mms://210.100.168.32:554/CCTVWAPS_057
한강중교앞

mms://210.100.168.32:554/CCTVWAPS_058
이태원

mms://210.100.168.32:554/CCTVWAPS_059
퇴계1가

mms://210.100.168.32:554/CCTVWAPS_060
시청

mms://210.100.168.32:554/CCTVWAPS_061
세종로

mms://210.100.168.32:554/CCTVWAPS_062
경복궁역

mms://210.100.168.32:554/CCTVWAPS_063
광화문

mms://210.100.168.32:554/CCTVWAPS_064
박미고개

mms://210.100.168.32:554/CCTVWAPS_065
종합운동장

mms://210.100.168.32:554/CCTVWAPS_066
시흥i.c

mms://210.100.168.32:554/CCTVWAPS_067
대림삼거리

mms://210.100.168.32:554/CCTVWAPS_068
보라매역

mms://210.100.168.32:554/CCTVWAPS_069
우신

mms://210.100.168.32:554/CCTVWAPS_070
당곡

mms://210.100.168.32:554/CCTVWAPS_071
신림

mms://210.100.168.32:554/CCTVWAPS_072
서울대입구역

mms://210.100.168.32:554/CCTVWAPS_073
잠실역롯데월드앞

mms://210.100.168.32:554/CCTVWAPS_074
남태령

mms://210.100.168.32:554/CCTVWAPS_075
사당역

077~096까지안나옴

mms://210.100.168.32:554/CCTVWAPS_097
이수역

mms://210.100.168.32:554/CCTVWAPS_098
이수교

mms://210.100.168.32:554/CCTVWAPS_099
상도

mms://210.100.168.32:554/CCTVWAPS_100
올림픽공원

mms://210.100.168.32:554/CCTVWAPS_101
원불교

mms://210.100.168.32:554/CCTVWAPS_102
대공원
후문

mms://210.100.168.32:554/CCTVWAPS_103
국립현충원

mms://210.100.168.32:554/CCTVWAPS_104
63빌딩

mms://210.100.168.32:554/CCTVWAPS_105
여의교남단

mms://210.100.168.32:554/CCTVWAPS_106
여의하류i.c

mms://210.100.168.32:554/CCTVWAPS_107
양화대교남단

mms://210.100.168.32:554/CCTVWAPS_108
방화대교남단

mms://210.100.168.32:554/CCTVWAPS_109
행주대교남단

mms://210.100.168.32:554/CCTVWAPS_110
개화교

mms://210.100.168.32:554/CCTVWAPS_111
공항입구

mms://210.100.168.32:554/CCTVWAPS_112
화곡입구

mms://210.100.168.32:554/CCTVWAPS_113
신월i.c

mms://210.100.168.32:554/CCTVWAPS_114
둔촌

mms://210.100.168.32:554/CCTVWAPS_115
오류i.c

mms://210.100.168.32:554/CCTVWAPS_116
구로i.c

mms://210.100.168.32:554/CCTVWAPS_117
영등포시장모닝글로리간판

mms://210.100.168.32:554/CCTVWAPS_118
삼정

mms://210.100.168.32:554/CCTVWAPS_119
목동오거리

mms://210.100.168.32:554/CCTVWAPS_120
삼릉공원

mms://210.100.168.32:554/CCTVWAPS_121
경인2지하도

mms://210.100.168.32:554/CCTVWAPS_122
봉은사

mms://210.100.168.32:554/CCTVWAPS_123
강서구청

mms://210.100.168.32:554/CCTVWAPS_124
발산역

mms://210.100.168.32:554/CCTVWAPS_125
전시장

mms://210.100.168.32:554/CCTVWAPS_126
수락지하도

mms://210.100.168.32:554/CCTVWAPS_127
상계

mms://210.100.168.32:554/CCTVWAPS_128
삼성역

mms://210.100.168.32:554/CCTVWAPS_129
학여울역

mms://210.100.168.32:554/CCTVWAPS_130
화양

mms://210.100.168.32:554/CCTVWAPS_131
창동교

mms://210.100.168.32:554/CCTVWAPS_132
월계1교

mms://210.100.168.32:554/CCTVWAPS_133
월계2교

mms://210.100.168.32:554/CCTVWAPS_134
가락

mms://210.100.168.32:554/CCTVWAPS_135
월계진아

mms://210.100.168.32:554/CCTVWAPS_136
월릉교

mms://210.100.168.32:554/CCTVWAPS_137
중량교

mms://210.100.168.32:554/CCTVWAPS_138
장평

mms://210.100.168.32:554/CCTVWAPS_140
강일i.c

mms://210.100.168.32:554/CCTVWAPS_141
태양아파트

mms://210.100.168.32:554/CCTVWAPS_142
도시철도공사

mms://210.100.168.32:554/CCTVWAPS_143
용비i.c

mms://210.100.168.32:554/CCTVWAPS_144
청담북

mms://210.100.168.32:554/CCTVWAPS_145
탄천2교

mms://210.100.168.32:554/CCTVWAPS_146
을지4가

mms://210.100.168.32:554/CCTVWAPS_147
안국

mms://210.100.168.32:554/CCTVWAPS_148
북한남

mms://210.100.168.32:554/CCTVWAPS_149
이화

mms://210.100.168.32:554/CCTVWAPS_150
서울세관

mms://210.100.168.32:554/CCTVWAPS_151
성대입구

mms://210.100.168.32:554/CCTVWAPS_152
수서i.c

mms://210.100.168.32:554/CCTVWAPS_153
종로1가

mms://210.100.168.32:554/CCTVWAPS_154
성신여대입구

mms://210.100.168.32:554/CCTVWAPS_155
종로2가

mms://210.100.168.32:554/CCTVWAPS_156
미아

mms://210.100.168.32:554/CCTVWAPS_157
삼양동입구

mms://210.100.168.32:554/CCTVWAPS_158
수유

mms://210.100.168.32:554/CCTVWAPS_159
정의여중

mms://210.100.168.32:554/CCTVWAPS_160
안암

mms://210.100.168.32:554/CCTVWAPS_161
고려대앞

mms://210.100.168.32:554/CCTVWAPS_162
남종

mms://210.100.168.32:554/CCTVWAPS_163
세운상가

mms://210.100.168.32:554/CCTVWAPS_164
종로4가

mms://210.100.168.32:554/CCTVWAPS_165
청계2가

mms://210.100.168.32:554/CCTVWAPS_166
청계6가

mms://210.100.168.32:554/CCTVWAPS_167
신설

mms://210.100.168.32:554/CCTVWAPS_168
청량리역

mms://210.100.168.32:554/CCTVWAPS_169
휘경

mms://210.100.168.32:554/CCTVWAPS_170
전농

mms://210.100.168.32:554/CCTVWAPS_171
상봉

mms://210.100.168.32:554/CCTVWAPS_172
머도파

mms://210.100.168.32:554/CCTVWAPS_173
을지입구

mms://210.100.168.32:554/CCTVWAPS_174
영동전화국

mms://210.100.168.32:554/CCTVWAPS_175
을지6가

mms://210.100.168.32:554/CCTVWAPS_176
퇴계2가

mms://210.100.168.32:554/CCTVWAPS_177
퇴계4가

mms://210.100.168.32:554/CCTVWAPS_178
장충

mms://210.100.168.32:554/CCTVWAPS_179
신당

mms://210.100.168.32:554/CCTVWAPS_180
서동서

mms://210.100.168.32:554/CCTVWAPS_181
한양대

mms://210.100.168.32:554/CCTVWAPS_182
응봉고개

mms://210.100.168.32:554/CCTVWAPS_183
성수대교남R

mms://210.100.168.32:554/CCTVWAPS_184
도산

mms://210.100.168.32:554/CCTVWAPS_185
청담

mms://210.100.168.32:554/CCTVWAPS_186
잠실대교북단

mms://210.100.168.32:554/CCTVWAPS_187
도곡

mms://210.100.168.32:554/CCTVWAPS_188
개포i.c

mms://210.100.168.32:554/CCTVWAPS_189
신사오거리

mms://210.100.168.32:554/CCTVWAPS_190
연신내

mms://210.100.168.32:554/CCTVWAPS_191
시흥대교

mms://210.100.168.32:554/CCTVWAPS_192
남대문

mms://210.100.168.32:554/CCTVWAPS_193
온수

mms://210.100.168.32:554/CCTVWAPS_194
구로역

mms://210.100.168.32:554/CCTVWAPS_195
영등포역

mms://210.100.168.32:554/CCTVWAPS_196
여의교북단

mms://210.100.168.32:554/CCTVWAPS_197
광흥창역

mms://210.100.168.32:554/CCTVWAPS_198
이대역

mms://210.100.168.32:554/CCTVWAPS_199
협진사거리

mms://210.100.168.32:554/CCTVWAPS_200
낙성대까치고개

mms://210.100.168.32:554/CCTVWAPS_201
장승배기

mms://210.100.168.32:554/CCTVWAPS_202
한강대교남단

mms://210.100.168.32:554/CCTVWAPS_203
서부트럭터미널

mms://210.100.168.32:554/CCTVWAPS_204
영등포구청

mms://210.100.168.32:554/CCTVWAPS_205
신정역

mms://210.100.168.32:554/CCTVWAPS_206
화곡역

mms://210.100.168.32:554/CCTVWAPS_207
등촌삼거리

mms://210.100.168.32:554/CCTVWAPS_208
하계역

mms://210.100.168.32:554/CCTVWAPS_209
장안교

mms://210.100.168.32:554/CCTVWAPS_210
드림랜드고개

mms://210.100.168.32:554/CCTVWAPS_211
어린이대공원역

mms://210.100.168.32:554/CCTVWAPS_212
천호사거리

mms://210.100.168.32:554/CCTVWAPS_213
길동사거리

mms://210.100.168.32:554/CCTVWAPS_214
비원삼거리

mms://210.100.168.32:554/CCTVWAPS_215
대학로

mms://210.100.168.32:554/CCTVWAPS_216
한성대입구역

mms://210.100.168.32:554/CCTVWAPS_217
삼양사거리

mms://210.100.168.32:554/CCTVWAPS_218
번동사거리

mms://210.100.168.32:554/CCTVWAPS_219
정의여중

mms://210.100.168.32:554/CCTVWAPS_220
청계5가

mms://210.100.168.32:554/CCTVWAPS_221
청계8가

mms://210.100.168.32:554/CCTVWAPS_222
동묘앞역

mms://210.100.168.32:554/CCTVWAPS_223
시립동부병원

mms://210.100.168.32:554/CCTVWAPS_224
경동시장

mms://210.100.168.32:554/CCTVWAPS_225
떡전교

mms://210.100.168.32:554/CCTVWAPS_226
망우사거리

mms://210.100.168.32:554/CCTVWAPS_227
을지로2가

mms://210.100.168.32:554/CCTVWAPS_228
약수

mms://210.100.168.32:554/CCTVWAPS_229
상왕십리역

mms://210.100.168.32:554/CCTVWAPS_230
영동세브란스

mms://210.100.168.32:554/CCTVWAPS_231
잠원IC

mms://210.100.168.32:554/CCTVWAPS_232
성수대교

mms://210.100.168.32:554/CCTVWAPS_233
논현역

mms://210.100.168.32:554/CCTVWAPS_234
교육개발원입구

mms://210.100.168.32:554/CCTVWAPS_235
올림픽대교남단

mms://210.100.168.32:554/CCTVWAPS_236
수서역

mms://210.100.168.32:554/CCTVWAPS_237
탄천1교

mms://210.100.168.32:554/CCTVWAPS_238
가락시장역

mms://210.100.168.32:554/CCTVWAPS_239
한남대교2
반응형

'Information' 카테고리의 다른 글

블로그 가치 평가 서비스 - 블로그얌  (0) 2008.06.10
Flex기반 검색사이트 - Searchme  (4) 2008.05.15
IT시장 점유율  (0) 2008.05.14
RIA (Rich Internet Application)의 열풍이 거센 가운데, Flex 기반의 검색 사이트가 있어 소개한다.

Searchme - http://beta.searchme.com/

사용자 삽입 이미지

RIA 검색 사이트 Searchme


url 에서 알 수 있듯이 현재는 beta 서비스 중이다.
기본 적으로는 일반적인 검색 사이트 이지만, 그 검색 결과를 비주얼한 화면으로 보여준다는 것이 일반 검색 사이트 와의 차이점이다.

사용자 삽입 이미지

china earthquake 를 검색한 결과 화면


검색어와 관련된 웹페이지를 화면에 비주얼 하게 보여줄 뿐만 아니라, 연관 단어들은 단어별 색상으로 사용자에게 표시해 주고, 웹페이지 이미지를 클릭하면 해당 페이지로 이동하게 된다.

검색 페이지 이동은 기본적으로 하단 스크롤을 이용해서 가능하고, 키보드 → , ← 와 ↑ , ↓ 를 이용해서도 가능하며, 마우스 휠을 이용해서도 가능하다.
(하지만, 마우스 휠을 이용하면 컨트롤 하기가 쉽지 않은;;;)

육중한 이미지 때문인지, beta 서비스 중이라 그런지 썸네일 이미지를 통한 검색은 확실히 속도가 더딤을 느끼게 한다.

이럴땐 하단 스크롤 밑에 있는 화살표 버튼을 누르면 숨겨두었던 검색 결과 텍스트 화면을 보여준다.

사용자 삽입 이미지

화살표 버튼을 누르면 텍스트 검색 결과를 보여준다


이 밖에도 Theme 설정이나 음란물 검색 차단 같은 Setting 옵션도 있다.

사용자 삽입 이미지

Settings 에서 Theme 를 Day 로 바꾼 화면


검색 사이트 미래를 보여준다고나 할까?
RIA 의 검색에서는 시각화가 중요하다는 것을 말해주고 있다.
Google의 검색 성능이 비주얼한 시각 요소와 만나면, 사용자들에게 재밌는 검색을 제공해 줄 수 있을 거라 생각 된다.
반응형

'Information' 카테고리의 다른 글

서울 CCTV MMS 주소  (2) 2008.06.01
IT시장 점유율  (0) 2008.05.14
제어판/관리콘솔 실행명령어 리스트  (0) 2008.05.12
MarketShare 에서는 각종 IT 시장의 점유율들을 시각적으로 보여준다.

아래는 Browser Versions Trend 이다.

사용자 삽입 이미지

IE의 세대교체가 완벽하게 이루어 지고 있다.
MS의 (반 강제 적인) 배포능력은 정말 대단한듯 하다.

Firefox2의 점유율은 상당히 안정적인 양상을 띄고 있고,
현재 Beta5 인 Firefox3 도 조만간 점유율에 모습을 드러낼듯 싶다.

위 자료의 세부 정보는 아래 링크에서 자세히 볼 수 있다.
http://marketshare.hitslink.com/report.aspx?qprid=3

MarketShare 에서 제공하는 일부 자료는 Pay를 지불해야 하기도 한다 ㅋ;;
반응형

'Information' 카테고리의 다른 글

Flex기반 검색사이트 - Searchme  (4) 2008.05.15
제어판/관리콘솔 실행명령어 리스트  (0) 2008.05.12
Silverlight와 Adobe AIR, 구현 사례  (0) 2008.05.01
잊을만 하면 한번씩 쓸일이 생기는 콘솔 명령어...


< 제어판 바로실행 명령어 >

control  제어판
Access.cpl 내게 필요한 옵션
appwiz.cpl   프로그램 추가/제거
bthprops.cpl   블루투스장치설정
desk.cpl   디스플레이 등록정보
firewall.cpl   Windows방화벽
hdwwiz.cpl   새하드웨어추가마법사
inetcpl.cpl   인터넷등록정보
intl.cpl   국가및언어옵션
irprops.cpl   적외선포트 설정
joy.cpl   게임컨트롤러
main.cpl   마우스등록정보
mmsys.cpl   사운드및 오디오장치등록정보
ncpa.cpl   네트워크연결
netsetup.cpl   네트워크설정마법사
nusrmgr.cpl   사용자계정
nwc.cpl   네트워크 게이트웨이
odbccp32.cpl   ODBC데이터원본 관리자
powercfg.cpl    전원옵션 등록정보
sysdm.cpl   시스템등록정보
telephon.cpl   전화및모뎀 옵션   
timedate.cpl   날짜 및 시간 등록정보
wscui.cpl   Windwos보안센터
wuaucpl.cpl   자동업데이트
Sapi.cpl   텍스트 음성 변환설정
control Admintools   관리도구 
control Folders   폴더옵션 
control Userpasswords   사용자 계정

시스템등록정보 -> (윈도우키 + Pause)


< 관리콘솔 명령어 >

certmgr.msc : 인증서
ciadv.msc : 인덱싱서비스
ntmsmgr.msc : 이동식저장소
ntmsoprq.msc : 이동식저장소 운영자 요청
secpol.msc : 로컬보안정책
wmimgmt.msc : WMI(Windows Management Infrastructure)
compmgmt.msc : 컴퓨터 관리 
devmgmt.msc : 장치관리자
diskmgmt.msc : 디스크 관리
dfrg.msc : 디스크 조각모음
eventvwr.msc : 이벤트 뷰어 
fsmgmt.msc : 공유폴더
gpedit.msc : 로컬 컴퓨터 정책 
lusrmgr.msc : 로컬 사용자 및 그룹
perfmon.msc : 성능모니터뷰 
rsop.msc : 정책의 결과와 집합
secpol.msc : 로컬 보안설정 
services.msc : 서비스
C:\WINDOWS\system32\Com\comexp.msc : 구성요소서비스
C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\mscorcfg.msc : .NET Configuration 1.1


반응형

'Information' 카테고리의 다른 글

IT시장 점유율  (0) 2008.05.14
Silverlight와 Adobe AIR, 구현 사례  (0) 2008.05.01
주민등록번호 유출 확인 캠페인  (0) 2008.04.30
최근 Silverlight와 Adobe AIR에 대한 관심이 매우 높습니다. 두 회사의 치열한 경쟁과 홍보전 덕에 많은 이가 이에 대해 이야기 하고 있죠. 그리고 그 근간에는 UX와 시각화에 대한 꽤 오래된 트렌드가 존재합니다. HCI (Human-Computer Interaction)라는 이름으로 오랫동안 연구되어 온 주제죠. 그리고 그러한 연구 결과가 소프트웨어와 하드웨어의 발달에 힘입어 최근 구체화 되고 있는 것이라 볼 수 있습니다.

그렇다면 이러한 트렌드가 확고히 존재한다는 관점에서 Silverlight와 AIR의 성공 가능성을 사례 중심으로 한 번 살펴 보는 것도 의미 있는 일일 것입니다. 혹시나 모르고 있는 케이스가 있다면 서로 내용을 공유하는 것도 좋겠죠.

우선 얼마 전 공개 된 SBS의 NView입니다. Silverlight 기술을 적용한 케이스죠. 유사한 형태의 인터페이스를 많이 보아 왔기 때문에 감탄사가 절로 나올 정도는 아닙니다만, 날씨와 관련 영상, 투표 등을 한 화면에서 기존에 보던 동영상을 바꾸지 않고도 확인할 수 있다는 점은 꽤 유용합니다. 그리고 일반인을 대상으로 하는 서비스 중 나름 대형 업체가 채택한 사례라는 점이 의미가 있겠습니다.
[그림 1 : SBS Nview]

해외 사례로는 얼마 전 화제가 되었던 Tafiti를 들 수 있겠군요. 검색 결과를 시각화하여 보여 주고, 그 프레임웍으로 실버라이트를 적용한 사례입니다. 사실 기능적으로 뛰어나다기 보다는 새로운 형태의 UX 가능성을 보여 주는 사례로 생각하는 것이 좋겠습니다.
[그림 2 : Microsoft Tafiti]

Adobe 기술의 경우 웹 애플리케이션에 적용된 사례는 너무나도 많습니다. Flash를 부분적으로 채용한 경우는 셀 수 없을 만큼 많고, Flex도 최근에는 많이 사용되고 있습니다.

GSeshop의 경우 많은 기능을 Flex를 이용하여 제공하고 있습니다. 이러한 기술을 채택함으로써 사용자에게 한 화면에서 편리하게 물건을 검색하고 구매할 수 있게 해 주는 것이죠.
[그림 3 : GSeshop]

또한 얼마 전 개편한 Yes24의 영화 섹션 역시 Adobe의 기술을 적용하여 한 화면에서 모든 예약 프로세스를 처리할 수 있게 되어 있습니다. CGV가 이러한 개념을 도입한 후, 대부분의 영화 사이트가 채용하고 있는 방식입니다.
[그림 4 : Yes 24 영화]

AIR의 특징인 데스크탑과의 연동에 관해서는 국내 사례를 발견하지 못 했습니다. 해외의 경우라면 Digg의 설립자인 케빈 로즈가 만든 Pownce를 예로 들 수 있겠습니다. P2P로 메시지, 링크, 파일, 이벤트 정보 등을 공유할 수 있는 서비스이죠. Digg만큼의 성장을 거둘 것인가는 의문이긴 합니다. 하지만 로컬 파일을 마음껏 접근할 수 있다는 점을 보여 준 것을 그 의미로 볼 수 있겠습니다.
[그림 5 : Pownce ]

이런 사례들은 상기한 기술들의 현 상태를 보여 줍니다. 사례들을 가지고 이야기 해 본다면, Flash와 Flex는 이미 어느 정도 확산되어 있는 상태로 일반적인 사용자에게 거부감 없이 받아 들여지는 수준까지 와 있다고 볼 수 있습니다. 반면에 Silverlight와 AIR는 아직 대중적으로 받아 들여지는 상태까지는 오지 못 했고, 그 선을 넘으려고 하는 상태로 보입니다.

이 선을 넘기 위해 각 사는 자사 기술을 도입한 사례를 Showcase를 통해 알리고 있습니다. 이러한 사례들을 제공함으로써 자사 기술을 도입하는 결정을 내리게 하고 싶은 것이죠. 다음의 링크에서 Showcase 포함된 사례들을 확인하실 수 있습니다.

Silverlight Showcase : http://silverlight.net/showcase/Default.aspx
Adobe AIR Showcase : http://labs.adobe.com/showcase/air/

이렇듯 RIA 기술을 이용한 사례는 늘어나고 있고, 이는 사용자의 사용성 강화와 감성적 충족이라는 트렌드에 매우 잘 부합합니다. 또한 국내에서도 다양한 시도들이 진행되고 있는 것으로 알고 있습니다.

출처 : http://www.smartplace.kr/blog_post_241.aspx
반응형

'Information' 카테고리의 다른 글

제어판/관리콘솔 실행명령어 리스트  (0) 2008.05.12
주민등록번호 유출 확인 캠페인  (0) 2008.04.30
Adobe RIA World 2008 발표자료  (0) 2008.04.11
사용자 삽입 이미지

행정안전부 주관으로 시행되는 주민번호 클린 캠페인이다.
2개월동안 내 주민등록번호가 사용된 웹사이트를 무료로 검색할 수 있다.
공인인증서, 신용카드, 주민등록정보 인증 등 온라인상의 본인 인증절차를 거쳐야 한다.

캠페인 사이트 : http://clean.mopas.go.kr
반응형

'Information' 카테고리의 다른 글

Silverlight와 Adobe AIR, 구현 사례  (0) 2008.05.01
Adobe RIA World 2008 발표자료  (0) 2008.04.11
Embed 태그의 활용  (3) 2008.04.09
무척이나 가고 싶었으나 갈수 없었던 Adobe RIA World 2008 의 발표자료와 동영상이 공개 되었다.
동영상은 Daum tv팟을 이용하고 있다. (스폰서에 Daum이 있었나? -_-??)

동영상은 천천히 봐주기로 하고, 발표자료는 바로 다운로드.. 흐흐..
왜 이런걸 보면 행복한거지.. 정작 다 해보지도 못하고 있으면서.. -_-

해당페이지는 아래 이미지를 클릭~




반응형

'Information' 카테고리의 다른 글

주민등록번호 유출 확인 캠페인  (0) 2008.04.30
Embed 태그의 활용  (3) 2008.04.09
다국어 사이트를 위한 Charset and Codepage  (0) 2008.04.07

Embed 태그는 mp3, asf, wma, wmv, swf 등 동영상 관련 파일들을 게시판에 포함시킬 때 일반적으로 사용하는 태그이다(Object 태그도 Embed 태그와 동일한 용도로 사용된다.).

1. 기본형
  <embed src="mms://vod.test.org/sample/content01.wmv“>
 - src: 음악 파일의 주소

사용자 삽입 이미지
옵션 없이 실행했을 때의 플레이어의 모습.


2. 플레이어의 크기 조절
음악 파일이나 동영상을 재생할 때 Embed 태그의 width, height 값을 설정하지 않으면 기본 크기로 재생이 됩니다. 사용자가 동영상의 크기를 조절할 필요가 없다면 생략하는 것이 좋습니다.
  <embed src="mms://vod.test.org/sample/content01.wmv“ width=640 height=480>


3. 플레이어의 형태 변경하기
Embed 태그의 속성값을 변경하여 플레이어의 모양을 마음대로 변경할 수 있습니다. 속성 값은 true(보이기)나 false(감추기) 값을 가질 수 있으며, true나 false 대신에 1과 0으로 설정할 수도 있습니다.
사용자 삽입 이미지

 1) 트래커, 컨트롤 바 보이기: showcontrols=true(디폴트)
    (showtracker: 트랙커, showaudiocontrols: 볼륨콘트롤, showpositioncontrols: 이전 곡, 다음 곡 버튼 등으로 세부 설정도 가능)
 2) 바로가기 보이기: showgotobar=true
 3) 파일정보 보이기: showdisplay=true
 4) 상황선 보이기: showstatusbar=true
이들 속성은 중복 설정이 가능하며, 모든 속성을 다 설정하면 위 그림과 같다.


4. 추천하는 플레이어 모양
너무 많은 플레이어의 모양을 꺼네 놓으면 화면만 차지하므로 적절한 형태를 추천한다.
사용자 삽입 이미지

  <embed src="mms://vod.test.org/sample/content01.wmv" showcontrols=true showstatusbar=true>


5. 기타 속성
 1) 자동 시작: autostart=true(디폴트)
 2) 재생 횟수: loop=1(디폴트)
    loop=3(3회 반복 재생), loop=0(무한 반복)
 3) 재생 볼륨: volume=-6000(디폴트)
   volume 값은 -10000~0 사이의 값을 갖는다.
 4) 좌우 밸런스: balance=0(디폴트)
   밸런스 값은 -10000~10000 사이의 값을 갖는다.
 5) 플레이어 감추기: hidden=false(디폴트)
 6) 메뉴 금지: enablecontextmenu=false(디폴트)
    오른쪽 마우스를 사용할 수 없도록 한다.

추천 예)
노래: <embed src="노래주소" showcontrols=true showstatusbar=true autostart=true loop=0 volume=0 hidden=false>
동영상: <embed src="동영상주소" showcontrols=true showstatusbar=true>


6. 플레이어에 색깔 넣기
플레이어에 색깔을 넣는 것은 사실은 색깔을 넣는 것이 아니라 Embed에 필터를 적용하는 것입니다.
 style="filter:gray()": 회색
 style="filter:xray()": 검정색

사용 예)
  <embed src="mms://vod.ninenine.org/sample/video01.wmv" style="filter:gray()">

반응형

'Information' 카테고리의 다른 글

Adobe RIA World 2008 발표자료  (0) 2008.04.11
다국어 사이트를 위한 Charset and Codepage  (0) 2008.04.07
NHN의 웹 접근성 관계요소 표  (2) 2008.04.07
asp의 경우 사용법 (페이지 최 상단에 작성한다.)

<%@ codepage="65001" language="VBScript" %>


구분 Charset CodePage
한국어 ks_c_5601-1987 949
IBM EBCDIC(미국-캐나다) IBM037 37
OEM 미국 IBM437 437
IBM EBCDIC(국제) IBM500 500
아랍어(ASMO 708) ASMO-708 708
아랍어(DOS) DOS-720 720
그리스어(DOS) ibm737 737
발트어(DOS) ibm775 775
서유럽어(DOS) ibm850 850
중앙 유럽어(DOS) ibm852 852
OEM 키릴 자모 IBM855 855
터키어(DOS) ibm857 857
OEM 다국 라틴 문자 I IBM00858 858
포르투갈어(DOS) IBM860 860
아이슬란드어(DOS) ibm861 861
히브리어(DOS) DOS-862 862
프랑스어(캐나다)(DOS) IBM863 863
아랍어(864) IBM864 864
북유럽어(DOS) IBM865 865
키릴 자모(DOS) cp866 866
현대 그리스어(DOS) ibm869 869
IBM EBCDIC(다국 라틴 문자-2) IBM870 870
태국어(Windows) windows-874 874
IBM EBCDIC(현대 그리스어) cp875 875
일본어(Shift-JIS) iso-2022-jp 932
중국어 간체(GB2312) gb2312 936
한국어 ks_c_5601-1987 949
중국어 번체(Big5) big5 950
IBM EBCDIC(터키어 라틴 문자-5) IBM1026 1026
IBM 라틴어-1 IBM01047 1047
IBM EBCDIC(미국-캐나다-유럽) IBM01140 1140
IBM EBCDIC(독일-유럽) IBM01141 1141
IBM EBCDIC(덴마크-노르웨이-유럽) IBM01142 1142
IBM EBCDIC(핀란드-스웨덴-유럽) IBM01143 1143
IBM EBCDIC(이탈리아-유럽) IBM01144 1144
IBM EBCDIC(스페인-유럽) IBM01145 1145
IBM EBCDIC(영국-유럽) IBM01146 1146
IBM EBCDIC(프랑스-유럽) IBM01147 1147
IBM EBCDIC(국제-유럽) IBM01148 1148
IBM EBCDIC(아이슬란드어-유럽) IBM01149 1149
유니코드 utf-16 1200
유니코드(Big-Endian) unicodeFFFE 1201
중앙 유럽어(Windows) windows-1250 1250
키릴 자모(Windows) windows-1251 1251
서유럽어(Windows) Windows-1252 1252
그리스어(Windows) windows-1253 1253
터키어(Windows) windows-1254 1254
히브리어(Windows) windows-1255 1255
아랍어(Windows) windows-1256 1256
발트어(Windows) windows-1257 1257
베트남어(Windows) windows-1258 1258
한국어(조합) Johab 1361
서유럽어(Mac) macintosh 10000
일본어(Mac) x-mac-japanese 10001
중국어 번체(Mac) x-mac-chinesetrad 10002
한국어(Mac) x-mac-korean 10003
아랍어(Mac) x-mac-arabic 10004
히브리어(Mac) x-mac-hebrew 10005
그리스어(Mac) x-mac-greek 10006
키릴 자모(Mac) x-mac-cyrillic 10007
중국어 간체(Mac) x-mac-chinesesimp 10008
루마니아어(Mac) x-mac-romanian 10010
우크라이나어(Mac) x-mac-ukrainian 10017
태국어(Mac) x-mac-thai 10021
중앙 유럽어(Mac) x-mac-ce 10029
아이슬란드어(Mac) x-mac-icelandic 10079
터키어(Mac) x-mac-turkish 10081
크로아티아어(Mac) x-mac-croatian 10082
중국어 번체(CNS) x-Chinese-CNS 20000
TCA 대만 x-cp20001 20001
중국어 번체(Eten) x-Chinese-Eten 20002
IBM5550 대만 x-cp20003 20003
TeleText 대만 x-cp20004 20004
Wang 대만 x-cp20005 20005
서유럽어(IA5) x-IA5 20105
독일어(IA5) x-IA5-German 20106
스웨덴어(IA5) x-IA5-Swedish 20107
노르웨이어(IA5) x-IA5-Norwegian 20108
US-ASCII us-ascii 20127
T.61 x-cp20261 20261
ISO-6937 x-cp20269 20269
IBM EBCDIC(독일) IBM273 20273
IBM EBCDIC(덴마크-노르웨이) IBM277 20277
IBM EBCDIC(핀란드-스웨덴) IBM278 20278
IBM EBCDIC(이탈리아) IBM280 20280
IBM EBCDIC(스페인) IBM284 20284
IBM EBCDIC(일본어 가타카나) IBM290 20290
IBM EBCDIC(프랑스) IBM297 20297
IBM EBCDIC(아랍어) IBM420 20420
IBM EBCDIC(그리스어) IBM423 20423
IBM EBCDIC(히브리어) IBM424 20424
IBM EBCDIC(한국어 확장) x-EBCDIC-KoreanExtended 20833
IBM EBCDIC(태국어) IBM-Thai 20838
키릴 자모(KOI8-R) koi8-r 20866
IBM EBCDIC(아이슬란드어) IBM871 20871
IBM EBCDIC(키릴 자모 러시아어) IBM880 20880
IBM EBCDIC(터키어) IBM905 20905
IBM 라틴어-1 IBM00924 20924
일본어(JIS 0208-1990 및 0212-1990) EUC-JP 20932
중국어 간체(GB2312-80) x-cp20936 20936
한국어(완성) x-cp20949 20949
IBM EBCDIC(키릴 자모 세르비아어-불가리아어) cp1025 21025
Ext Alpha 소문자 x-cp21027 21027
키릴 자모(KOI8-U) koi8-u 21866
서유럽어(ISO) iso-8859-1 28591
중앙 유럽어(ISO) iso-8859-2 28592
라틴어 3(ISO) iso-8859-3 28593
발트어(ISO) iso-8859-4 28594
키릴 자모(ISO) iso-8859-5 28595
아랍어(ISO) iso-8859-6 28596
그리스어(ISO) iso-8859-7 28597
히브리어(ISO-Visual) iso-8859-8 28598
터키어(ISO) iso-8859-9 28599
에스토니아어(ISO) iso-8859-13 28603
라틴어 9(ISO) iso-8859-15 28605
히브리어(ISO-Logical) iso-8859-8-i 38598
일본어(JIS) iso-2022-jp 50220
일본어(JIS-Allow 1 byte Kana) iso-2022-jp 50221
일본어(JIS-Allow 1 byte Kana - SO/SI) iso-2022-jp 50222
한국어(ISO) euc-kr 50225
중국어 간체(ISO-2022) x-cp50227 50227
일본어(EUC) euc-jp 51932
중국어 간체(EUC) EUC-CN 51936
한국어(EUC) euc-kr 51949
중국어 간체(HZ) hz-gb-2312 52936
중국어 간체(GB18030) GB18030 54936
유니코드(UTF-7) utf-7 65000
유니코드(UTF-8) utf-8 65001
반응형

'Information' 카테고리의 다른 글

Embed 태그의 활용  (3) 2008.04.09
NHN의 웹 접근성 관계요소 표  (2) 2008.04.07
웹표준 합시다. 제발 합시다.  (2) 2008.04.07
사용자 삽입 이미지

진짜 개발자라면 고객 편의를 생각함이 이정도 스케일은 되야지..
언뜻, '이건 기획자가 생각해야 할 일' 이라고 하기 쉽지만,
기획자가 제안해도 프로그래머가 UI 에 대한 기본 마인드가 갖춰지지 않으면,
"뭘 그렇게 까지 해요? 쓸데없이.." 라고 할테니 분명 개발자에게도 필요한 상식이다.

내가 본 출처 : http://www.pageoff.net/754

원본 출처('봄눈'님 제보) : http://html.nhndesign.com/guidelines/accessibility/rnd/element.html
반응형

'Information' 카테고리의 다른 글

다국어 사이트를 위한 Charset and Codepage  (0) 2008.04.07
웹표준 합시다. 제발 합시다.  (2) 2008.04.07
세계 각국의 지하철 노선도  (0) 2008.03.31
웹표준을 왜 해야 하는지에 대해 정말 잘 정리한 글이다.

페이지오프님의 '웹표준 합시다. 제발 합시다.'


반응형

'Information' 카테고리의 다른 글

NHN의 웹 접근성 관계요소 표  (2) 2008.04.07
세계 각국의 지하철 노선도  (0) 2008.03.31
Adobe Photoshop Speed Painting  (0) 2008.03.31

우리나라 서울 지하철



뉴욕의 지하철 노선도



도쿄의 지하철

일본 지하철 요금 시간 거리를 알아보려면 '이곳' 을...


 



런던 지하철

지하철 요금이 세계에서 가장 비싸다고 알려져 있다.. 런던 시내 중싱부 구역은 한번 현금 승차시 4파운드.
약 7,300정도. 런던 시내 지하철 요금은 세계에서 두 번째로 비싸나 도쿄 지하철에 비해 2.5배 이상 비싸며
유럽 평균 지하철 요금보다 거의 3배정도 비싸다고 한다.



파리의 지하철


캐나다 벤쿠버의 'skytrain'의 노선도

라인이 딱 2개다. 깨끗하고 빠르고 조용하고 중요한건 무인이라는... 배차간격또한 3분이내.
스카이 트레인이란 말처럼 차도 약간 위에서 달린다고 한다. 경치감상도 좋고~
모노레일 스타일이어서 소음이 전혀 없다고 함.




유럽의 열차 요금조회는 이 곳에서..

http://www.raileurope.com/us/rail/fares_schedules/index.htm


다른 유럽의 지하철 노선과 유래를 보겠다면 여기서..

http://www.urbanrail.net/eu/euromet.htm

반응형

'Information' 카테고리의 다른 글

웹표준 합시다. 제발 합시다.  (2) 2008.04.07
Adobe Photoshop Speed Painting  (0) 2008.03.31
Google 음성검색 서비스  (0) 2008.03.26
내가 애용하는 사이트중 하나인 Smashing  Magazine 에서 Adobe Photoshop Video Tutorials - Best Of 를 선정했다.

아래는 그중 Speed Painting 부분의 Best Of 중 하나.
Spped Painting이란 어떤 작품을 포토샵으로 시작 부터 완성 까지의 과정을 빠른배속으로 촬영한 것.
(촬영한 뒤 빠르게 재생하는 거겠지...-_-)

국내에서도 과거 전지현의 모 의류 포스터 Speed Painting 동영상이 돌아서 화제가 되기도 했다.
이런걸 보고 있노라면 디자인을 일찍 접길 잘했다는 생각이 뼈저리게 들고,
역시 진짜(?) 디자이너들은 그림실력이 어마어마 하구나 라는 것을 알게된다는....



Speed Painting 말고도 여러 Tutorials가 올라와 있으니 관심 있는 사람은 한번 확인해보자.

단, 자신과 비교되는 실력에 좌절하며 고통받지 말것.
사용자 삽입 이미지




반응형

'Information' 카테고리의 다른 글

세계 각국의 지하철 노선도  (0) 2008.03.31
Google 음성검색 서비스  (0) 2008.03.26
감성쇼핑몰  (0) 2008.03.24


Google의 GOOG-411 서비스.
동영상을 보면 알겠지만 쉽게 말해 음성인식 검색 시스템이다.
우리나라 114 서비스가 자동으로 이루어지는 서비스가 되겠다.
이제, "안녕하십니까 고객님~" 을 외쳐주시는 아름다운 114 언니들이 사라지게 되는건가.. ㅠ_ㅠ;;



브라이언 이라고 하는 푸른셔츠의 사나이(?)가 캘리포니아의 피자집 검색을 요청한다.
그러면,  "Connecting~" 이라는 응답과 함께 피자집을 연결해 준다.
푸른 사나이의 3, 2, 1 카운트와 함께 손에 피자가 전달된다.
이 모든것은 최초 1-800-4664-411 를 누르는 것을 제외하고 모두 음성으로 이루어진다.

사실, 음성의 자연스러움과 피자전달 되는거보고 Google의 유머인줄 알았다는... -_-;
화장실을 이용한 인터넷 서비스 유머(?)도 있었으니...

Google의 GOOG-411는 현재 미국에서 무료로 서비스 되고 있다.
가는거다 미국으로!!
반응형

'Information' 카테고리의 다른 글

Adobe Photoshop Speed Painting  (0) 2008.03.31
감성쇼핑몰  (0) 2008.03.24
웹 사이트의 성능 최적화 지침 15계명  (0) 2008.03.18
싼것 보다는 독특한것!
남과는 다른 나만의 뭔가를 갖고 싶다!
뭔가 특별한 것을 선물하고 싶다!

이런 생각을 할때 필요한 쇼핑몰 사이트 들이다.
내노라 하는 굴지의 쇼핑몰 들에 비하면 상품 종류가 적지만, 그렇기에 '레어 아이템' 라고 할수 있다.

정렬순서는 무작위임.

ideaholic
http://www.ideaholic.co.kr/

dcx
http://www.dcx.co.kr/

얼리어댑터
http://www.earlyadopter.co.kr/mall/

바보사랑
http://www.babosarang.co.kr

코즈니
http://www.kosney.co.kr

1300K
http://www.1300k.com/

REMOTOY
http://www.remotoy.com/

스마일팩토리
http://www.smilefactory.co.kr/

후추통
http://www.hoochootong.com/

너와나
http://www.nirwana.co.kr/shop/main.php

재미월드
http://www.zemiworld.com/main/index.php

추카추카넷
http://www.chukachuka.net/shop/main/index.php

주인장닷컴
http://www.juinjang.com/

웹딱
http://www.webddak.co.kr/

폴라공구
http://www.pola09.com/

박스앤캔
http://www.boxncan.com/shop/

비비팝
http://www.bibipop.co.kr/
반응형

'Information' 카테고리의 다른 글

Google 음성검색 서비스  (0) 2008.03.26
웹 사이트의 성능 최적화 지침 15계명  (0) 2008.03.18
ISO 3166 국가코드  (0) 2008.03.14
http://firejune.com/1302

YDN(Yahoo! Developer Network)의 Steve Souders씨가 작성한 15개의 웹 사이트 성능 최적화 지침이라는데,
좀 다른 의견도 있긴 하지만 일단은 명함에서 꿀리니 따라야 하는건가...
반응형

'Information' 카테고리의 다른 글

감성쇼핑몰  (0) 2008.03.24
ISO 3166 국가코드  (0) 2008.03.14
Fantastic HDR Pictures  (0) 2008.03.13
ISO 3166 표준은 세계의 나라와 부속 영토, 국가의 주요 구성 단위의 명칭에 고유 부호를 부여한다.
1974년 ISO에서 처음 발표되었다.

Official country names used by the ISO 3166/MA Numeric Alpha-3 Alpha-2 Local ISO codes
Flag of Afghanistan Afghanistan 004 AFG AF ISO 3166-2:AF
Flag of A*land Islands A*land Islands 248 ALA AX ISO 3166-2:AX
Flag of Albania Albania 008 ALB AL ISO 3166-2:AL
Flag of Algeria Algeria 012 DZA DZ ISO 3166-2:DZ
Flag of American Samoa American Samoa 016 ASM AS ISO 3166-2:AS
Flag of Andorra Andorra 020 AND AD ISO 3166-2:AD
Flag of Angola Angola 024 AGO AO ISO 3166-2:AO
Flag of Anguilla Anguilla 660 AIA AI ISO 3166-2:AI
 Antarctica 010 ATA AQ ISO 3166-2:AQ
Flag of Antigua and Barbuda Antigua and Barbuda 028 ATG AG ISO 3166-2:AG
Flag of Argentina Argentina 032 ARG AR ISO 3166-2:AR
Flag of Armenia Armenia 051 ARM AM ISO 3166-2:AM
Flag of Aruba Aruba 533 ABW AW ISO 3166-2:AW
Flag of Australia Australia 036 AUS AU ISO 3166-2:AU
Flag of Austria Austria 040 AUT AT ISO 3166-2:AT
Flag of Azerbaijan Azerbaijan 031 AZE AZ ISO 3166-2:AZ
Flag of the Bahamas Bahamas 044 BHS BS ISO 3166-2:BS
Flag of Bahrain Bahrain 048 BHR BH ISO 3166-2:BH
Flag of Bangladesh Bangladesh 050 BGD BD ISO 3166-2:BD
Flag of Barbados Barbados 052 BRB BB ISO 3166-2:BB
Flag of Belarus Belarus 112 BLR BY ISO 3166-2:BY
Flag of Belgium Belgium 056 BEL BE ISO 3166-2:BE
Flag of Belize Belize 084 BLZ BZ ISO 3166-2:BZ
Flag of Benin Benin 204 BEN BJ ISO 3166-2:BJ
Flag of Bermuda Bermuda 060 BMU BM ISO 3166-2:BM
Flag of Bhutan Bhutan 064 BTN BT ISO 3166-2:BT
Flag of Bolivia Bolivia 068 BOL BO ISO 3166-2:BO
Flag of Bosnia and Herzegovina Bosnia and Herzegovina 070 BIH BA ISO 3166-2:BA
Flag of Botswana Botswana 072 BWA BW ISO 3166-2:BW
Flag of Norway Bouvet Island 074 BVT BV ISO 3166-2:BV
Flag of Brazil Brazil 076 BRA BR ISO 3166-2:BR
Flag of British Indian Ocean Territory British Indian Ocean Territory 086 IOT IO ISO 3166-2:IO
Flag of Brunei Brunei Darussalam 096 BRN BN ISO 3166-2:BN
Flag of Bulgaria Bulgaria 100 BGR BG ISO 3166-2:BG
Flag of Burkina Faso Burkina Faso 854 BFA BF ISO 3166-2:BF
Flag of Burundi Burundi 108 BDI BI ISO 3166-2:BI
Flag of Cambodia Cambodia 116 KHM KH ISO 3166-2:KH
Flag of Cameroon Cameroon 120 CMR CM ISO 3166-2:CM
Flag of Canada Canada 124 CAN CA ISO 3166-2:CA
Flag of Cape Verde Cape Verde 132 CPV CV ISO 3166-2:CV
Flag of Cayman Islands Cayman Islands 136 CYM KY ISO 3166-2:KY
Flag of the Central African Republic Central African Republic 140 CAF CF ISO 3166-2:CF
Flag of Chad Chad 148 TCD TD ISO 3166-2:TD
Flag of Chile Chile 152 CHL CL ISO 3166-2:CL
Flag of the People's Republic of China China 156 CHN CN ISO 3166-2:CN
Flag of Christmas Island Christmas Island 162 CXR CX ISO 3166-2:CX
Flag of the Cocos (Keeling) Islands Cocos (Keeling) Islands 166 CCK CC ISO 3166-2:CC
Flag of Colombia Colombia 170 COL CO ISO 3166-2:CO
Flag of the Comoros Comoros 174 COM KM ISO 3166-2:KM
Flag of the Republic of the Congo Congo 178 COG CG ISO 3166-2:CG
Flag of the Democratic Republic of the Congo Congo, Democratic Republic of the 180 COD CD ISO 3166-2:CD
Flag of the Cook Islands Cook Islands 184 COK CK ISO 3166-2:CK
Flag of Costa Rica Costa Rica 188 CRI CR ISO 3166-2:CR
Flag of Co^te d'Ivoire Co^te d'Ivoire 384 CIV CI ISO 3166-2:CI
Flag of Croatia Croatia 191 HRV HR ISO 3166-2:HR
Flag of Cuba Cuba 192 CUB CU ISO 3166-2:CU
Flag of Cyprus Cyprus 196 CYP CY ISO 3166-2:CY
Flag of the Czech Republic Czech Republic 203 CZE CZ ISO 3166-2:CZ
Flag of Denmark Denmark 208 DNK DK ISO 3166-2:DK
Flag of Djibouti Djibouti 262 DJI DJ ISO 3166-2:DJ
Flag of Dominica Dominica 212 DMA DM ISO 3166-2:DM
Flag of the Dominican Republic Dominican Republic 214 DOM DO ISO 3166-2:DO
Flag of Ecuador Ecuador 218 ECU EC ISO 3166-2:EC
Flag of Egypt Egypt 818 EGY EG ISO 3166-2:EG
Flag of El Salvador El Salvador 222 SLV SV ISO 3166-2:SV
Flag of Equatorial Guinea Equatorial Guinea 226 GNQ GQ ISO 3166-2:GQ
Flag of Eritrea Eritrea 232 ERI ER ISO 3166-2:ER
Flag of Estonia Estonia 233 EST EE ISO 3166-2:EE
Flag of Ethiopia Ethiopia 231 ETH ET ISO 3166-2:ET
Flag of the Falkland Islands Falkland Islands (Malvinas) 238 FLK FK ISO 3166-2:FK
Flag of the Faroe Islands Faroe Islands 234 FRO FO ISO 3166-2:FO
Flag of Fiji Fiji 242 FJI FJ ISO 3166-2:FJ
Flag of Finland Finland 246 FIN FI ISO 3166-2:FI
Flag of France France 250 FRA FR ISO 3166-2:FR
Flag of French Guiana French Guiana 254 GUF GF ISO 3166-2:GF
Flag of French Polynesia French Polynesia 258 PYF PF ISO 3166-2:PF
Flag of the French Southern and Antarctic Lands French Southern Territories 260 ATF TF ISO 3166-2:TF
Flag of Gabon Gabon 266 GAB GA ISO 3166-2:GA
Flag of The Gambia Gambia 270 GMB GM ISO 3166-2:GM
Flag of Georgia (country) Georgia 268 GEO GE ISO 3166-2:GE
Flag of Germany Germany 276 DEU DE ISO 3166-2:DE
Flag of Ghana Ghana 288 GHA GH ISO 3166-2:GH
Flag of Gibraltar Gibraltar 292 GIB GI ISO 3166-2:GI
Flag of Greece Greece 300 GRC GR ISO 3166-2:GR
Flag of Greenland Greenland 304 GRL GL ISO 3166-2:GL
Flag of Grenada Grenada 308 GRD GD ISO 3166-2:GD
Flag of Guadeloupe Guadeloupe 312 GLP GP ISO 3166-2:GP
Flag of Guam Guam 316 GUM GU ISO 3166-2:GU
Flag of Guatemala Guatemala 320 GTM GT ISO 3166-2:GT
Flag of Guernsey Guernsey 831 GGY GG ISO 3166-2:GG
Flag of Guinea Guinea 324 GIN GN ISO 3166-2:GN
Flag of Guinea-Bissau Guinea-Bissau 624 GNB GW ISO 3166-2:GW
Flag of Guyana Guyana 328 GUY GY ISO 3166-2:GY
Flag of Haiti Haiti 332 HTI HT ISO 3166-2:HT
Flag of Australia Heard Island and McDonald Islands 334 HMD HM ISO 3166-2:HM
Flag of the Vatican City Holy See (Vatican City State) 336 VAT VA ISO 3166-2:VA
Flag of Honduras Honduras 340 HND HN ISO 3166-2:HN
Flag of Hong Kong Hong Kong 344 HKG HK ISO 3166-2:HK
Flag of Hungary Hungary 348 HUN HU ISO 3166-2:HU
Flag of Iceland Iceland 352 ISL IS ISO 3166-2:IS
Flag of India India 356 IND IN ISO 3166-2:IN
Flag of Indonesia Indonesia 360 IDN ID ISO 3166-2:ID
Flag of Iran Iran, Islamic Republic of 364 IRN IR ISO 3166-2:IR
Flag of Iraq Iraq 368 IRQ IQ ISO 3166-2:IQ
Flag of Ireland Ireland 372 IRL IE ISO 3166-2:IE
Flag of the Isle of Man Isle of Man 833 IMN IM ISO 3166-2:IM
Flag of Israel Israel 376 ISR IL ISO 3166-2:IL
Flag of Italy Italy 380 ITA IT ISO 3166-2:IT
Flag of Jamaica Jamaica 388 JAM JM ISO 3166-2:JM
Flag of Japan Japan 392 JPN JP ISO 3166-2:JP
Flag of Jersey Jersey 832 JEY JE ISO 3166-2:JE
Flag of Jordan Jordan 400 JOR JO ISO 3166-2:JO
Flag of Kazakhstan Kazakhstan 398 KAZ KZ ISO 3166-2:KZ
Flag of Kenya Kenya 404 KEN KE ISO 3166-2:KE
Flag of Kiribati Kiribati 296 KIR KI ISO 3166-2:KI
Flag of North Korea Korea, Democratic People's Republic of 408 PRK KP ISO 3166-2:KP
Flag of South Korea Korea, Republic of 410 KOR KR ISO 3166-2:KR
Flag of Kuwait Kuwait 414 KWT KW ISO 3166-2:KW
Flag of Kyrgyzstan Kyrgyzstan 417 KGZ KG ISO 3166-2:KG
Flag of Laos Lao People's Democratic Republic 418 LAO LA ISO 3166-2:LA
Flag of Latvia Latvia 428 LVA LV ISO 3166-2:LV
Flag of Lebanon Lebanon 422 LBN LB ISO 3166-2:LB
Flag of Lesotho Lesotho 426 LSO LS ISO 3166-2:LS
Flag of Liberia Liberia 430 LBR LR ISO 3166-2:LR
Flag of Libya Libyan Arab Jamahiriya 434 LBY LY ISO 3166-2:LY
Flag of Liechtenstein Liechtenstein 438 LIE LI ISO 3166-2:LI
Flag of Lithuania Lithuania 440 LTU LT ISO 3166-2:LT
Flag of Luxembourg Luxembourg 442 LUX LU ISO 3166-2:LU
Flag of Macau Macao 446 MAC MO ISO 3166-2:MO
Flag of the Republic of Macedonia Macedonia, the former Yugoslav Republic of 807 MKD MK ISO 3166-2:MK
Flag of Madagascar Madagascar 450 MDG MG ISO 3166-2:MG
Flag of Malawi Malawi 454 MWI MW ISO 3166-2:MW
Flag of Malaysia Malaysia 458 MYS MY ISO 3166-2:MY
Flag of the Maldives Maldives 462 MDV MV ISO 3166-2:MV
Flag of Mali Mali 466 MLI ML ISO 3166-2:ML
Flag of Malta Malta 470 MLT MT ISO 3166-2:MT
Flag of the Marshall Islands Marshall Islands 584 MHL MH ISO 3166-2:MH
Flag of Martinique Martinique 474 MTQ MQ ISO 3166-2:MQ
Flag of Mauritania Mauritania 478 MRT MR ISO 3166-2:MR
Flag of Mauritius Mauritius 480 MUS MU ISO 3166-2:MU
Flag of Mayotte Mayotte 175 MYT YT ISO 3166-2:YT
Flag of Mexico Mexico 484 MEX MX ISO 3166-2:MX
Flag of the Federated States of Micronesia Micronesia, Federated States of 583 FSM FM ISO 3166-2:FM
Flag of Moldova Moldova, Republic of 498 MDA MD ISO 3166-2:MD
Flag of Monaco Monaco 492 MCO MC ISO 3166-2:MC
Flag of Mongolia Mongolia 496 MNG MN ISO 3166-2:MN
Flag of Montenegro Montenegro 499 MNE ME ISO 3166-2:ME
Flag of Montserrat Montserrat 500 MSR MS ISO 3166-2:MS
Flag of Morocco Morocco 504 MAR MA ISO 3166-2:MA
Flag of Mozambique Mozambique 508 MOZ MZ ISO 3166-2:MZ
Flag of Burma Myanmar 104 MMR MM ISO 3166-2:MM
Flag of Namibia Namibia 516 NAM NA ISO 3166-2:NA
Flag of Nauru Nauru 520 NRU NR ISO 3166-2:NR
Flag of Nepal Nepal 524 NPL NP ISO 3166-2:NP
Flag of the Netherlands Netherlands 528 NLD NL ISO 3166-2:NL
Flag of the Netherlands Antilles Netherlands Antilles 530 ANT AN ISO 3166-2:AN
Flag of New Caledonia New Caledonia 540 NCL NC ISO 3166-2:NC
Flag of New Zealand New Zealand 554 NZL NZ ISO 3166-2:NZ
Flag of Nicaragua Nicaragua 558 NIC NI ISO 3166-2:NI
Flag of Niger Niger 562 NER NE ISO 3166-2:NE
Flag of Nigeria Nigeria 566 NGA NG ISO 3166-2:NG
Flag of Niue Niue 570 NIU NU ISO 3166-2:NU
Flag of Norfolk Island Norfolk Island 574 NFK NF ISO 3166-2:NF
Flag of the Northern Mariana Islands Northern Mariana Islands 580 MNP MP ISO 3166-2:MP
Flag of Norway Norway 578 NOR NO ISO 3166-2:NO
Flag of Oman Oman 512 OMN OM ISO 3166-2:OM
Flag of Pakistan Pakistan 586 PAK PK ISO 3166-2:PK
Flag of Palau Palau 585 PLW PW ISO 3166-2:PW
Palestinian flag Palestinian Territory, Occupied 275 PSE PS ISO 3166-2:PS
Flag of Panama Panama 591 PAN PA ISO 3166-2:PA
Flag of Papua New Guinea Papua New Guinea 598 PNG PG ISO 3166-2:PG
Flag of Paraguay Paraguay 600 PRY PY ISO 3166-2:PY
Flag of Peru Peru 604 PER PE ISO 3166-2:PE
Flag of the Philippines Philippines 608 PHL PH ISO 3166-2:PH
Flag of the Pitcairn Islands Pitcairn 612 PCN PN ISO 3166-2:PN
Flag of Poland Poland 616 POL PL ISO 3166-2:PL
Flag of Portugal Portugal 620 PRT PT ISO 3166-2:PT
Flag of Puerto Rico Puerto Rico 630 PRI PR ISO 3166-2:PR
Flag of Qatar Qatar 634 QAT QA ISO 3166-2:QA
Flag of Re'union Re'union 638 REU RE ISO 3166-2:RE
Flag of Romania Romania 642 ROU RO ISO 3166-2:RO
Flag of Russia Russian Federation 643 RUS RU ISO 3166-2:RU
Flag of Rwanda Rwanda 646 RWA RW ISO 3166-2:RW
Flag of Saint Barthe'lemy Saint Barthe'lemy 652 BLM BL ISO 3166-2:BL
Flag of Saint Helena Saint Helena 654 SHN SH ISO 3166-2:SH
Flag of Saint Kitts and Nevis Saint Kitts and Nevis 659 KNA KN ISO 3166-2:KN
Flag of Saint Lucia Saint Lucia 662 LCA LC ISO 3166-2:LC
Flag of Saint Martin (France) Saint Martin (French part) 663 MAF MF ISO 3166-2:MF
Flag of Saint Pierre and Miquelon Saint Pierre and Miquelon 666 SPM PM ISO 3166-2:PM
Flag of Saint Vincent and the Grenadines Saint Vincent and the Grenadines 670 VCT VC ISO 3166-2:VC
Flag of Samoa Samoa 882 WSM WS ISO 3166-2:WS
Flag of San Marino San Marino 674 SMR SM ISO 3166-2:SM
Flag of Sa~o Tome' and Pri'ncipe Sao Tome and Principe 678 STP ST ISO 3166-2:ST
Flag of Saudi Arabia Saudi Arabia 682 SAU SA ISO 3166-2:SA
Flag of Senegal Senegal 686 SEN SN ISO 3166-2:SN
Flag of Serbia Serbia 688 SRB RS ISO 3166-2:RS
Flag of the Seychelles Seychelles 690 SYC SC ISO 3166-2:SC
Flag of Sierra Leone Sierra Leone 694 SLE SL ISO 3166-2:SL
Flag of Singapore Singapore 702 SGP SG ISO 3166-2:SG
Flag of Slovakia Slovakia 703 SVK SK ISO 3166-2:SK
Flag of Slovenia Slovenia 705 SVN SI ISO 3166-2:SI
Flag of the Solomon Islands Solomon Islands 090 SLB SB ISO 3166-2:SB
Flag of Somalia Somalia 706 SOM SO ISO 3166-2:SO
Flag of South Africa South Africa 710 ZAF ZA ISO 3166-2:ZA
Flag of South Georgia and the South Sandwich Islands South Georgia and the South Sandwich Islands 239 SGS GS ISO 3166-2:GS
Flag of Spain Spain 724 ESP ES ISO 3166-2:ES
Flag of Sri Lanka Sri Lanka 144 LKA LK ISO 3166-2:LK
Flag of Sudan Sudan 736 SDN SD ISO 3166-2:SD
Flag of Suriname Suriname 740 SUR SR ISO 3166-2:SR
Flag of Norway Svalbard and Jan Mayen 744 SJM SJ ISO 3166-2:SJ
Flag of Swaziland Swaziland 748 SWZ SZ ISO 3166-2:SZ
Flag of Sweden Sweden 752 SWE SE ISO 3166-2:SE
Flag of Switzerland Switzerland 756 CHE CH ISO 3166-2:CH
Flag of Syria Syrian Arab Republic 760 SYR SY ISO 3166-2:SY
Flag of the Republic of China Taiwan, Province of China 158 TWN TW ISO 3166-2:TW
Flag of Tajikistan Tajikistan 762 TJK TJ ISO 3166-2:TJ
Flag of Tanzania Tanzania, United Republic of 834 TZA TZ ISO 3166-2:TZ
Flag of Thailand Thailand 764 THA TH ISO 3166-2:TH
Flag of East Timor Timor-Leste 626 TLS TL ISO 3166-2:TL
Flag of Togo Togo 768 TGO TG ISO 3166-2:TG
Flag of Tokelau Tokelau 772 TKL TK ISO 3166-2:TK
Flag of Tonga Tonga 776 TON TO ISO 3166-2:TO
Flag of Trinidad and Tobago Trinidad and Tobago 780 TTO TT ISO 3166-2:TT
Flag of Tunisia Tunisia 788 TUN TN ISO 3166-2:TN
Flag of Turkey Turkey 792 TUR TR ISO 3166-2:TR
Flag of Turkmenistan Turkmenistan 795 TKM TM ISO 3166-2:TM
Flag of the Turks and Caicos Islands Turks and Caicos Islands 796 TCA TC ISO 3166-2:TC
Flag of Tuvalu Tuvalu 798 TUV TV ISO 3166-2:TV
Flag of Uganda Uganda 800 UGA UG ISO 3166-2:UG
Flag of Ukraine Ukraine 804 UKR UA ISO 3166-2:UA
Flag of the United Arab Emirates United Arab Emirates 784 ARE AE ISO 3166-2:AE
Flag of the United Kingdom United Kingdom 826 GBR GB ISO 3166-2:GB
Flag of the United States United States 840 USA US ISO 3166-2:US
Flag of the United States United States Minor Outlying Islands 581 UMI UM ISO 3166-2:UM
Flag of Uruguay Uruguay 858 URY UY ISO 3166-2:UY
Flag of Uzbekistan Uzbekistan 860 UZB UZ ISO 3166-2:UZ
Flag of Vanuatu Vanuatu 548 VUT VU ISO 3166-2:VU
Flag of Venezuela Venezuela 862 VEN VE ISO 3166-2:VE
Flag of Vietnam Viet Nam 704 VNM VN ISO 3166-2:VN
Flag of the British Virgin Islands Virgin Islands, British 092 VGB VG ISO 3166-2:VG
Flag of the United States Virgin Islands Virgin Islands, U.S. 850 VIR VI ISO 3166-2:VI
Flag of Wallis and Futuna Wallis and Futuna 876 WLF WF ISO 3166-2:WF
Flag of Western Sahara Western Sahara 732 ESH EH ISO 3166-2:EH
Flag of Yemen Yemen 887 YEM YE ISO 3166-2:YE
Flag of Zambia Zambia 894 ZMB ZM ISO 3166-2:ZM
Flag of Zimbabwe Zimbabwe 716 ZWE ZW ISO 3166-2:ZW

출처 : http://en.wikipedia.org/wiki/ISO_3166-1




반응형

'Information' 카테고리의 다른 글

웹 사이트의 성능 최적화 지침 15계명  (0) 2008.03.18
Fantastic HDR Pictures  (0) 2008.03.13
IE8, 웹표준 지키겠다!  (0) 2008.03.05


















반응형

'Information' 카테고리의 다른 글

ISO 3166 국가코드  (0) 2008.03.14
IE8, 웹표준 지키겠다!  (0) 2008.03.05
웹사이트 기획시 사용하는...  (0) 2008.02.27
MS가 IE8 부터는 웹표준 기술을 준수하겠다고 밝혔다.

관련 포스트는 '여기' (영어다..)

이를 위해 IE8팀은 웹 표준화 그룹(WaSP)의 CSS 표준 테스트인 Acid2 Test를 이미 통과했다.

자료출처 : Channy’s Blog



그동안 IE의 '사용자 편리성' 이라는 미명하에 얼마나 많은 기형 코드들이 쏟아졌던가!

특히나 국내의 친 IE적 웹소스들은 심각할 정도의 수준이다.

FF(Firefox) 나 Safari 에서 오류나는 화면들을 보여주면 "IE 에선 되잖아 왜 그걸써?" 라는 말도 안되는 대답을 당연한 듯이 받아들여야 했던 상황에서 이젠 탈피할 때가 온 것이라 할 수 있다.

점유율을 믿고 훨씬 나은 기능들을 가진 Firefox, Safari, Opera 같은 다른 웹브라우저들의 웹표준 준수화를 무시한 IE가 지금이라도 웹표준을 지키겠다고 선언한 것은 반가운 일이라 할 수 있다. (세계시장 웹브라우저 점유율을 보려면 '여기')

"회사가 웹표준 개념을 안드로메다로 보낸게 100년 전인데, 그럼 난 이제 어떻해!!" 라고 말하는 당신..

너무 걱정하지 말자.
IE8이 웹표준을 준수하더라도 META 태그를 통해 IE7 렌더링 엔진을 타겟팅 할 수 있도록 해 놓는다고 한다.
<meta http-equiv="X-UA-Compatible" content="IE=7" />


하지만 언젠가는 해야할 웹 표준 작업이라면, 회사 사이트가 엉망이 되는 것을 느긋하게 바라 보는 것도 나름의 즐거움이 있지 않을까? (야근은 잠시 접어두자...)
반응형

'Information' 카테고리의 다른 글

Fantastic HDR Pictures  (0) 2008.03.13
웹사이트 기획시 사용하는...  (0) 2008.02.27
웹디자인 2.0 고급 CSS  (6) 2008.02.26
스토리보드, 사이트맵, 사이트평가 시트...
정리가 잘된건 아니지만 일단 급한대로..
invalid-file
invalid-file
invalid-file
반응형

'Information' 카테고리의 다른 글

IE8, 웹표준 지키겠다!  (0) 2008.03.05
웹디자인 2.0 고급 CSS  (6) 2008.02.26
IE의 한글폰트 사이즈 적용문제  (0) 2008.02.26
사용자 삽입 이미지
『웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학』
앤디 클락 지음 | 몰리 홀즈쉬랙 감수 | 정유한 옮김
2008년 1월 29일 출간 예정 | 35,000원 | 392쪽


체크해야 할 책이 생겼군...
가격이 상당한걸로 봐서 분명 올 컬러에 이것저것 사이트 이미지를 가진 디자이너적 책일거라는 추측.
뭔가 표지부터 감각적이지 않은가!!
괜찮으면 회사에다 사달랠까...흐흐...(넌 개발자잖아!!)


반응형

'Information' 카테고리의 다른 글

웹사이트 기획시 사용하는...  (0) 2008.02.27
IE의 한글폰트 사이즈 적용문제  (0) 2008.02.26
기업 로고의 발달 과정  (0) 2008.02.26
IE의 경우 CSS에서 부여한 font-size 를 무시하는 경우가 발생한다.
이를 잘 정리해 놓은 블로그가 있어서 아래에 일단 링크를 해 두고...

잘 정리해 놓은 블로그 가기

요약하자면...
IE에서는 특정 조건을 만족 시켜 주지 않으면, 한글폰트의 경우 font-size:11px 을 무시한다.
이를 해결하기 위해서는 font-famaily의 맨 앞에 한글 폰트를 명시해 준다.
font-famaily : 돋움, Dotum, Verdana;
font-size : 11px;


CSS에 관심이 없다면 굳이 이해하려 하지 않아도 좋다.
반응형

'Information' 카테고리의 다른 글

웹디자인 2.0 고급 CSS  (6) 2008.02.26
기업 로고의 발달 과정  (0) 2008.02.26
정보통신부제공 우편번호 데이터  (0) 2008.02.22
로고 디자인을 해본 사람이라면 안다.
하나부터 열까지 얼마나 신경이 쓰이는 가를...
내가 만든 로고를 다른사람들은 다 괜찮다고 하는데, 나는 왜 그렇게 못마땅한지..
디자인은 끝없는 자기 자신과의 싸움이다. (물론 대충해도 먹고 사는데 지장은 없다.)

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

사용자 삽입 이미지

골드스타..정말 오랫만에 본다..별 세개 박힌 삼성도 있었는데..


사용자 삽입 이미지

사용자 삽입 이미지


성공한 로고들의 특징을 보면, '단순', '강렬', '글로벌' 이다.
말이 쉽지 "단순하면서도 강렬하고 글로벌 시대에 통용되는 이미지" 를 만들어 낸다는 것은 정말 어렵다!

가장 확실한 방법이 Canon 이나 Microsoft 처럼 글씨만 새기는 거지만, 막상 저렇게 만들어 놓으면 굉장한 허전함이 몰려온다.
그러다 보면 MS의 1987년 버젼이나, Canon의 1934년 버젼을 만들어 버리기 일쑤...

GoldStar도 참 깔끔한 로고 였는데..
LG의 얼굴형상 심볼 로고 보단 개인적으로 GoldStar가 낫다고 봄. -_-

결론.. 로고 디자인은 어렵다.. (난 디자이너가 아니잖아! 왜 이런 고민을 하는거야!)

태그를 뭘로 달아야 하지... 이건 거의 잡담 수준인데...
반응형

'Information' 카테고리의 다른 글

IE의 한글폰트 사이즈 적용문제  (0) 2008.02.26
정보통신부제공 우편번호 데이터  (0) 2008.02.22
새로운 웹 서비스 만들기  (0) 2008.02.20
http://www.zipfinder.co.kr/

위 사이트의 우편번호 원본파일 컨텐츠 에서는 다양한 타입의 우편번호 데이터를 제공하고 있다.
아래는 페이지 바로가기

http://www.zipfinder.co.kr/zipcode/index.html
반응형

'Information' 카테고리의 다른 글

기업 로고의 발달 과정  (0) 2008.02.26
새로운 웹 서비스 만들기  (0) 2008.02.20
JCO Conference  (0) 2008.02.12
새로운 웹 서비스, 새로운 인터넷 창업을 하려면 어떻게 해야 할까? 뭘 만들어야 할까?
그에 대한 얘기를 하고 있는 글이다.
컬럼 치고는 스크롤의 압박도 적고, 내용도 좋다.
(스크롤의 압박이 심하면 아무리 좋은글 이라도 읽기가 쉽지 않다.)

'글 보러가기'


요약 하자면,
"일상에서 꼭 필요한 것을 만들어라."
가 되버리는군... -_-;;

"다들 아는 얘기 아니냐!"
"식상하다! 뻔하다!"
라고 하겠지만,

우리는 알고 있고, 식상하고 뻔한 것들을 못하고 있다.
이것은, 모르고 있는 것 보다 더 심각한 문제이다.
반응형

'Information' 카테고리의 다른 글

정보통신부제공 우편번호 데이터  (0) 2008.02.22
JCO Conference  (0) 2008.02.12
왜 웹표준인가?  (0) 2008.02.11
자세한 내용은 여기 => http://www.jco.or.kr/conference/conferenceInfo9th.jsp

반응형

'Information' 카테고리의 다른 글

새로운 웹 서비스 만들기  (0) 2008.02.20
왜 웹표준인가?  (0) 2008.02.11
스티브잡스 식(式) 프리젠테이션 십계명  (0) 2008.02.07
왜 웹표준을 준수해야 하는지에 대해 잘 정리한 글이다.

출처 : http://monoeyes.com/523

여러분 가게에 물건 구경하겠다는 손님을 그냥 내쫓겠습니까?
손님이 시각장애인이라는 이유로 물건을 팔지 않겠습니까?

웹표준을 지키지 않으면 알게 모르게 놓치는 것들이 많습니다!

웹표준? 웹접근성? 그게 뭐길래?
웹표준을 지킨다 즉, 웹접근성을 높인다는 말은 무엇이고.
웹표준을 지키면 뭐가 좋길래 사람들이 웹표준, 웹표준 할까요?
똑같은 데이터를 가지고 있는 웹사이트가 있습니다.

사용자 삽입 이미지

웹표준을 지키면 검색엔진 노출이 잘 됩니다. 반면 그렇지 않으면 검색엔진 노출도 힘들어 집니다. 또한, 웹표준을 지키지 않으면 어렵사리 찾아온 고객을 내쫓는 경우도 발생합니다.


웹표준을 지키면 브라우저나, 장치, 기기에 관련없이 조금더 많은 사람에게 정보전달을 할 수 있습니다. 또한 검색엔진 유입량도 늘어납니다. 웹표준을 지키지 않으면, 우리 웹사이트에서 가지고 있는 정보가 모두에게 전달될 수 없습니다. 제한된 일부 사람들에게만 전달될 뿐이지요. 이것은 매우 비효율적 입니다. 똑같은 데이터를 가지고 있는데 웹표준을 지원하고 안하고는 웹사이트의 정보를 더욱 많은 사람에게 전달할 수 있고 못하고의 차이를 가져옵니다. 그 이외에 웹표준을 지키면 다양한 장점이 있습니다. 그 장점들을 소개해 드리겠습니다.

크로스브라우징
혹시 익스플로러에 최적화하여 사이트를 제작하셨습니까? 파이어폭스나, 사파리, 오페라 등 다른 브라우저에서 웹사이트 레이아웃이 문제없이 출력되며, 문제없이 작동되는지 확인해보셨나요? 웹표준을 지킨 웹사이트는 일단 크로스브라우징을 가능하게 해줍니다. 내가 만든 웹사이트를 방문하는 방문객이 익스플로러를 사용하든, 파이어폭스를 사용하던, 사파리나 오페라 등의 특이한 브라우저를 사용하든 늘 한결같은 모습을 보여줍니다. 아래의 그림을 보시면 이해가 쉽게 되시리라 생각됩니다.

사용자 삽입 이미지
물론 익스플로러의 점유율에 비하면, 아직은 보잘것 없는 파이어폭스나 사파리등의 점유율 입니다. 그렇지만, 단 한 명이라도 방문객을 더 유치하기 위해서라면 웹표준은 반드시 지켜야겠지요.

데이터와 디자인의 분리?!
이 말은 처음 웹표준을 접하는 분들께는 언뜻 이해하기 어려운 개념일 수 있습니다. 하나의 웹페이지를 흔히 우리가 다루는 A4 용지의 문서처럼 하나의 문서라고 가정합시다. 그렇다면 해당 웹페이지는 디자인을 배제하고 기본적으로 문서의 형태를 띄고 있어야 합니다. 그 기본적인 문서의 형태를 띄면서 데이터를 가지고 있는 것이 HTML 입니다. 그리고 이 HTML 페이지를 좀 더 다양하고 보기좋게 디자인 해주는 역할을 하는 것이 바로 CSS입니다.

사용자 삽입 이미지
사용자 삽입 이미지

CSS Zen garden의 웹사이트 입니다. HTML 문서를 보세요. 큰 제목부터 작은 제목, 그리고 단락별로 들어가는 내용까지... HTML 문서의 구조화가 잘 되어있지요? HTML 파일에는 손 하나도 안대고, CSS 만 교체하여 전혀 색다른 느낌의 웹사이트 디자인을 만들 수 있습니다. 잊지마세요. HTML은 문서!(데이터) CSS는 디자인 속성 저장!


모바일 기기를 위한 웹표준
CSS가 지원되지 않는 모바일 기기에서 여러분의 웹사이트는 접속을 원하는 이용자에게 정보전달을 제대로 하고 있나요? HTML데이터와 CSS디자인을 완벽하게 분리하여 웹표준에 따라 작성된 웹페이지는 CSS가 지원되지 않는 모바일 기기에서도 원하는 정보를 완벽하게 전달할 수 있습니다. (단, 와이브로나 휴대폰 전용 서비스로 개발된 웹페이지 제외)


사용자 삽입 이미지

CSS가 지원되지 않는 모바일기기에서 접속해도 충분히 원하는 정보를 얻을 수 있도록 데이터와 디자인이 잘 분리되어 있는 '다음'메인페이지의 경우(우측 핸드폰 사진은 합성한 것입니다)


사용자 삽입 이미지

데 이터와 디자인의 분리가 되지 않은 사이트는 모바일 기기가 아예 웹페이지를 해석하지 못하기도 합니다. 또한 CSS없이 사이트를 읽어들이면 아래 사진처럼 사이트가 폭격을 맞은냥 깨져서 출력됩니다. 사이트 이용이 전혀 불가능하게 됩니다. 조사결과 웹표준을 지키는 컴퓨터학원 홈페이지는 한군데도 없었고, 홈페이지 제작업체들도 웹표준을 거의 지키지 않고 있었습니다. 명색이 홈페이지로 돈벌어 먹고 사는 사람들이 말입니다. (위 사진은 합성된 이미지 입니다)



시각장애인을 위한 스크린리더기의 지원
웹은 평등합니다. 웹은 사람을 차별하지 않습니다. 하지만 언제부턴가 우리나라는 많은 디자이너/개발자분들께서 의미를 담은 웹페이지는 신경을 쓰고 있지 않습니다. 사이트는 테이블로 통자이미지를 덕지덕지 붙여서 보여주기에만 급급한 경우가 많고, 필요없는 플래시 U.I.를 남발하여 웹페이지의 의미를 알아볼 수 없게 만들고 있습니다. 앞을 못보는 시각장애인을 위한 사이트를 고려해보셨습니까? 웹표준을 지키면 시각장애를 가진 분들도 웹사이트를 편안하게 이용할 수 있게 해줄 수 있습니다. 그래서 웹접근성도 한층 높아집니다.

사용자 삽입 이미지
계속 강조하는 것이지만, HTML 문서를 코딩할 때는 꼭 의미에 맞는 코딩을 해야합니다.
예 를 들어서, 강조하고 싶은 문장이 있는데, 해당 부분을 <b> 태그로 감싸면 글씨만 굵어질 뿐, 브라우저나 스크린리더기는 해당 문장을 중요문장으로 취급하지 않습니다. 웹표준에 맞는 태그는 <b>태그가 아니라 <strong>입니다. 이처럼 웹표준에 부합하는 태그들이 있습니다. 숙지하시어 사용하시기를 권장합니다.

사이트 디자인 관리 시간 단축
데 이터와 디자인의 분리. 즉, HTML 페이지는 말그대로 문서상태이고, CSS를 통해서 웹페이지를 디자인 합니다. 그러면, CSS를 여러개 만들었을 경우, CSS 파일의 경로를 변경하는 것 만으로 새로운 디자인으로 사이트를 리뉴얼 할 수 있습니다. 또한 기존에는 사이트에 이미지나 스타일 하나만 변경하더라도 페이지마다 다 바꿔주어야 하는 번거로움이 있었습니다. 하지만 HTML 과 CSS의 분리는 이런 작업시간까지 단축시켜 주었습니다. CSS에서 코드 한 줄만 수정해주면, 수백~수천페이지의 디자인이 한꺼번에 변경이 가능하게 되었습니다. 이것은 추가적으로 웹사이트 관리 비용절감의 효과도 가져옵니다.

사용자 삽입 이미지

디자인을 수정해야하는 페이지가 12500페이지라면 여러분의 선택은?


검색결과 상단에 노출되고 싶으세요? 그럼 웹표준을 지키세요!
실 제로 똑같이 그래픽 처리가 된 두개의 웹사이트가 있다고 가정합시다. 하나의 사이트는 데이터와 디자인 분리를 하지 않고 많은 사이트이고, 다른 하나는 데이터와 디자인을 완벽하게 분리하여, 웹페이지의 내용과 의미를 정확하게 담고 있습니다. 겉보기는 똑같지만 속은 완전히 다른 사이트이지요. 한 쪽은 페이지의 의미를 정확하게 담고 있고, 한쪽은 페이지의 의미가 해석불분명하니까요.

이것은 검색결과에 상당한 영향을 미칩니다. SEO에서 웹표준은 많은 부분을 차지합니다.

검 색엔진의 검색결과 상단에 노출되기 위해서 메타태그나 title 태그의 활용, 본문에서 주력 단어의 빈도수 노출 등 많은 부분이 널리 알려져서 활용되고 있습니다. 그렇지만 아직까지, 웹표준을 지키면 검색엔진의 검색결과 상단에 컨텐츠가 노출된다는 사실은 그다지 많이 알려져 있지 않습니다.

대표적으로 H1, H2, H3 ... 제목 태그인 h 태그의 SEO는 막강합니다.

사용자 삽입 이미지

저 의 블로그 제목은 '쏭군은 열정 드리머' 입니다만, CSS를 이용하여 MONOEYES라는 블로그 제목으로 이미지 치환 해두어 텍스트는 감추어 두었습니다. 보이지만 않을뿐 문서의 대제목은 '쏭군은 열정 드리머'라는 속성을 항상 가지고 있는 것입니다. 구글에서 검색한 결과 최상단에 H1 태그가 검색되어 출력됩니다.



사용자 삽입 이미지

포 스팅 제목의 경우 검색엔진에서 검색되는 빈도가 많아야 하는 중요한 부분인 만큼, 문서 대제목인 H1 다음으로 H2를 주었습니다. H1 보다 중요도는 떨어지지만, 단락의 대제목으로서 검색엔진 검색결과에서 만족스러운 노출을 보여줍니다. 위의 사진은 CSS를 제거했을 때, 포스트 제목이고, '디올 어딕트'라는 디올의 제품을 구글에서 검색했을 때, 가장 상단에 쏭군의 블로그가 노출되는 것을 보실 수 있습니다.


DIV와 TABLE 논란은 문제의 본질이 아닙니다
많은 분들이 DIV=웹표준, TABLE=비표준이라는 인식을 가지고 계십니다. 문제는 DIV냐 TABLE이냐가 아닙니다. DIV나 TABLE은 모두 웹페이지를 작성하기 위한 '도구'일 뿐이지, 그 자체가 '웹표준이냐 아니냐'를 가늠하는 목적이 될 수 없습니다.

TABLE은 데이터를 출력하기 위해 존재하지 레이아웃 짜라고 존재하는 것이 아닙니다
테 이블은 말그대로 데이터들을 표형식으로 출력해야 할 필요성이 있을때만 사용합니다. 테이블로 레이아웃을 만들게 되면, 웹페이지의 로드 속도도 느리게 되고, 웹페이지를 수정할 곳이 생기면 자칫 페이지 전체를 뜯어내야하는 대공사가 발생될 수 있습니다.

TABLE에 없는 DIV의 장점
모 듈화? 디자인을 하시는 분들께는 말이 어렵지요. 하지만 간단한 뜻입니다. 필요한 부분을 마음껏 떼어서 쓸 수 있게 웹사이트를 만들 수 있다고 생각하시면 됩니다. 예를 들어, 테이블로 웹사이트 레이아웃을 구성하면 로그인 박스 하나를 바꾸기 위해서 웹페이지의 다른 부분도 영향을 주거나, 웹페이지 전체를 뜯어내야 하는 경우가 대부분입니다. 그렇지만 DIV로 작업을 하면 원하는 박스만 떼어서 디자인을 수정할 수 있고, 또 그 박스는 얼마든지 다른 페이지에 자유롭게 붙였다 뗐다 하면서 재활용이 가능합니다.

게다가 TABLE 레이아웃을 구성할때보다, 작업의 속도나 사이트 관리적인 측면에서 훨씬 이득을 볼 수 있고, 페이지 로드도 테이블 레이아웃 보다 빠릅니다.

하지만 TABLE이 꼭 필요한 곳은 테이블을 쓰세요
테이블을 이용해서 웹사이트의 레이아웃을 짜면 나쁜 것 입니다. 하지만 반드시 테이블이 들어가야 할 곳이 있습니다. 반드시 데이터형식을 표방식으로 보여주어야 하는 곳은 테이블을 쓰는편이 낫습니다.

사용자 삽입 이미지

테이블을 유용하게 활용하고 있는 올블로그와 네이버


만 약 위의 프리미어리그 점수판을 표를 사용하지 않고 DIV나 LI 를 이용해서 표현했다고 가정합시다. 그 페이지의 CSS가 지원되지 않을때 오히려 팀별로 득점이나 승점을 보기가 힘들어집니다. 이런 표형식의 데이터는 TABLE을 사용하는 것이 더욱 웹표준에 부합합니다. 또한 CSS를 깼을때도 점수표를 깔끔하게 출력할 수 있구요. 반드시 이런 데이터처리에만 TABLE을 쓰시고 어지간하면 사용하지 않는 것을 권장드립니다. 더구나 TABLE로 레이아웃을 짜는 비통한 일은 다시는 있어서는 안 되겠지요. 데이터를 표시하라고 하사한 TABLE 이거늘.. 그걸로 홈페이지 레이아웃을 만들면 원래 목적에도 어긋날 뿐 아니라 원통하기 까지 합니다.

스크립트 사용시
될 수 있으면 스크립트 사용을 자제하는 것이 좋습니다. 부득이 스크립트를 사용해야 하는 경우라면, 모든 브라우저에서 작동되는 스크립트를 사용하시고, 스크립트가 지원되지 않는 환경을 위해서 스크립트 없이도 웹사이트를 이용할 수 있도록 차선책을 미리 만들어 두시는 것을 권장합니다.

서버 부하를 덜어줌
디자인 정보를 CSS에 저장함으로서, 관련 소스코드를 획기적으로 줄일 수 있습니다.
또한, CSS는 캐싱되어 웹사이트에 최초 접속할 때 한번만 로드되므로, 서버 부하를 획기적으로 줄여줄 수 있고, 규모가 큰 사이트라면 비용 절감 효과도 가져올 수 있습니다.

긴 글 읽느라 고생 많으셨습니다. 글쓴이를 표기하신다면 본 문서를 상업적으로 이용하셔도 되고, 어디에나 퍼가셔도 됩니다. 웹표준을 처음 접하시는 분들께 도움이 되고자 작성한 문서인데. 조금이나마 도움이 되셨으면 좋겠습니다.
반응형

'Information' 카테고리의 다른 글

JCO Conference  (0) 2008.02.12
스티브잡스 식(式) 프리젠테이션 십계명  (0) 2008.02.07
Adobe Photoshop Tutorials - Best Of  (0) 2008.02.04



지난달 15일 미 샌프란시스코에서 열린 '맥월드 2008'에서 기조연설자로 나선 애플(Apple)사의 CEO 스티브 잡스는 누런 서류봉투 하나를 꺼내 들었다.

봉투에서 나온 것은 세계에서 가장 얇은 노트북PC '맥북 에어(MacBook Air)'. 신제품을 굳이 봉투에서 꺼내 든 이유는 노트북의 두께(0.41~1.93㎝)를 강조하기 위해서였다.

경제 전문 주간지 비즈니스위크(BW) 인터넷판은 스티브 잡스의 프리젠테이션 스타일에 관한 분석자료를 내놓아 관심을 끌었다.

BW는 스티브잡스 식(式) 프리젠테이션 십계명에 서 1) 프리젠테이션의 화제를 제시하라, 2) 제품에 대한 발표자의 열정을 드러내라, 3) 프리젠테이션의 전체적인 윤곽을 제시하라, 4) 숫자를 의미 있게 만들라, 5) 청중이 잊지 못할 순간을 만들어라, 6) 시각적인 슬라이드를 만들어라, 7) 멀티미디어를 활용해 ‘쇼’를 제공하라, 8) 작은 실수에 어리둥절해하지 마라, 9) 제품의 이점을 확실히 홍보하라, 10) 연습하고 연습하고 또 연습하라 등으로 분석했다.


스티브잡스를 비롯, 빌게이츠나 워렌버핏, '불편한진실'의 엘고어나 TED(Technology, Entertainment, Design)의 세션 진행자 등 외국의 PT진행 방식을 보면 정말 흥미 진진하다.

물론, PT에 있어 최고인 사람들이 하는 것이니 당연하다고 할수도 있겠지만, 내가 생각하는 핵심요소는 이렇다.

1. 초점을 분명히 한다.
2. 시각적 볼거리를 제공한다.
3. 숫자의 의미를 강조한다.
4. 청중에게 감동을 준다.
5. 극적인 상황을 연출한다.
6. 마지막 순간까지 연습한다.

이중에서 가장 중요한 것은 6번이다.
아무리 연습해도 실수는 발생할 수 있다. 그렇다면 그 실수를 최소화 할 수 있도록 연습에 연습을 거듭해야 한다.
위에 나온거 말만 바꾼거 아닌가?

이상이 PT의 핵심요소라고 한다면, PT를 진행하는 발표자의 핵심요소는 다음과 같다.

1. 청중은 모두 바보 라고 생각하라.
2. 실수를 진행상의 설정으로 생각하게 하라.
3. 청중에게 자신의 감정을 어필하라.

이중에서 가장 중요한 것은 1번이다.
처음 발표하는 사람들을 가장 당황하게 만드는 것은 청중들의 눈빛이다.
수많은 사람들의 시선이 자신에게 꽃이는 경험은 겪어본 사람만이 알것이다.
그 눈빛을 감당하지 못하면 긴장하게 되고, 떨게 되며, 실수하게 된다.
PT를 진행하는 순간 만큼은 '내가 이 분야의 최고다. 아무것도 모르는 사람들이 나의 설명을 듣고 싶어 왔다' 라고 자신에게 강한 자신감을 부여하는 것이 중요하다.
하지만, QA시간에 집중 공격당하는...

인원이 얼마든지 간에, 청중들 앞에서 PT를 발표하는 것은 정말 재미있다.
반응형

'Information' 카테고리의 다른 글

왜 웹표준인가?  (0) 2008.02.11
Adobe Photoshop Tutorials - Best Of  (0) 2008.02.04
무료 Loading image 제작 사이트  (0) 2008.01.30
대략 이런걸 그리는 방법들이 나와있는...

사용자 삽입 이미지


사용자 삽입 이미지


사용자 삽입 이미지

사용자 삽입 이미지


사용자 삽입 이미지


사용자 삽입 이미지


오랫만에 발견한 괜찮은 tutorials!
이런걸 찾으면 왠지 행복해지는....
아직 디자인에 대한 향수가 남은건..

자세한 내용은 아래링크에 가면 볼 수 있다.

http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/

영문사이트지만, 포토샵을 할줄 안다면 어렵지 않게 따라 할 수 있다.
물론, 브러쉬 터치 같은건 개인 역량이 필요하다.
그거때문에 내가 디자인을 포기했...

아래는 illustrator tutorials
http://www.smashingmagazine.com/2008/02/05/illustrator-tutorials-best-of/
반응형

'Information' 카테고리의 다른 글

스티브잡스 식(式) 프리젠테이션 십계명  (0) 2008.02.07
무료 Loading image 제작 사이트  (0) 2008.01.30
PDF Text Online  (0) 2008.01.29

+ Recent posts

티스토리툴바