I'd like to say something-

꿈에서 본 이야기

2009-06-01T17:32:56+09:00

그날 새벽 한시경. 네 문자를 받고 마음이 아팠던 시간들을 떠 올리면 아직도 몸서리 쳐 진다. '다신 볼 수 없을 것 같다.' 라는 막연한 느낌이 쏟아낸 불안함이 내 감정을 지배하고 있었기 때문일까. '다시는 볼 수 없다' 라는 기정사실이 너와 나에게 주는 의미가 무엇인지. 이렇게 서로 남남이 되는 것인 지. 기어코 마음을 다잡으며 또박또박 긴 장문의 답문을 보내니, 바로 울리는 진동. 받을까 말까, 받을까 말까.

십분여간 서로에게 오갔던 참담했던 현실들은 바늘이 되어 내 가슴을 관통했고, 동시에 무언가에 이끌리듯 서둘러 나갈 채비를 했다. 왜 그랬는지 모르겠다. 네가 진저리 칠 만큼 외로웠을거라는 생각을 견딜 수 없어 했던 걸까. 제 멋대로인 생각인데다 이미 마음 정리가 된 상황일거란 우려도 있었지만. 지금 내 감정과 놓여진 상황 앞에선 이기적일 수 밖에 없을거라 자위하며 현관문을 조심스레 닫았다. 머릿속은 복잡했지만, 그저 어두운 공간에 서로 나란히 누워 팔베게나 하며 다독여 주고 싶을 뿐이었다.

생각만하면 생각대로 되면 얼마나 좋은가. 집 근처 공터에서 네가 깨길 기다리며 썼던 글들은 아무렇게나 흩날려 버렸고, 피우지 않기로 결심 했던 담배를 반갑, 조바심과 함께 연기로 날려 보냈고, 쌓여있는 자판기 커피컵과 흐리멍텅한 눈동자, 쏟아지는 졸음, 밝아오는 하늘....

이제 너와는 마지막인 줄 알았지만..

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

영화 박하사탕

2009-06-01T21:04:00+09:00

'나 다시 돌아갈래!!!'

과거를 회상해 보면 적잖게 아쉬운 기억들이 많다. 그때로 돌아갔으면 했던 생각, 그때 그렇게 하지 말걸, 그때 그렇지 않았다면 지금 이렇지 않았을 거라는 생각 등. 대게 그런 류의 소모적이고 부질없는 생각들이긴 하나 때론 가볍게 웃음 지으며 회상할 수 있어 좋기도 하다.

영화를 보고 과거라는 것에 대한 여러 생각이 드는데, 영화 분위기가 음울하고 어두워서 썩 기분 좋은 생각들이 들진 않는다. 결국 사람은 자의든 타의든 나이를 먹게 되면 삶에 참 많이 찌들겠구나 하는 씁쓸함이 제일 많은 빈도를 차지한다. 어쩌겠는가. 너도 사람이고 나도 사람인데. 살고 살아 이리저리 부딪혀 모가 나든 마모가 되든 별 수 없다. 그냥 그렇게 살아야지 뭘. 다만, 살면서 좀 더 즐길거릴 찾고 재밋거릴 찾는게 별 수 없다는 생각을 하는 만큼 중요하다는 것- 새삼 느끼게 된다.

첫 챕터 후반에 극 전개가 어떻게 흘러 가는지 의아했다. 주인공처럼 보이는 설경구가 시작한지 몇십분도 안지났는데 자살이라니. 대충 눈치 챌 수도 있었겠지만 상항이해 센스부족으로 어리둥절 하다가 챕터가 끝나고 철로를 지나는 씬을 보고 눈치를 챘다. '아..과거로 가는건가?' 일곱개의 챕터가 시작하기 전에(생각 해 보니 첫 챕터도 그랬구나) 계속 그런식으로 철로를 지나는 씬이 나온다. 영호가 과거로 흘러가고 있다는 듯.

여기 영화를 더 인상깊게 만든 이유가 몇가지 있다.
- 주/조연 연기들도 괜찮았지만 설경구의 연기가 특히나 일품이었다. 솔직히 말해 설경구가 연기를 그렇게 잘한다고 생각하지 않았었다. 설경구 하면 생각나는게 분노씬 위주였으므로.. 물론, 출연 영화를 몇 편 못 봐서 인지 모르지만 박하사탕을 보고 생각이 좀 바뀌었다. 연기 괜찮게 했다. 멋졌다.
- 장면장면 전개에 적당한 호기심을 부여했다. 결과도 적절했다. 너무 궁금하거나 지루한 장면이 없었다. 적당하게 의아해 하게 했으며 일어난 상황들의 동기를 납득 할 수 있었다. 쉽게 말해 니가 알아서 생각해라 혹은 너는 자라 나는 말할께 하는 씬이 전무하다시피 했다. 풀기 껄끄러운 이야길 참 잘 풀어놓은 느낌이다.(감독이 작가 출신이라 그런가?)
- 개인적으로 좋아하는 90년대 느낌이 잘 살려졌다. 극중 배경이 80년대부터 90년대라 그랬는지 마음에 드는 화면이 많이 나왔다. 이건 어디까지나 극히 개인적 취향인데 난 90년대를 참 좋아한다. 특히 뺑끼칠 되어있는 간판이 즐비한(흰 바탕에 탁한 톤의 빨강/파란 이름!) 골목이나 시장거리, 시멘트나 빨간벽돌로 만들어진 건물과 벽들로 이루어진 동네, 약간 달동네 스러운 배경들을 보면 환장한다. 어이구.

앞서 이야기 했지만 나역시 가끔 돌아가고 싶은 과거 있다. 주인공인 영호의 과거를 보면 정말 돌아가고 싶은게 언제인지 의아하긴 하지만 요즘 난 유치원도 다니지 않을 때 뛰어놀던 집앞 마당과 동네 공터나 공사장 주변들을 퍽 그리워 하는 것 같다. 뭐, 돌아가고 싶은건지 그리운건지 혼동이 되기도 하지만.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

이장혁 까페투어 네번째 루비살롱

2009-06-02T17:04:50+09:00

그러니까 어제 부평 루비살롱에서 이장혁씨가 까페투어의 네번째로 본진인 루비살롱에 찾아왔습니다. 거두절미하고 기대 이상으로 좋았고 꽤 감동 받았던 공연이었습니다.

이거..귤님이 만든거죠? ㅎㅎ

일본에서 올라온 히구치 마키코라는 원맨밴드와 검정치마의 조휴일씨가 게스트로 초대 되었습니다. 히구치상은 오늘 공연에서 처음 봤는데 딱 일본 여성이라는 느낌을 받았으나, 작은 체구임에도 스트록에 힘이 들어가 있고 목소리도 힘차 뭔가 호소력이 지더군요. 다음으로 휴일씨. 정반에 없는 곡들만 불렀습니다. antifreeze는 제외 하구요. 다섯곡 정도 한 것 같은데 플레이 타임이 짧다며 민망해 하더라구요. 감기를 앓아서 그런지 고음 처리에서 조금 아슬해 보이기도 했습니다. 얼른 쾌차 하시길~ ㅎㅎ

이제와서 사실대로 고백하자면 조휴일씨 반 이장혁씨 반 정도의 매리트로 생각해서 갔던 공연 이었습니다.(루비살롱 반 추가요~) 왜냐? 전 검정치마가 더 좋아서요. 이장혁씨는 라라라에서 한번 본 것과 몇곡 들은 정도가 다입니다. 곡 제목들도 잘 몰라요. 그냥 모 프로에서 인터뷰 하는것 보고 약간 흥미를 갖고 있었습니다. 앨범 곡들도 나쁘진 않다 생각 했구요.

헌데 중/후반 부터 제가 좀 부끄러워 지더군요. 특히 지르기 시작하실때 부터는 뭐랄까 전율이 오더군요. 그렇죠. 위에 니트를 벗으시고 나서부터 였던 것 같네요. 별 생각없이 왔던 공연인데 큰 수확을 얻고 간다는 느낌이 들더군요.

사진이 이렇다고 안티는 아닙니다. 오해 마시길..

최근에 이런 라이브 공연을 볼 때마다 느끼는게 있는데요. 참 나도 음악 해보고 싶다라는 생각을 가집니다. 어제 역시 그런 느낌을 받았구요. 아아..이러다 정말 하게 되는건 아닐까요?

마지막 곡이 끝났는데 아무도 앵콜을 외치지 않더군요. 전 앵콜 했다가 민망해서 한번 하고 말았는데; 아무튼 일어나서 정리하는 척 하더니 그냥 다시 잽싸게 앉으면서 앵콜을 부른다고..ㅋㅋ 그러다 난데없이 저~ 뒤에있는 휴일씨한테 미안하다 그러더군요. 그러고 나온 곡이 뭔지 아십니까? 검정치마의 antifreeze를 커버합디다. 누구든 상상도 못했을듯 싶네요. 이장혁씨 밴드에 건반 파트가 있음에도 불구하고 일부러 건반을 안쓰더라구요. 안티프리즈의 생명은 건반이라고 생각하는 사람 중 하나였지만 괜찮았습니다. 어색하지 않아서 다행이었어요.

그렇게 부동액 커버를 끝내고 다른 맴버들은 다 내려 보내더니 혼자서 한곡 부른 뒤 공연이 종료 되었습니다. 공연 후에 운좋게도 뒷풀이가 있다는 첩보를 명랑친구 벅바에게서 듣고 뒷풀이에도 참석하게 되었네요.

오늘 공연은 기대 이상이었습니다. 평소 스타일대로 조용조용 부르는 것도 괜찮지만 제 귀엔 왠지 지르면서 부르는게 더 흡입력 있어 보입니다. 또 음방보단 라이브가 더 괜찮은것 같습니다. 기회 되시는 분들은 이장혁씨 공연에 한번쯤 가보시길 추천합니다. 앞으로도 열심히 활동 해 주세요~

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Zeno Clash

2009-06-02T17:04:59+09:00

며칠 전 자주 들락거리는 게임 포털중 하나인 게임메카 에 기사 가 하나 올라왔더군요. Zeno Clash 라는 특이한 세계관을 가진 석기시대쯤을 배경으로 한 FPS 게임의 프리뷰 였습니다. FPS 장르는 꽤 좋아하는 편이라 낼름 기사를 읽었지요. 개성적인 게임 컨셉, 그래픽을 보고 눈에 찍어뒀습니다. 무엇보다 몬스터 디자인에 한표를 주고 싶군요. 기사를 읽은게 스팀으로 발매되기 전날 혹은 전전날 이었던 것은데 발매일을 동동구르며 기다렸네요.

현재는 발매중입니다. 옆에 오렌지박스가 눈에 띕니다. 66% OFF! $9.99

이 게임이 흥미로운 것은 세계관도 세계관이지만 주 무기가 일반적인 FPS 게임과는 달리 주먹이라는 겁니다. 말 그대로 도그파이트! 치고받고라는 단어가 딱 어울립니다..적은 항상 둘에서 셋 이상이 등장합니다. 몹 하나를 타겟팅 하는 시스템이 있어서 한명 한명 타겟하여 공략해야 하지요. 물론 한 녀석을 공략 하는 도중에 다른 몹이 끼지 않는다는 보장은 없습니다..ㅎㅎ

스테이지에서 싸움이 시작 되면 거의 난전이라고 봐도 무방 합니다만 그 정신없는 난전 속에서도 몹 하나하나와 겨룰 때면 은근히 공격 템포가 느껴집니다. 오락실에서 대전액션 게임을 조작하듯 커맨드가 있는 것은 아닙니다만 마우스 버튼을 툭~툭 누르다보면 어느센가 박자를 세고 있지요..ㅋㅋㅋ 원~투~원~투~

더 재미있는 액션을 지향합니다~! / 몬스터 디자인 어떠세요?

영상을 보시면 알겠지만 맨손 외에도 다른 무기가 등장 합니다. 대부분 고전적인 무기 들이고 머스킷 같은 총이 그나마 제일 현대적인 무기입니다. 게임을 하다보면서 느낀 건데 무기 사용을 제한적으로 했더군요. 한번에 한 무기만 사용 할 수 있습니다. 다른걸 쓰려면? 지금 들고 있는 무기를 버려야 하죠. 다행히도 버린 무기는 다시 주을 수 있습니다.

사실 게임 스크린샷 하나하나 올려 가면서 쓰고 싶었는데 생각만큼 쉽지 않더라구요. 어떤 씬을 찍어서 올리면 재밌겠다 라고 생각은 해봤으나 막상 스크린샷 폴더에 수십장 찍어둔걸 보고 힘이 빠지더군요. 연일 포스팅의 압박에 시달려서 좀 귀찮았던 것도 사실입니다..-_-; 디테일한 후기는 다음 기회에 쓰도록 하고 이만 마치겠습니다..끄응;

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

iPod touch 해킹 중.

2009-06-02T17:05:05+09:00

- 이 글은 네이버 아이팟 터치 유저들의 공간 까페에서 활동하시는 꺄르륵님의 글을 토대로 실시간으로 진행하면서 작성 하였으며 이 글을 보며 터치를 해킹 하기엔 다소 무리가 있음을 미리 알려 드립니다. 또한 이 글에 대한 질문은 받지 않습니다.

미리 결심 했듯이 지금 아이팟 터치를 해킹하고 있습니다. 아이팟 터치 정보 공유 커뮤니티에서 믿을만하다고 생각했던 강좌를 토대로 말이죠. 해킹을 하는 방법이 여러가지가 있는것 같던데 이 강좌는 quickpwn을 이용한 방법으로 설명하고 있네요.

이녀식이 그 유명한(?) quickpwn이랍니다.

현재 quickpwn과 1G 2.2.1v 펌웨어를 다운받고 펌웨어를 입혀 초기화 시킨 상태이구요. 여기까지 글을 쓰는 동안 quickpwn으로 해야하는 DFU모드로 들어가는 전 단계 작업까지 마무리가 되었네요.

방금 DFU모드로 진입하는 과정을 하고 왔는데요.(현재 기다리는 상황) 이거 은근 뭔가..스릴있군요. ㅎㅎ 홈 버튼과 슬립버튼으로 뭔가를 조작 한다는 느낌이 마치 어떤영화에서 어떤 씬을 방불케 하는군요..ㅋㅋ

오..스릴~

음! 방금 정확친 않지만 quickpwn이 해킹된 펌웨어를 입히는 과정이 완료가 된 것 같습니다. 강좌에선 이제 안정화 과정 이라는군요.

터치에서 몇가지 설정을 완료한 후 설치되어 있는 cydia를 실행 시켰습니다. 뭔가를 하고 있군요.

오늘따라 묘하게 로딩 이미지가 즐거워 보입니다.

reorganizing이 완료 되니 자동으로 cydia가 종료 되네요. 강좌대로 다시 cydia를 실행 했습니다.

안정화를 위한 일련의 어플들을 다운로드 하는 곳인 듯 보입니다. 전 cydia가 로컬에서 돌아가는 해킹만을 위한 단일 어플인줄 알았는데 전혀 아니더라구요. 완전 app store랑 판박이더군요.. 앱스토어 어둠버전이라고 해야 하나요..;

재실행 하게 되면 알아서 필요한 업데이트를 찾아 주더군요. complete upgrade를 선택했습니다.

컨펌 하라는군요! 저도 언젠가 컨펌 할 수 있는날이..ㅋ

열심히 달리고 있습니다. 어젠 술로 밤새 달렸다죠..-_-;

개인적으로 이런 추억의 UI를 선호합니다.
리눅스나 도스의 CUI가 뭔가 로망이지 않나요?

마지막인 단계인 위 과정이 마쳐질때까지 기다린 후 터치를 재부팅 했습니다. 여기까지가 해킹의 마지막 이네요. 별 문제가 없다면 성공했다고 해도 무방한것 같아요. 물론 저는 강좌 고대로 따라해서 그런지; 별 문제 없이 해킹에 성공 하였습니다. 20분도 채 안걸린것 같네요. :)

강좌에선 크랙 어플을 삽입하기 위한 방법도 설명하고 있긴 하지만 요건 생략 하도록 하겠습니다.

강좌설명에 덧대자면, 저같은 경우 크랙 후 크랙된 ipa파일을 어떻게 터치에 넣어야 할지 몰라 좀 헤맸었습니다. -_-; 헌데 의외로 간단하더군요. iTunes를 실행 시켜서 좌측 사이드바에서 응용프로그램을 선택 후 그쪽에 ipa파일을 끌어다 놓으면 됩니다. 더 간단하게는 ipa파일을 그냥 윈도 탐색기에서 더블클릭하면 됩니다. 후에 동기화를 하면 터치에 어플이 설치가 됩니다. 헌데..저만 몰랐던 걸까요?@_@

이상 흥미로원던 실시간 체험? 후기였습니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

보솜이 2009

2009-06-02T17:05:12+09:00

지난주 금요일 대한펄프 브랜드 보솜이 웹사이트를 리뉴얼/오픈 했습니다. 제작년 5월에 오픈하여 2년여동안 운영되어 온 보솜이는 제가 지금 다니고 있는 회사의 큰 경험치 중 몇 안되는 대규모 프로젝트 입니다.

C2팀과 전략기획팀 그리고 개발팀 전원으로 TFT를 구성하여 많은 야근과 철야를 보상으로 공들여 구축해 낸 작품입니다.

프로젝트의 진행 중점은 이전 보솜이에서 시행착오로 겪은 운영의 롤을 최대한 개선하는 것과 부족했던 컨텐츠 보강, 유저간의 커뮤니케이션 확장 및 개인화 서비스 제공, 유저의 참여공간 확대 정도로 볼 수 있겠네요.

전 크게 ajax를 이용한 단위 서비스 모듈 개발과 각 페이지의 sub index 및 랭킹, poll 서비스(리플만만), 플래시 컨트롤 부분, 그리고 사이트 흐름에 필요한 서버/클라이언트단의 공통적인 단위 컴포넌트 개발을 맡았습니다. 팀장님이나 과장님이 제 개발 스타일에 크게 터치를 하지 않아주셔서(^^;) 하고프자 했던 것들을 많이 해 볼수 있었습니다. 그런 면에서 jQuery를 많이 공부 할 수 있어서 좋았고 또 새로운 공용 DB 관리 모듈도 무척이나 흥미로웠습니다.

다만 좀 아쉬웠던 것은 사이트가 생각만큼은 기획 의도대로 녹지 않은듯 보이는 점과 사용자 접근 측면에서 놓친 몇몇 부분 등이 있다는 점. 개발을 진행 하면서 의아해 했던 부분들이 더럿 있었으나 그때 그때 상황을 피력하기엔(개발스펙상) 너무 늦은 상태일때가 많았다는 안타까움이..ㅠ

어찌 보면 그런 부분들을 메우기 위해 지금까지도 눈에 잘 띄지 않는 버그들을 찾아 지속적으로 모니터링 하고 통합 테스트 보고서의 내용들을 하나하나 훑어가면서 디버깅 중입니다. 아마 이번주까진 거의 다 잡아야 겠죠?

근 몇년간 없었던 큰 프로젝트에 참여하게 되어 참 뿌듯했고요. 벌써부터 다음 플젝에 살~짝 설레이기도 합니다.

- 프로젝트명 : 보솜이 2009
- 런칭일 : 2009/04/17
- URL : http://www.bosomi.co.kr/

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

ASP/검색API - UTF-8 인코딩 및 이미지 깨짐 문제

2009-06-12T09:50:51+09:00

- 네이버 OpenAPI 공식 까페 에 포스팅 한 글 입니다.

안녕하세요?

웹에이전시에 몸담고 있는 평범한 개발자 입니다.

몇달전 쯤 관리하는 사이트에 naver open api로 검색기능을 추가하는 작업이 있었습니다. 기획팀장님께서 이런 매쉬업류 서비스에 관심이 많으셔서 개발에 들어가기 전 선행 되어야 할 작업은 미리 선행이 되어 맘편하게 개발을 했었습니다. (오픈api와 제휴 등)

개발 자체는 어려운게 아니었으나 이상하게 생각치도 못한 문제들이 많이 튀어 나왔었드랬죠.그 중 가장 크리티컬했던 두 문제에 대한 에피소드와 해결 방법을를 다루고자 이렇게 글을 씁니다.

1. 인코딩 문제

개발에 착수하여 작업물들을 개발서버에서 작업 후 실서버에서 테스트 해보려고 업로드 한 뒤 검색을 해 보았습니다. 헌데, 정상적인 결과물이 아닌 이상한 결과물들이 화면을 덮고 있었죠..

가 령, '컴퓨터' 라는 키워드로 검색을 했다면 '컴퓨=0' 이런 식으로 검색이 되는겁니다. 이상하다 싶어 다른 단어로 검색을 했는데 전부 비슷한 패턴으로 검색이 되는것이었죠. 혹시나 해서 영문으로 검색을 해 보았더니 잘 되는겁니다.(패턴이 비슷했던걸 보아하니 URL에 파라메터로 물고가는 녀석들이 겹쳐서 저런 문제가 생긴 듯 합니다.)

며칠있다 오픈인데 이런 황당한 문제를 겪게 되어 다급해지기 시작했고, 쓸 수 있는 방법을 총 동원해 보았지만 해결책은 쉽사리 나오지 않더군요. 혹시나 하는 생각에 헤더의 contenttype, 파일 자체 인코딩방식, 코드페이지 등..별의별짓을 다했으나 먹히지 않더랍니다.

그 러다 불현듯 UTF-8로 문자를 변환해서 쿼리를 날리자 라는 생각에(레퍼런스에 명시되어 있었지만 query=컴퓨터 로 해도 결과가 나왔었어서orz) 케릭터셋을 좀 팠습니다. 헌데 이거 변환 해주려면 아스키코드 패턴에 정규식도 알아야될 것 같고 시간적으로 여유가 없어서 컴포넌트를 찾던 도중 아주 훌륭한 컴포넌트를 발견하여 해결을 보았습니다.(asp는 이럴때 참 우울하더라고요..php만 봐도 기본적으로 지원해 주는 함수가 수두룩한데 asp는 거의 만들어서 써야 한다는..-_-)

URLTools.asp 라는 컴포넌트 입니다.
출처 : http://www.egocube.pe.kr/

사용법은 간단합니다. 우선 URLTools.asp를 인클루드 하고 URLEncodeUTF8(query) 쓰면 끝..;

입력 받을 쿼리가 간단하게 URF-8로 인코딩되어 날라가서 정상적인 결과물들이 반환되는 모습을 보고 훈훈함과 동시에 제작하신 분께 감사한 마음을 느꼈죠..ㅎㅎ

2. 이미지 깨짐 문제

오픈 며칠 전 이것 저것 테스트를 해보던 도중 특정 검색어 검색 시 이상하게 이미지중 일부 혹은 대부분이 깨지는 문제를 겪게 되었습니다.

이건 도대체 뭘까 하고 이 까페에도 질문을 올렸던 기억이 납니다만, 당시에 asp로 개발하시는 분들은 별로 없었는지 뚜렷한 해결책을 찾지 못했었습니다. 그 중 ones100라는 분이 리플을 남겨 주셨었는데 php의 경우 fopen() 함수를 쓰면 된다고 하셔서 냅다 fopen 함수를 파 보니 스트림으로 파일을 데려오는 녀석이더군요.

저는 회심의 미소를 지으며 adodb.stream을 떠올렸습니다. 이놈은 로컬 경로만 지원할거란 자명한 사실을 망각한채 코드 몇줄 짜놓고 보니 아뿔싸.. 외부 url은 불러오지 못하는 거였죠..

키보드 던졌습니다.

밖에 나가서 담배 한대 물고 고민 하던 중 황당한 방법이 머릿속에 떠올랐습니다. XMLHTTP로 데려와서 binarywrite로 하면 될까? 라는 생각에 냅다 자리에 않아서 코딩했습니다. 그때 코딩한게 이겁니다.

<%
URL = request.querystring("url")
Response.ContentType = "image/jpeg"
Set xmlHTTP = Server.CreateObject("Microsoft.XMLHTTP")
xmlHTTP.Open "GET", URL, false
xmlHTTP.Send(null)
response.BinaryWrite xmlHTTP.ResponseBody
Set xmlHTTP = nothing
%>

이 놈을 서버에 올리고 기존 <img> 태그에 다이렉트로 물려 있던 url을 저 파일에 태워서 돌려 보았습니다. 수도 없이 엑박을 외쳐대던 이미지가 주루룩 뜨는겁니다. 탄성과 환호를 외쳐대다가 과장님한테 한소리 들었던..흠흠; 아무튼..-_-; 이렇게 해결을 보게 되었습니다.

오랜만에 들어와서 요런 글 남기자니 쑥쓰럽네요..ㅎㅎ 사실, 언젠가는 쓰려고 했었는데 여차저차 핑계로 요까지 미루게 되었네요. 근무중이긴 하지만..-_- 삘 받을때 삘 받은 일을 해야 직성이 풀리는 성격이라..-0-;

그럼, 많은 분들께 도움 되길 바랍니다. 화이팅~

URLTools.zip

P.S : 첨부한 URLTools.asp에 UTF-8인코딩 외에 디코딩 및 일반 URL엔코딩/디코딩 함수도 포함되어 있습니다..

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

DebugBar & IE Developer Toolbar

2009-06-02T17:04:08+09:00

최근 DebugBar 라는 익스플로러 전용 플러그인을 알게 되었다. DOM 및 스크립트 위주의 강력한 디버깅 기능을 제공하는 이 플러그인을 알기 전까지 M$에서 제공한 IE Developer Toolbar(이하 IEDT) 라는 플러그인을 사용 했었다. 이제는 쓰지 않는 것 처럼 얘기가 됐는데 사실 둘을 병행해서 쓰고 있다. 페이지상에서 보여주는 부분(DOM 객체를 마우스 클릭만으로 찾아내 주는 기능과 화면의 객체들을 선으로 표시해주는 기능은 정말 매력적이다)은 IEDT가 좀 더 유용하고, 스크립트 디버깅 위주로는 디버그바(자바스크립트 디버깅 콘솔, 필요한 DOM객체 소팅)를 이용한다. 물론 두 녀석을 같이 띄워놓고 사용하는것도 가능하다. 이 외에도 부수적인 기능들이 참 많은데 익스플로러의 창을 일정 해상도로 리사이징 해주는 기능이나 화면에 자(ruler)를 표시해주는 기능, color picker, HTML/CSS Validating, 자바스크립트나 CSS를 해제하는 기능 등등 무수히 많다.

프로그램 특성상 비교하기 좀 에메하긴 하지만 HTTPWatch나 Fiddler도 꽤 유용하다고 생각되나 기능상 겹치는 부분도 많은 것 과(사용 편의성이나 UI의 차이 등) 실제로 사용해본 결과 디버그바나 IEDT가 더 활용도가 높았다.

웹 개발자라면(굳이 개발자가 아니어도) 하나쯤은 써보는것도 나쁘진 않을 것 같다. 이미 쓰고 있다면야 노 코멘트~

DebugBar와 IE Developer Toolbar를 병행 실행한 IE

iedevtoolbarsetup.msi

install-debugbar-v5.1.1.exe

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

웹표준의 필요성

2009-06-02T17:04:17+09:00

웹표준을 기준으로 사이트를 구축하는 것은 지금 상황에서는 현실적으로 다소 어려워 보이는 일입니다. 현재도 그것을 잘 지키는 사이트가 그닥 많지는 않습니다.

오늘 웹표준 공부를 위해 많은 웹에이전시의 사이트와 구축한 사이트들을 돌아 다녀 봤는데요. 에이전시의 규모나 사이트의 규모와는 웹 표준이 지켜지는 것과는 전혀 상관이 없는 듯 합니다. 큰 에이전시라고 해서 웹표준을 지키면서 사이트를 구축하는듯 보이진 않았고, 작은 에이전시라고 해서 웹표준을 지키지 않진 않더군요.

많은 부분에서 하느냐 마느냐의 변수가 있겠지만 뭔가 적극성의 문제인 것 같기도 하고.. 아님 현실적인 문제인 것 같기도 하고요..^^;

그렇다면 적극성이건 현실성이건 간에 뭔가 걸리는게 있어서 안한다는 얘기인데 왜 웹표준을 하느냐? 라고 물어 온다면 거기에 대답해 줄 수 있는 좋은 문장이 여기에 있습니다.

'웹사이트를 방문하는 사람들이 모두 동일한 운영체제와 브라우저를 사용하고 자바스크립트를 사용 가능한 환경에 있는 것이 가장 이상적일 것이다. 즉, 핸드폰 같은 모바일 장치로 웹사이트에 방문하는 경우는 없다고 가정하면 문제는 아주 간단해진다. 하지만 이는 마치 장님에게 스크린 리더가 필요 없다는 것과 마찬가지 얘기다.' - javascript for web2.0 발췌

end-user의 운영체제가 윈도일거란 보장은 어디에도 없습니다. 브라우저가 익스플로러란 보장도 당연히 없지요.

회사 입장에서의 궁극적인 목적이 클라이언트 일지도 모르지만 잠재적인 중요한 목적으로 다들 아시다시피 최종 사용자가 사이트를 편하게 브라우징 하게 해줘야 한다는 점입니다. 또한 클라이언트 역시 사용자가 될 수 있다는점.

사이트를 아무리 공들여 만들고 열심히 만들었다 한들 이용하는 사람이 불편하다고 느끼면..그건 이미 사이트의 역활을 갖지 못한 사이트겠죠.

그렇기 때문에 UI, UX를 중요시 여기고 RIA가 뜨고 있는 것 일지도 모르겠습니다.

이런 이유로 W3C(World Wide Web Consortium)에서 웹표준에 관련된 기준들을 규정하기 시작했고((X)HTML, CSS 등) 몇몇 발빠른 에이전시 혹은 블로거들은 웹표준을 실무에 적용하고 그 중요성을 알리려 노력하고 있습니다.

http://ilmol.com/wp/ - 웹표준, CSS를 다루는 일몰님의 블로그
http://hooney.net/ - 웹표준과 접근성에 대한 자료를 다루는 후니님의 블로그
http://ani2life.egloos.com/ - 웹표준에 관한 좋은 글을 접할 수 있는 어느 개발자분의 블로그

그렇다면 웹표준을 지킴으로써 발생하는 시너지는 무엇이 있느냐? 라고 물으신다면 다음과 같이 대답해 드릴 수 있습니다.

코드 정리가 쉽고 줄 맞춤의 소지 대폭 축소
-> 쓰는 태그가 별로 없기때문에 줄맞춤 시간을 대폭 줄일 수 있음
유지 보수의 용이함
-> CSS를 제어할 줄 알면 개발이슈를 제외한 대부분을 제어 가능
접근성이 높아짐
-> W3C 표준안 기준에 맞춰 만들기 때문에 어느 플랫폼에서건 잘 보임

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

트랙백 구현기

2009-06-12T09:51:02+09:00

평소에 관심이 있던 웹2.0의 키워드 중 하나인 트랙백을 ASP로 구현하게 되었습니다. 관심도 있었던데다 때마침 과장님께서 과제로 내주셔서 짬짬히 시간내어 만들어 보았습니다. 며칠전까지만 해도 트랙백의 구조조차 이해하기 힘들었는데 이제는 로직이 머릿속에 딱딱 떠오르는군요..ㅎㅎ;; XML덕에 처음에 이해하느라 고생좀 했지만; 후에 관련 자료를 찾아보고 구조를 이해하니 의외로 간단했습니다.

먼저 제 블로그에 올린 글 중 일부를 발췌하여 트랙백에 대해 간단히 설명을 드리자면..

-----------------------------------------------------------------------------------------
A와 B가 있다고 가정을 하겠습니다.
A는 자신의 블로그에 새로나온 게임에 대한 글을 올립니다.
B는 A의 블로그를 방문하다 A의 새로운 게임에 대한 글을 보게 됩니다.
이때 B는 A의 글에 부족한 부분 또는 좀 더 관심있는 부분(혹은 의견교류를 위해)에 대해 자신의 블로그에 글을 쓰고 자신의 글에 A의 글을 걸고싶어 합니다.
B는 자신의 블로그에 가서 글을 작성하고, 작성중 트랙백란에 미리 A의 글에 있던 트랙백주소를 쓰고 글 작성을 마무리 합니다.
이제 A의 글에서 B가 A의 글을 트랙백한 것을 확인할 수 있고 서로 좀 더 원활한 정보 교류를 할 수 있게 됩니다.

(서로 트랙백을 거는 것도 가능)
-----------------------------------------------------------------------------------------

A가 쓴 글에는 트랙백 주소가 있겠죠? 당연히 B가 글을쓰면 B의 글에도 트랙백 주소가 생깁니다.

위의 예를 들어 B가 A의 글에 트랙백을 건다고 가정해 봅시다.

1. B는 A의 트랙백 주소를 자신의 글에 적용합니다.

2. 이때, B의 트랙백핑이라는 녀석이 A의 트랙백 주소를 추적합니다.

3. 주소를 추적하기전 B 글의 다음과 같은 내용을 POST형식으로 가져갑니다.

(아래의 명칭들은 일종의 규약으로 정보를 보내는데에 쓰이는 변수들 입니다.)

url -> B가 작성한 글의 주소

blog_name -> B의 블로그 이름

title -> 글의 제목

excerpt -> 글의 내용

4. B의 트랙백핑이 A의 트랙백 주소에 도달했을 때 A의 트랙백 주소가 올바르다면 DB에 B에서 전해져 온 POST정보를 저장한 뒤 자신의 트랙백 주소가 올바르다는 것을 B의 트랙백핑에 다음과 같은 XML 메세지를 반환합니다.

<?xml version="1.0" encoding="iso-8859-1"?>
<response>
<error>0</error>
</response>

A의 트랙백 주소가 올바르지 않거나(B의 트랙백 핑이 처리) B에게서 온 POST정보가 잘못되었다면(A의 트랙백 받는 파일이 처리) 올바르지 않다는 XML메세지를 다음과 같이 반환합니다.

<?xml version="1.0" encoding="iso-8859-1"?>
<response>
<error>1</error>
<message>에러의 내용</message>
</response>

상기 명시된 XML 메세지도 일종의 규약이라고 보시면 됩니다. 에러의 내용 정도는 어떻게 처리하느냐에 따라 바꿀 수 있지만 에러부분의 0, 1은 그대로 두어야 합니다.

5. 이제 B의 글이 A에게서 전달받은 트랙백 핑은 두가지의 경우로 나뉩니다. 에러(에러의 경우는 몇가지 있을수 있겠죠?)와 성공..

이걸 사용자에게 출력해주는 식으로 처리해주면 끝입니다. (<error>0</error>이면 성공 메세지 출력, <error>1</error>이면 에러 메세지 출력)

이와 같은 구조를 직업 그림으로 그려 보려고 했는데 마침 정말 잘 설명된 그림이 있어 첨부합니다.

그림출처 : nzeo.com / TheMics님

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

트랙백 이해하기

2009-06-12T09:52:37+09:00

태터를 접하고 나서 가장 이해하기 난해했던 부분이 트랙백 이었습니다.

알고나니 별것 아닌데 알기 전까진 무진장 헷갈렸더랬죠;

간단하게 말씀드리면 트랙백은 상대와 나 사이의 관심사를 이어주는 어떤 도구 정도로 보시면 될것같습니다.

바로 설명 들어갑니다.

-----------------------------------------------------------------------------------------
A와 B가 있다고 가정을 하겠습니다.

A는 자신의 블로그에 새로나온 게임에 대한 글을 올립니다.

B는 A의 블로그를 방문하다 A의 새로운 게임에 대한 글을 보게 됩니다.

이때 B는 A의 글에 부족한 부분 또는 좀 더 관심있는 부분(혹은 의견교류를 위해)에 대해 자신의 블로그에 글을 쓰고 자신의 글에 A의 글을 걸고싶어 합니다.

B는 자신의 블로그에 가서 글을 작성하고, 작성중 트랙백란에 미리 A의 글에 있던 트랙백주소를 쓰고 글 작성을 마무리 합니다.

이제 A의 글에서 B가 A의 글을 트랙백한 것을 확인할 수 있고 서로 좀 더 원활한 정보 교류를 할 수 있게 됩니다.(서로 트랙백을 거는 것도 가능)
-----------------------------------------------------------------------------------------

타인이 자신의 게시물에 트랙백을 걸었는지 확인하는 방법은 두가지로, 첫번째로 관리자 화면에서 글 메뉴의 걸린글(트랙백)에서 확인 하실 수 있고, 두번째로 자신이 쓴 글에 트랙백이 걸려있다면, 트랙백 주소가 표시되는 부분에 상대방의 블로그이름과 글제목, 내용 등이 표시됩니다.

태터툴즈의 경우에는 새 글 작성시 트랙백 주소를 입력하는 공간이 없었기 때문에 다들 혼동하셨으리라 생각됩니다. (저역시 무지 헤맸다죠;)

태터툴즈는 글을 작성하고나면 글머리 부분에 트랙백을 걸 수 있는 버튼이나 메뉴가 있습니다.

이쪽에 걸고싶은 상대방의 주소를 넣어주면 되는거지요.

아래 링크에서 좀 더 상세한 설명을 참고하실수 있습니다.

> TheMics 님의 트랙백 구현하기 <

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.