이제 시험도 끝났고 하니 앞으로 다음과 같은 글을 쓰고자 한다.


1. 웹 표준을 지켜야 하는 이유

웹은 이제(사실은 원래부터 그랬지만) Windows + Internet Explorer의 전유물이 아니다. 이젠 인터넷이 거의 생활 필수품화되었다. 따라서 마땅히 모든 사람들이 웹의 혜택을 누릴 수 있어야 한다.

그러나 지금의 상황을 보자. 인터넷 뱅킹을 Mac에서, Linux에서 할 수 있는가? 가능하긴 하지만 매우 일부의 경우이고 또 일반 사용자들이 하기에는 매우 복잡하다. (여기서, 일반 사용자들이 그런 OS를 쓰겠냐는 사람들이 있을 텐데, Linux의 경우는 이제 상당히 일반화되었고 쓰기도 쉬워졌다. 또 Mac도 사용자가 잘 눈에 띄지 않아서 그렇지 꽤 많다)

모바일 장치를 이용한 웹의 사용, 시각장애인들의 전용 브라우저들 통한 사용, 그래픽 전문가들의 Mac을 이용한 인터넷 접근, 시스템 관리자들의 Linux, Unix에서의 웹 사용 등이 모두 가능해져야 한다.

현실적으로, 이들에게 완전히 같은 수준의 GUI와 편의를 제공하기는 어렵지만, 적어도 사용하는 웹 서비스에서 제공해 주는 기능들은 쓸 수 있어야 하지 않겠냐는 거다.

김중태 문화원 블로그(링크된 글은 에서도, 일부 인터넷 뱅킹 서비스에서 작은 해상도에서는 메뉴를 클릭할 수조차 없었다는 지적을 했다. (이 점에 있어서는 이 블로그의 오른쪽에 있는 floating 메뉴도 고쳐야 한다 -_-)

그런 면에서 가장 심각한 문제는 ActiveX의 사용이다. 사이트에서 ActiveX로 일부 특수한 기능만 못 쓴다면 그나마 낫겠는데 로그인이나 인증 자체들 ActiveX를 통해서만 할 수 있다면 그건 그 사이트를 IE 말고는 쓰지 말란 이야기다. ActiveX가 분명 편리한 기술이긴 하지만 심각한 보안 문제도 안고 있고, 결정적으로 Windows + IE 전용이라는 사실이다. (내가 한가지 궁금한 건 공인 인증서를 ActiveX 외에는 인증할 방법이 없냐는 것이다)

우리나라는 대부분의 웹 개발 업체들이 처음에 만들어 둔 코드를 (디자인만 바꿔서) 계속 재사용하는 방식이 많은데 그래서는 과거 IE와 Netscape 경쟁 시대에 양산된 비표준 태그들을 퍼뜨리는 꼴밖에 안 된다. 또한 HTML이나 웹 디자인, 개발에 입문하는 사람들이 표준에 대한 올바른 인식을 할 수 있도록 하는 책이나 교육도 사실상 거의 없다고 볼 수 있다.

근 몇년 동안 IE가 계속 windows의 웹 브라우저를 독점했다는 사실 또한 문제를 어렵게 만들었다. 대부분의 사람들은 웹 브라우저 = Internet Explorer 라고 생각하고 있으며, 아예 다른 브라우저가 있는지, 왜 쓰는지 자체를 모른다. 그 기간 사이에 웹에 입문한 사람들도 당연히 그런 인식을 갖고 있게 마련이다. (일부를 제외하고..)

이제부터라도 그런 잘못된 인식을 깨고, 진정한 IT 강국이라는 위상에 걸맞게, 모든 사용자들이 웹의 혜택을 동등하게 누릴 수 있도록 계속해서 힘써 나가야 한다.

참고 : 김중태 문화원 블로그

ps. 시각장애인들을 위한 서비스를 어떻게 만들었는지는 철도청 열차 예약 서비스인 바로타를 참고하기 바란다. (첫화면의 오른쪽 위에 '시각장애우를 위한 TTS서비스' 클릭 / 사실 이 사이트가 표준에 근거해서 만든 건 아니지만 저렇게 서비스를 제공한다는 건 바람직한 일이다. 표준을 따르면 시각장애인용 TTS 프로그램들이 더 원활하게 동작할 수 있기에 하는 말이다.)

ps2. 브라우저마다 웹 표준 자체에 대한 해석이 달라서 생기는 문제도 있는데, 가장 대표적인 예가 IE와 Firefox에서 padding과 margin의 범위를 다르게 보는 경우다. 이런 건 어쩔 수 없이 별도의 트릭을 써야 한다.

경곽 홈페이지도 그렇고, 다른 곳도 그런 경우가 많은데(심지어는 태터 스킨조차) 웹 표준 및 브라우저 호환성 측면에서 가장 심각한 문제는 src 없는 img 태그이다.

분명히 img 태그에서 src는 필수 요소인데, 공백을 만든답시고 <img width=2 height=5> 따위로 쓰는 것이다. (내가 이 스킨 바로 전에 썼던 kawi 님의 sorrow 스킨도 html 표준에 맞출 때 가장 고생했던 부분이 src 없는 img 태그를 삭제하는 것이었다)

이런 잘못된 태그가 많이 사용되는 이유는 Internet Explorer에서는 해당 img 태그의 width, height에 해당하는 여백을 만들고 아무것도 표시하지 않기 때문이다. (alt 속성을 빼먹어도 표준에 어긋나는데 src를 빼먹다니...orz)

하지만 firefox 등의 다른 브라우저로 볼 경우 해당 부분에 회색 테두리의 박스가 그려지는 것을 볼 수 있다. IE에서는 아무 문제가 없는 것 같지만 다른 브라우저로 보면 빠진 그림이 상당히 많아 보이게 된다.

앞으로 제로보드나 다른 스킨 개발자들이 이런 점들을 잘 신경써 주었으면 좋겠다. (참고로, image ready에서 생성하는 여백용 1x1px 짜리 투명 gif 파일은 43 byte 밖에 안 된다)

결국은 토끼군이 개발한 php + smarty 기반 엔진을 못 쓰고 제로보드를 이용하고 말았다.

하지만 내가 만들었던 xml 기반의 수상실적 flash와, campus tour / 홍보 동영상 링크 flash, 그리고 메인의 게시판 최근글 인터페이스 등은 그대로 사용하였다.

토끼군 소스는 같이 개발 작업에 참여했던 나로서도 수정하기가 힘들었기 때문에 외주 업체 쪽에서도 아마 건드릴 수 없었을 것이다. (우리나라의 웹 개발 업체가 XHTML, CSS 표준 준수 요령 및 programmable template(skin) 엔진인 [#I_smarty|smarty| [ php를 만든 개발자들이 디자인과 프로그램을 완전히 분리하기 위해 개발한 일종의 skin 엔진인데, 스킨 자체에 초보적인 수준의 programming이 가능한 것이 특징이다. 또 문자열 출력에 관한 formatting 옵션이 매우 자세하다. ]_I#] 따위를 알 리는 거의 없을 것이다)

어쨌든 그 당시 고생했던 걸 생각하면 그닥 맘에 드는 건 아니지만 기존 홈페이지의 문제점들을 상당 부분 개선했다는 점에서는 바람직하다. 앞으로 홈페이지 운영이 잘 되길 바란다.

경기과학고 홈페이지 바로가기

ps. 아쉬운 점은 우리가 제작할 당시 XHTML, CSS 표준에 맞추고 Firefox 호환성을 거의 완전하게 구현했었는데 그런 부분이 많이 깨졌다는 점이다.

으흑... 저렇게 칠 수 있다면야 좋겠지만 그랬다면 이 글을 쓰지 않았겠지.. -_-


출처 : 진혁군's blog [bluekura.egloos.com]

중간에 오른손이 단음으로 계속 치는 멜로디를 앞부분으로 당겨서 더 어렵게(.....) 치고 있다. 아무튼 대단한 곡.

드디어, 드디어, 중간고사가 끝났습니다!!!

오늘 장장 3시간에 걸쳐 본 미적분학 시험은 gg쳤습니다.
(처음엔 시험기간이라 블로깅 안한다고 했다가 점점 블로깅을 많이 하게 되더니 어제 무려 세 개의 포스트를 지른 영향이 좀 있었습니다 -_-)

다행히 삽질했던 한 문제는 대부분의 아이들이 못 풀었지만(소문에 의하면 미분방정식을 푸는 거라는데 정확한 풀이는 모릅니다), 한 문제는 공부를 안 한 관계로 못 푼 것이라.. ㅠㅠ

이계도함수가 무한인(변곡점 없이 계속 볼록이면서 최대값을 가지는 이상한 점) 것을 그래프로 그리라고 하질 않나...

epsilon-delta 증명은 큰 어려움 없이 했지만 엄밀성이 떨어져서 얼마나 감점될지는 모르겠습니다.

이제 홈페이지 리뉴얼도 좀 하고 그래야 겠습니다.
애들이랑 밥이나 먹으러 가야겠네요... -_-

결국 오늘 포스트를 3개나 지르고 말았다.

낼 아침 9시부터 미적 시험인데 룸메 한 녀석은 싸이월드에 그림 그리고 있고, 다른 녀석은 실컷 애니 보다가 야식 먹으러 간 상태다. (....)

생물 시험에서 기억에 남는 게 하나 있는데, 문제 중에 Trp[트립토판]의 RNA 염기 코돈을 쓰는 게 있었다.

외우지 않았기 때문에 틀렸지만(....) 나중에 답을 확인해 보니...

정답 확인

그런 거였구나.. OTL

시험 기간 마지막날이 되니까 점점 더 미쳐가고 있다.
내일이 미적분 시험(.....)임에도 불구하고 이런 자료를 찾고야 말았던 것이다.

http://www.microsoft.com/typography/SpecificationsOverview.mspx
(이 중에서도 chapter 2를 보면 ttf 파일 포맷에 관한 내용이 잘 정리되어 있는데 문제의 EBD, EBLC, EBSC - bitmap 데이터 관련 테이블도 설명되어 있다)

시험 끝나면 확 내가 직접 ttf에서 데이터를 뽑아내어 daybreaker's coder 글꼴을 만들지도 모른다. -_-;

아무리 IE가 지나치게 유연한 브라우저라고는 하지만 이건 너무 심했다.
(아래의 {ampersand}는 모두 &을 가리킴)

"{ampersand}nbsp;"와 "{ampersand}nbsp" 를 동일하게 처리하고 있는 것이다. (아래는 Firefox에서 본 것인데 동일한 페이지를 IE로 보면 {ampersand}nbsp가 보이지 않는다)


그러니 Naver 같은 대형 포털에서도 웹 개발자들이 세미콜론 쯤은 빼먹어도 IE에서는 별로 문제가 없으니 다른 브라우저에서는 깨지든지 말든지 그냥 두는 것이다.

뭐, 이것 말고도 a 태그를 쓰지 않고 div, td 등에 javascript로 링크를 걸 때 style로 cursor:pointer를 주면 모든 브라우저에서 링크를 가리킬 때의 마우스 포인터 모양이 제대로 나오는데 IE만 cursor:hand라는 걸 만들어 놓는 바람에 그걸로 해 둔 사이트들은 다른 브라우저에서 그곳을 클릭해도 뭔가 링크가 동작하는 곳인지 헷갈리게 되어 있다. (Naver에서 무언가 페이지를 고르는 링크는 전부 cursor:hand로 되어 있다. 내가 예전에 naver에 건의했으나 담당팀에 알려주겠다고만 하고 전혀 고쳐지지 않았다)

아래는 span 태그에 style을 건 것이다. IE와 Firefox에서 비교해 보라.
cursor:pointer
cursor:hand

IE도 문제지만 아직도 다른 브라우저에 대한 고려가 없는 건 이제 반성하고 고치도록 노력할 때가 되지 않았나 하는 생각이 든다.

내가 아무리 시험공부를 하고 있던 중이지만, 이건 너무하다 싶어 글을 쓴다.

내가 운영하고 있는, 그러나 사람이 거의 오지 않고 있는, Daybreaker's Program Feedbacks 사이트는 phpBB로 만들어져 있다.

거기에 누군가 회원 등록(나와 그 사람을 합쳐서 2명만 회원..-_-)을 했는데 새 글이 없었다. 누군가 하고 프로필을 봤더니..


성인 사이트 스팸이잖아!! 섊!! -_-

자동화 프로그램을 이용했는지 여부는 모르겠으나 앞으로 phpBB를 운영하시는 다른 분들도 조심해야 될 것 같다. (그나마 난 회원이라도 적어서 쉽게 알아낼 수 있지만...)

ps. 태터 수정해서 올블로그 추천, 스크랩 기능 추가.

시험공부하다가 갑자기 세벌식 모아치기가 생각나서 시도해 보았다.
(이제 보통으로 치는 세벌식은 장문 20분 동안 쳤을 때 평균 230타에, 최저 180타, 최고 320타이다.(한 줄 단위) 세벌식으로 MSN 하는 데도 별도 불편하지 않고. - 시작한 지 한 달 되었음)

오~~

한 글자 한 글자 바로바로 완성되니까 입력하는게 이렇게 보기 좋고 재미있을 수가 없다. (마치 세벌식 예찬론자처럼 보이겠는데, 정말 두벌식으로 칠 때 비하면 훨씬 재미있다)

탁탁탁.. 한 자에 한 번씩 소리가 나니까 박자감도 있고.
(다만 밤에 기숙사에서 치거나 도서관에서 칠 때는 시끄러울 염려가...)
예전에 아론의 기계식 키보드를 쳐본 적이 있는데 만약 모아치기를 그런 것으로 한다면 제맛이 날 것이다.

shift가 들어가는 받침은 어쩔 수 없이 따로 쳐야 하지만, 대부분의 글자들은 모아치기로도 가능할 듯 싶다.

한 가지 아쉬운 점은 날개셋 입력기가 상대적으로 길고 짧은 타이밍을 인식해서 앞 글자에 받침이 없고 뒷글자에만 받침이 있는 경우 앞글자로 받침이 붙는 현상을 줄여 주었으면 하는 것이다.

그래도 훨씬 재미있다. ^^;;

시험 기간 중에 한 삽질에 따르면(......), Windows에 내장된 굴림과 돋움 글꼴이 8, 9, 10pt에서도 깔끔하게 잘 보이는 이유는...

true type으로 vector shape를 잘 그린 것이 아니라, 별도로 화면 표시용 bitmap 데이터를 내부에 포함하고 있었다는 것. orz

이런 이야기가 갑자기 왜 나오냐면 daybreaker's coder 글꼴을 만들면서 고정폭으로 만들면 한글이 너무 안 예쁘게 나와서 가변폭으로 두었었기 때문에 그걸 고정폭으로 하려다 생각해보니 굴림체가 있었던 것이다.

굴림체 data를 추출해서 영문만(-_-) daybreaker's coder로 바꿔치기했더니 웬걸 19pt까지는 원래꺼가 그대로 나오는 것이었다.

난 원래 9, 10pt용으로 만드려고 했으므로 안되겠다 싶어 font에 주어지는 온갖 옵션들을 다 뒤졌더니 true type table에 unsupported로 EBD, EBDL (embedded bitmap data 뭐 이런 거)가 들어가 있었던 것이다. (instructions may depend on points라는 항목이 어딘가에 있었는데 그것과 관련된 것이었다)

그 옵션들을 모두 삭제하니 역시 작은 포인트에서도 영문은 내 디자인으로 잘 나왔다.

그런데 한글은.....


누가 bitmap 정보를 ttf에 포함시키는 방법좀 알려줘요~~!! (아예 내 영문 글꼴도 bitmap으로 만들어 버렸으면...)

ps. 그렇게 하고 나니 12.7 MB이던 ttf 용량이 5.7 MB로 줄더라..orz

ps2. 시험기간에 이런 삽질 잘 하고 있다고 생각되면 추천에 한표. (올블)

표준어, 맞춤법, 띄어쓰기 등만 잔뜩 나올 줄 알았던(족보에는 그랬으므로) 논술 시험에서 진짜 논술 문제가 나왔다.

그것은 바로...


초등학생의 일기 검사에 대해서 자기 생각을 1000자 안으로 작성하시오. (특히 맞춤법 주의)


그래, 그런 거였다.

내가 올블로그에 올린 주제가 시험 문제로 나온 것이다. OTL

여기서 그렇게 나오면 좋은 거지 왜 좌절하냐는 분들이 있을 텐데, 그건 다름이 아니라 주제 등록을 해 놓고 막상 나는 그에 대해 글을 써 보지 않았다는 것이다. -_-;;;

그럴 줄 알았으면 진즉에 포스팅을 하는 거였는데... orz orz

세상 일은 정말 알 수가 없다.

물리는 다른 사람들이 대부분 푼 문제를 못 푼게 있으니 망했다고 할 수 있겠고.. 이제 내일 시험은 논술이다.
(물리 시험에서 가장 싫었던 것은 계산기도 못 쓰게 하면서 소수점이 들어가는 수의 제곱근을 구해서 유효숫자까지 맞추라고 했다는 것이다...-_-)

[시험공부]

우리나라 / 우리 ˇ 민족
강장동물 / 고등 ˇ 동물
전주비빔밥 / 영광 ˇ 굴비
주춤서기 / 앞무릎 ˇ 치기

맨날 (X) - 만날 (O)
덩쿨 (X) - 덩굴, 넝쿨 (O)
단촐하다 (X) - 단출하다 (O)
홀홀단신 (X) - 혈혈단신 (O)
놀래키다 (X) - 놀래다 (O) ≠ 놀라다 (놀래다는 사동형)
...ex) 왜 사람을 놀래켜? (X) - 왜 사람을 놀래? (O)
두리뭉실 (X) - 두루뭉술 (O)
마늘쫑 (X) - 마늘종 (O)
남사스럽다 (X) - 남세스럽다 (O)
가리워진 (X) - 가리어진 (O)
개기다 (X) - 개개다 (O)
끄적거리다, 끄적이다 (X) - 끼적거리다 (O)
(굳은살이) 배기다 (X) - 박이다 (O)
맨숭맨숭 (X) - 맨송맨송 (O)
야멸차게 (X) - 야멸치게 (O)
우뢰 (X) - 우레 (O)
여지껏 (X) - 여태껏 (O)
진작 (X) - 진즉 (O)
찌뿌둥하다 (X) - 찌뿌듯하다 (O)
촉촉히 (X) - 촉촉이 (O)
(큰일을) 치루느라 (X) - 치르느라 (O)
호도 (X) - 호두 (O)
(분노를) 삭히다 (X) - 삭이다 (O)
.......

돋구다 : 안경의 도수를 높이다. - 이 외의 뜻(입맛, 기분 등)은 모두 '돋우다'
지긋이 : 나이가 든 / 지그시 : 은근하게 힘을 주는 모양
......

pamphlet ... 팜플렛, 팜플릿 (X) - 팸플릿 (O)
outline ... 아웃라인 (X) - 아우트라인 (O)
nonsence ... 넌센스 (X) - 난센스 (O)
body cleanser ... 바디클렌저 (X) - 보디클렌저 (O)
......

찻값 (茶 먹는 값) ≠ 찻삯, 차비 (교통수단의 요금)

인터넷에서 사람들이 가장 많이 틀리는 "않되다 / 안되요" (X) 등은 비할 바가 못 된다. -ㅁ-;;;

단어는 그래도 한 번 보면 대충 감이 오지만 띄어쓰기는 정말이지 세상에서 가장 불규칙한 것 같다. 이름과 성을 띄워야 하느냐 말아야 하느냐도 그렇고.

내일 시험 잘 보기를...orz

드디어 첫 시험, 일반화학을 보았습니다.

아주 어렵진 않았지만, 공부하는 요령을 다시 되찾을 수 있는 계기가 되었습니다. (즉, 이번엔 공부를 제대로 못했단 뜻이죠-_-)

윽... 고등학교 때 다 공부했던 것들이 초기화된 것을 시험장에서 깨닫는 기분이란 (.....)

그나마 오늘 우리의 멋진(?) 물리 조교께서 족보 풀이를 해주신다니 내일 시험이나 기대를 해 봐야겠습니다.. orz

ps. 아는 형이 MSN으로 보낸 메시지 :(.........)

드디어 이번 수요일부터 대학에서의 첫 중간고사가 시작됩니다. (일주일간 진행되어 다음 화요일에 끝납니다. 그동안은 블로깅이 없을 예정)

하루에 한 과목씩 보지만 하나하나가 범위가 장난이 아니라서..orz 게다가 화학, 물리가 처음 이틀에 연속으로 들었다는 것도 상당한 압박이...OTL

엎친 데 덮친 격으로 이번 주말에 집에 다녀왔는데 몸살만 걸려갖고 오는 바람에 공부도 잘 안 되고..orz orz orz (수원/용인 지역과 대전 지역의 기후 차이를 극복하지 못한....ㅠㅠ)

정말 태어나서 이번처럼 공부 안 하고 보는 시험은 처음이네요.. ㅜㅜ
아무튼 무사히 시험이 끝나길.....