margalog

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

RIA (Rich Internet Application)의 열풍이 거센 가운데, Flex 기반의 검색 사이트가 있어 소개한다.

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


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


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

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

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

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


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


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

MarketShare 에서는 각종 IT 시장의 점유율들을 시각적으로 보여준다.

아래는 Browser Versions Trend 이다.


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

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

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

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

잊을만 하면 한번씩 쓸일이 생기는 콘솔 명령어...


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

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

최근 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

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

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

무척이나 가고 싶었으나 갈수 없었던 Adobe RIA World 2008 의 발표자료와 동영상이 공개 되었다.
동영상은 Daum tv팟을 이용하고 있다. (스폰서에 Daum이 있었나? -_-??)

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

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

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()">

asp의 경우 사용법 (페이지 최 상단에 작성한다.)

구분	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

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

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

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

웹표준을 왜 해야 하는지에 대해 정말 잘 정리한 글이다.

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

우리나라 서울 지하철

뉴욕의 지하철 노선도

도쿄의 지하철

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

 

런던 지하철

지하철 요금이 세계에서 가장 비싸다고 알려져 있다.. 런던 시내 중싱부 구역은 한번 현금 승차시 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

내가 애용하는 사이트중 하나인 Smashing  Magazine 에서 Adobe Photoshop Video Tutorials - Best Of 를 선정했다.

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

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



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

단, 자신과 비교되는 실력에 좌절하며 고통받지 말것.

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



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

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

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

싼것 보다는 독특한것!
남과는 다른 나만의 뭔가를 갖고 싶다!
뭔가 특별한 것을 선물하고 싶다!

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

정렬순서는 무작위임.

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/

http://firejune.com/1302

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

ISO 3166 표준은 세계의 나라와 부속 영토, 국가의 주요 구성 단위의 명칭에 고유 부호를 부여한다.
1974년 ISO에서 처음 발표되었다.

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

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

MS가 IE8 부터는 웹표준 기술을 준수하겠다고 밝혔다.

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

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

자료출처 : Channy’s Blog



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

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

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

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

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

너무 걱정하지 말자.
IE8이 웹표준을 준수하더라도 META 태그를 통해 IE7 렌더링 엔진을 타겟팅 할 수 있도록 해 놓는다고 한다.


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

스토리보드, 사이트맵, 사이트평가 시트...
정리가 잘된건 아니지만 일단 급한대로..

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

IE의 경우 CSS에서 부여한 font-size 를 무시하는 경우가 발생한다.
이를 잘 정리해 놓은 블로그가 있어서 아래에 일단 링크를 해 두고...

잘 정리해 놓은 블로그 가기

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


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

로고 디자인을 해본 사람이라면 안다.
하나부터 열까지 얼마나 신경이 쓰이는 가를...
내가 만든 로고를 다른사람들은 다 괜찮다고 하는데, 나는 왜 그렇게 못마땅한지..
디자인은 끝없는 자기 자신과의 싸움이다. (물론 대충해도 먹고 사는데 지장은 없다.)













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

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

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

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

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

http://www.zipfinder.co.kr/

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

http://www.zipfinder.co.kr/zipcode/index.html

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

'글 보러가기'


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

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

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

자세한 내용은 여기 => http://www.jco.or.kr/conference/conferenceInfo9th.jsp

왜 웹표준을 준수해야 하는지에 대해 잘 정리한 글이다.

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

포 스팅 제목의 경우 검색엔진에서 검색되는 빈도가 많아야 하는 중요한 부분인 만큼, 문서 대제목인 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는 캐싱되어 웹사이트에 최초 접속할 때 한번만 로드되므로, 서버 부하를 획기적으로 줄여줄 수 있고, 규모가 큰 사이트라면 비용 절감 효과도 가져올 수 있습니다.

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

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

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

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

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

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

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

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

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

대략 이런걸 그리는 방법들이 나와있는...












오랫만에 발견한 괜찮은 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/

http://www.ajaxload.info/

Generator 에서 원하는 image와 색상을 선택하고, Priview 에서 Download 하면 끝.