양파맨의 겨울나기

스포일러가 있습니다. 책을 읽지 않았거나, 영화를 보지 않으신 분들은 줄거리를 미리 알게 될 수 있습니다.

눈먼 자들의 도시 카테고리 소설 지은이 주제 사라마구 (해냄출판사, 2002년) 상세보기

• 08년 11월 30일  미투데이 쉬운웹인증을 추가했습니다. 좀 더 사용하기 편리할 거 에요.
• 08년 11월 30일  등록 후 모임등록하기 창을 꺼버리는데 성공했습니다. 정확히 얘기하면 끄는건 아니지만 어쨋든 사용성면에서 프러스가 되겠네요. 
• 08년 11월 30일  등록 후 번개리스트가 자동갱신 되도록 수정하였습니다. 역시 사용성 향상에 도움을 줄 수 있겠네요.

IE8 beta2 세미나가 지난 9월 건국대 새천년 기념관에서 열렸었습니다.

세미나 이전에 IE8용 웹슬라이스 관련 게시물을 작성한적이 있었습니다. 세미나 후에 제 블로그에 IE8과 웹슬라이스로 검색하여 들어오시는 분이 꽤 되었던걸 보면 이슈가 되긴 했었나 봅니다.

[관련글]
2008/08/12 - [Etc..] - [ IE8 ] 웹슬라이스를 적용한 미투데이 최근 댓글 구독.
2008/08/11 - [Etc..] - [ IE8 ] 웹슬라이스(webslices) 적용했습니다.

세미나에선 총 3가지의 기능을 소개했었는데, 그 중 하나가 이전에 소개드린 웹슬라이스고, 나머지 둘이 엑셀러레이터와 비쥬얼서치 입니다.

음, IE8이 선행되어야 한다는 단점 때문에 아직까지는 많은 분들이 이용하지 않고, 그만큼 관심도 상대적으로 적지만 사용자층이 두터워 진다면 재미있는 것들이 많이 나올 것으로 예상됩니다.

웹슬라이스에 이어서 나머지 두개 기능도 한번 만들어봐야지 생각했었는데, 이제야 시도를 해 보았습니다.
막상 해보고 나니 큰 어려움 없이 적용할 수 있었습니다. 아니 큰 어려움도 아닙니다. 정말 쉽더군요. 

딱이죠?

비쥬얼 서치에 적용하면 검색어 추천에, 사진자료까지 딱인듯한 아이템이라 바로 적용해보았습니다.  
위 검색창에 검색어를 입력하러 가지 않아도, 쉽게 검색을 할 수 있도록 만들어보겠습니다.

여기 검색어를 입력해보세요.

 여기서 중요한 부분은 붉은색으로 표시되어 있는 Url 입니다.

첫번째 type이 text/html 으로 되어 있는 부분은 검색어를 넘겼을 때 실제 검색을 처리하는 부분입니다.
바로 검색창에 검색어를 입력하고, 돋보기 아이콘을 클릭했을 때 실제 검색어를 처리하는 부분이죠.

중요한것은 get 방식으로 넘길 때 인자를 구분하는 &의 값을 & 로 써주셔야 합니다.
그 아래 type이 application 으로 되어 있는 부분은 option 입니다. (제가 지금 IE7 이라서 이미지는 주말이 지나서 추가해야 할 듯 싶습니다.)

이미지와 함께 제공되는 검색어 추천을 사용하고 싶다면 저 부분을 따로 개발하여 넣으면 됩니다. +xml 이라고 되어 있으면 xml 타입으로 개발을 해야 하고, +json 으로 표기를 하면 json 으로 출력되도록 개발하시면 됩니다. 나머지 부분은 굳이 신경쓰지 않으셔도 되고, 한번 보시면 다 아실 내용이라 생각됩니다.

이 XML을 서버에 올려놓고 이제 XML을 추가할 수 있도록 "무엇인가" 를 만들어야 겠지요.

뭐 이 "무엇인가" 를 만드는 것은 일도 아닙니다.

<a href="#" onclick="window.external.AddSearchProvider('http://ottd.iruis.net/~onionmen/dnf_item_search.xml')">Add Search Provider Example</a>

위와 같이 window.external.AddSearchProvider() 라는 프로퍼티에 xml위치에 해당하는 인자값 하나만 넣어주면 완성이고, 이 링크를 클릭하면 검색공급자 등록을 할 수 있습니다.

위와 같은 메시지가 뜨면, 공급자 추가를 선택하여 검색공급자를 등록할 수 있습니다.

이제 검색공급자가 추가된 것을 확인하실 수 있습니다.

어때요, 참 쉽죠?

이건 단순한 검색공급자 를 만드는 것이었고, 이제 핵심기능인 비쥬얼서치를 살펴볼까요?

이것또한 별것 없습니다.

<Url type="application/x-suggestions+xml" template="http://ottd.iruis.net/~onionmen/dic_test.xml" /> 
이 부분 기억 하시나요. 여기 들어있는 dic_test.xml 이라는 부분이 바로 비쥬얼서치에 사용될 부분입니다. 지금은 예제로 간단한 xml을 만들었는데, 이부분은 프로그래밍이 들어가야 하는 부분입니다. 검색어에 의해서 관련된 xml이 생성되도록 해야 하지요.

아래 xml은 역전 이라는 검색어를 입력하면 그와 관련된 추천검색어와 비쥬얼서치의 모습을 보여주는 xml 입니다.

4천원, 여러분에게 지금 4천원이 있다면 진짜 힘센 사람이에요. 블로그에 방문자가 얼마나 많은것. 그것도 힘센거지만 4천원이, 여러분 손이 움직여서 밖으로 나가면 여러분은 진짜 힘센 사람이에요.

히말라야 도서관 카테고리 시/에세이 지은이 존 우드 (세종서적, 2008년) 상세보기

블로그에 웹슬라이스를 적용했었습니다.

그리고 제가 자주 사용하는 웹서비스 미투데이(링크)에도 이 기능을 적용 할 수 있을 것 같아 시험삼아 만들어 봤습니다.

아이디만 알면 그사람의 최근 덧글을 가져올 수 있는 일종의 가젯입니다.
이용하시려면 IE8을 설치하시거나, 아니면 일전에 소개해드린 파이어폭스의 확장기능인 Webchunks (다운로드링크) 를 설치하셔야 합니다.

웹슬라이스를 적용하기 위해 HTML을 파싱하는 simple HTML DOM parser(링크) 를 사용했습니다.


DOM parser를 이용해 Comment To Me의 내용만 추출했습니다.

파이어폭스에서 모습

IE8에서의 활용 모습

완성!

div나 p 와 같은 태그는 신경안쓰셔도 되고, class 부분에 들어가는 이름만 적용하시면 될 듯 합니다.
그에 맞는 CSS도 함께 적용시켜주시면 한층 이쁘겠죠?

현재 IE8 베타1에서 이 기능을 사용하실 수 있고, FF3에서는  Webchunks (다운로드링크) 라는 이름의 확장기능을 통해 사용하실 수 있습니다. 이 확장기능은 IE8 beta1이 공개되자마자 다음날 바로 FF용 확장기능으로 나와 사람들의 입에 오르내린적이 있습니다. 현재 FF 3.0.1에서 사용가능한 버전은 webchunks 0.13 버전입니다. 위 링크에서 받으세요.

IE8과 부가기능을 설치한 FF 사용자가 제 블로그 사이드바의 최근 댓글에 마우스를 올리시면 손쉽게 추가하실 수 있습니다.

파이어폭스에서의 이미지

요건 IE8에서의 모습.

재미로 적용시켜 봤는데, 추후에 IE8이 보급될 경우 많은 확장성이 있겠네요. ^^

IE의 경우에는 즐겨찾기의 빠른연결에 등록이 가능한데, FF의 경우는 빠른연결 하단에 또다른 Bar 가 생기는점이 아쉽습니다.

그리고 IE는 아직 버그인지 이름을 수정해도 반영이 되지 않는군요. 조만간 Beta2나 정식버전이 나오면 수정될 부분인것 같습니다.

막상 뭔가를 쓰려고 Live Writer 를 켰는데, "게시물 제목 입력" 이라는 글을 보고 있으니 순간 멍해지면서 뭘 어떻게 시작해야 할 지 조차 망설여 지게 된다.

정확하게 기억이 나지는 않는다. 사실 어떤 이유보다도 이 "기억나지 않음" 이라는 이유가 글쓰기를 힘들게 만드는 가장 큰 원인 아닐까.

모방범 2 상세보기

미야베 미유키 지음 | 문학동네 펴냄

<화차>, <이유>, <용은 잠들다>의 작가 미야베 미유키의 추리소설. 탄탄한 구성력과 날카로운 인간상의 표현력, 흡입력 있는 전개가 돋보이는 작품이다. 원한이나 물욕과는 무관한, '이유 없는 범죄'를 다루고 있으며, 2002년 일본에서 원작을 바탕으로 영화화되기도 했다. 도쿄의 한 공원에서 쓰레기통에 버려진 여자의 오른팔과 핸드백이 발견된다. 핸드백의 주인은 삼 개월 전에 실종된 후루카와 마리코라는

1. 모방범 (1,2,3)

"모방범" 이라는 소설을 본지 꽤 오랜 시간이 흘렀다. 꽤 오래 흘렀지만 그래도 기억하는 한가지 감정이 있다. 대단했다. 잘짜여진 스토리에 숨돌릴 틈없이 이어지는 사건전개를 통해 책에서 눈을 뗄 수 없었다. 뭐든 처음이 어렵다는 말은 이 책을 통해 실감할 수 있다. 진짜 처음 페이지를 열기가 힘들다. 이 책의 분량을 보면. 지레 겁을 먹고 시작을 안하게 된다. 하지만 용기를 내 펼치고, 1600페이지를 넘기고 마지막 마침표를 본 뒤에 밀려오는 감정은 후련함 보다는 찝찝한 미련이었다. 분명 끝을 맺긴 했는데, 뭔가 허전한 이런 찝찝한 마음을 갖고 책을 덮었다.

그래도 대단한 책 임에는 틀림이 없었다. 난 언제나 뒤통수를 내어줄 준비가 되어있었고, 읽는 도중에 느끼는 두근거림과 결말에 다다를 때의 짜릿한 쾌감을 위해 기꺼이 내 잠자는 시간을 포기할 수 있었다. 이런 내게 결말을 미리 알고 보는 추리소설은 시시했다. 전혀 자극이 없었다. 이 미미여사의 모방범은 1/3이 채 지나기도 전에 진범을 알려준다. 우리는 범인도 알고있고 거기다 트릭도 없다. 하지만 긴장감을 늦출 수 없었다. 자극적이었다. 전혀 시시하지 않았다.

범인을 보여주고 주요 등장인물을 소개하는 1권을 읽고 나면 더 많은 등장인물이 등장하고 비슷한 살인사건이 일어나는 2권을 접하게 된다. 그리고 소설을 읽은 대부분의 사람들이 최고로 평가하는 3권을 볼 수 있게 된다.

마지막 장을 읽고 나면 진짜 내용이 펼쳐지는것이 바로 이 소설이다. 모방범은 쉽지않은 소설이지만 절대 거부할 수 없다. 때문에 잘 기억나지 않음에도 불구하고 이 소설은 추천할 만 하다.

낙원. 1 상세보기

미야베 미유키 지음 | 문학동네 펴냄

<모방범> 이후 9년, 한 가족을 무너뜨린 비극이 시작된다! 일본 추리소설의 여왕 미야베 미유키의 장편소설『낙원』제1권. 미야베 미유키의 대표작 <모방범>의 등장인물인 르포라이터 마에하타 시게코를 중심으로 펼쳐지는 또다른 이야기를 그리고 있다. 올해로 데뷔 20주년을 맞은 작가의 뛰어난 묘사력과 구성력이 돋보이는 작품으로, 인간의 이면과 현대사회의 모순을 심도 있게 파헤친다. '모방범' 사건으로부

2. 낙원 (1,2)

미미여사의 신간이 한글로 변역되었다는 소식을 듣고 바로 구매하였다. "낙원" 이라는 제목의 소설은 날 찝찝한 마음으로 만들었던 바로 그 소설, 모방범. 이건 그 9년 뒤의 이야기 이다. 모방범과 마찬가지로 굉장히 재미있다. 요즘 부쩍 책읽는 시간이 줄었는데, 이 책은 어떻게 해서든 짬을 내서 읽었다. 사실 모방범에 대한 이야기가 살짝 언급되긴 하지만 전혀 다른 이야기로 봐도 무방하다. 아니 전혀 다른 이야기이다. (내심 모방범의 그 살인마가 저지르는 새로운 이야기를 기대했는데, 살짝 아쉬운 부분이 없지 않았다.) 때문에 모방범을 굳이 읽지 않았다 하더라도 내용을 이해하는데 큰 어려움은 없다. 죽인 친딸을 16년간 마루밑에 묻어놓고 함께 살아온 가족에 대한 이야기. 이 가족에겐 어떤 일이 있었을까.

물론 맞지 않는 사람이 있다. 모방범 1권을 중간까지 읽었는데도 별 흥미를 느끼지 못하고 안맞다고 생각된다면 1권 나머지부분과 2,3권 그리고 낙원 1,2권을 굳이 권하고 싶지 않다. 하지만 모방범을 끝까지 읽었다면 다른 책을 손에 잡지 말고 이 낙원을 읽기를 추천한다. 2500페이지도 그리 많은게 아니라는걸 알게 되는 쉽지않은 기회일테니까.

덧. 사회 전반적인 문제점을 은유적으로 지적하는 미야베의 소설은 날카롭다. 하지만 소설이 연재되기 시작 할 때 즈음해서 일본에선 이와 비슷한 사건이 발생했다고 한다. 그럼에도 미야베 미유키는 이 소설을 썼고, 이는 그 사건 관련자들에게 많은 상처를 남겼을 것이다. 이 사실이 팬으로써 조금 안타깝게 생각된다.

여유가 없는 삶을 살다보면, 생활의 많은 것을 포기하게 된다. 자신이 쥐고 있는 것 들을 일열로 나열한 뒤 가장 중요도가 낮다고 생각하는 것 부터 하나하나 버리게 되는데, 물론 순서는 각자의 기준에 따라 바뀐다.

웹서비스를 개발하는 것도 마찬가지이다. 서비스 구상과 아이디어 회의를 하고, 기획안을 작성하고, 디자인을 하고, 개발을 하는데, 모두 다른 각각의 역할에서 한가지 공통점이 있다면 그것은 바로 언제나, 늘 시간이 부족 하다는 것이다.
이렇게 여유가 없는 프로젝트를 진행하다 보면 마찬가지로 프로젝트의 많은 것을 포기하게, 아니 포기해야 된다. 다른 부분은 차치하고라도 개발의 경우는 이런 현상이 꽤 심하다. 

여유 없는 상황에서 개발하는 과정 역시 여유 없는 삶을 사는 것과 마찬가지로 몇가지 것들을 버리게 되는데, (좋지 않은 현상이지만)한가지 다른점이 있다면 최우선순위에 해당하는 몇몇 개를 제외하고는 우선순위에 크게 구애받지 않는 다는 것이다.

어떻게 보면 최우선순위에 속하지만, 우선순위에 크게 구애받지 않는 유력한 후보 중 하나가 바로 보안이다. 이것은 하기 싫어서, 또는 중요하지 않아서 하지 않는다기보다는 예측불가능한 상황이 벌어지고, 자신이 아는 만큼은 했다고 생각하기 때문에 오랜 시간을 투자하지 못하는 것이다.

모든 상황을 예측할 수 없기 때문에 더욱 불안해 지지만, 시간에 쫓기다보면 이런 불안감은 곧 놀이터에 버려진 고양이처럼 방치된다. "에이, 괜찮겠지" 와 같은 생각과 함께.

(오래전부터 있어왔지만) 얼마전 크게 뉴스화 된 큰 쇼핑몰의 개인정보 유출과 같은 사건도 바로 이런 점에서 시작했다고 봐도 과장이 아닐 것이다. 수많은 웹사이트가 죽순처럼 생겨나는데, 보안을 신경쓰는 웹페이지는 얼마 많지 않다.

옥X의 경우 개인정보를 빼내는데, 꽤 힘든 작업과정을 거쳤겠지만, 일반적으로는 현란한 고급 해킹기술이 필요한 것도 아니다. 검색엔진 하나만으로도 얼굴도 모르는 사람의 개인정보를 정말 쉽게 획득할 수 있다.( 참조 : 구글해킹, 에이콘 )

이러한 현상을 최소화 하기 위해서 웹개발자를 비롯한 프론트엔드 개발자들은 특히 이런 보안에 대해 끊임없는 학습을 해야만 한다.

 주요 이슈로는
XSS 방어,
URL 공격방어,
SQL 삽입공격,
세션 공격방어

가 있는데, 적어도 책에서 설명하고 있는 부분들만 신경쓴다면, 최소한의 보안은 검증된다고 할 수 있겠다.

물론 이 외에 수 없이 많은 패턴이 존재하고, 전혀 생각지도 못한 방법으로 해킹에 성공한다. 

마치 좀 더 강한 금속을 찾아내어 방어구를 만드는 것 처럼 한걸음 한걸음 나아가다 보면, (한동안) 뚫을 수 없는 방패를 만드는 것도 가능하지 않을까?