양파맨의 겨울나기

Nest Learning Thermostat EU버전 설치기

onionmen — Thu, 24 Dec 2020 12:55:02 +0900

(Nest 의 정확한 명칭은 "Nest Learning Thermostat" 이다.)

NEST 온도 조절기를 알게 되고, 예쁜 디자인에 끌려 집에 꼭 설치를 해야 겠다고 마음 먹었다.

0. 설치 가능성

지금 살고있는 집은 경동 가스보일러이고, 여러 선구자들의 게시물을 검색 해보면 어찌어찌 설치가 가능할 수도 있을것 같았지만 전세로 살고 있는 상황이라 수고를 들이기 귀찮았다.

이번에 이사를 가게 되어 다시한번 Nest 설치의 꿈을 꾸게 되었고, 마침 이사를 갈 곳이 지역난방으로 일반 가스/기름 보일러보다 설치 난이도가 훨씬 쉬웠다.

지역난방은 온도제어기가 구동기에게 신호를 보내 난방을 할지 말지 결정하는 방식으로 구동기만 제어할 수 있다면 매우 간단한 작업이다.

이번에 NEST 설치를 위해 공부 하면서 지역난방의 난방 방식과 구동기 라는 기기에 대해 알게 되었는데, 간단히 설명 해보면 다음과 같다.

지역난방은 부근의 지역 난방 공사에서 계약된 지역으로 엄청 뜨거운 온수를 쏴주고, 그 물을 난방수로 사용하는 방식이다. 때문에 배관만 있다면 별도 보일러 설치가 필요 없다.

구동기는 위와 같이 전달된 온수를 우리 집으로 받아들일지 말지 결정하는 일종의 스위치 이다. 구동기를 열면 물이 들어오는거고, 구동기를 닫으면 물이 안들어오는 구조이다.

온도조절기는 현재 온도가 설정된 온도보다 낮으면 구동기를 열고, 그 반대면 구동기를 닫는 아주 심플한 역할을 한다.

1. Nest 버전

NEST는 미국 버전과 유럽 버전이 있는데 나는 유럽 버전을 선택 했다.

미국 버전은 냉방을 컨트롤 할 수 있지만 전압이 다르기 때문에 별로 릴레이를 구매하여 사용해야 하고,

유럽 버전은 냉방 컨트롤은 불가능 하지만 한국과 전압이 같고, 히트링크 라는 추가 구성품을 제공하여 설치가 좀 더 용이하다. (내 기준)

냉방은 내 실력으로 연동이 불가능할 것 같고, 전압 신경쓰기 싫고 히트링크로 무선연결도 할 수 있으니 그냥 유럽 버전으로 가보자 하여 유럽 버전을 선택했다.

2. 구동기

NEST 와 호환이 된다고 알려진 구동기는 하니웰사의 MC2000 제품과 지맨스사의 SSK21 이다. 둘 다 360도로 돌아가는 구동기이며 3선 방식이라 결선도를 보고 결선만 하면 된다.

결선도 참고

3. 설치기

일단 집 구조를 점검하였다. 다른집들과 비슷하게 싱크대 밑에 배관이 있었고, 각방 온도 조절장치를 통해 제어를 하는 듯 하였다. 각 방의 온도 제어기를 켜서 어느 구동기가 어느 방을 담당하는지 체크해봤다. 이상하게 남쪽 방 두개로 가는 배선과 구동기를 찾을 수 없었는데, 한 개 구동기가 여러개 방을 담당하나보다 하고 대수롭지 않게 넘겼다. (이러면 안되었는데..)

일단 각방 제어 구조라면 선택을 해야 한다.

각방 제어를 포기하고 온도를 중앙(거실)에서만 관리하는 방식으로 하여 거실에 NEST를 설치 한다.
각방 제어를 유지하면서 각 방 온도조절기를 모두 NEST 로 변경한다.

이 두 가지 방식은 장단점이 너무나 분명한데, 1번 방식은 비용을 아낄 수 있지만, 방마다 온도 편차가 생길 가능성이 있고, 2번 방식은 Nest 구매에 초기 비용이 많이 들어간다.

우리집은 각방 제어를 제대로 활용하려면 Nest 를 총 다섯 대 구매해야 한다. 그 정도의 가치는 없다고 판단 하고 1번 방식으로 결정하여 Nest 를 한대만 구매 하였다. (2번 방식은 등짝 스매싱이 발생될 수 있다.)

영국 아마존에서 한국 직배송으로 주문 하였고, 배송까지 긴긴 시간을 기다렸다.

배송을 기다리는 동안 보일러 배관을 어떻게 해야 할지 고민이 있었다.

일단 중앙 컨트롤을 위한 배관 공사가 필요한데,
를이 위해 배관공을 불러야 한다.
배관공을 어떻게 불러야 하지?
철물점에 이야기 하면 될까?
배관 청소 하는 분을 불러서 청소와 함께 부탁 드려볼까?
비용은 얼마나 나올까?
귀찮고 비용 들어갈것 같으니 걍 거실만 바꿔야 겠다.
히트링크와 구동기는 어떻게 연결하지?
온도 조절기는 또 어떻게 연결해야 하는거야 와 같은 의식의 흐름대로 생각하며 시간을 보냈다.

일단 배관 교체는 배관공을 불러야 해서 귀찮으니 거실에만 설치 하기로 마음 먹었다. 그리고 이것저것 점검 하는 도중에 첫 번째 문제가 발견 되었는데, 바로 거실에 난방수를 보내는 구동기가 두 개 라는 점 이었다. 온도조절기 <-> 구동기가 1:1로 구성된 형태를 생각 했는데 얘는 온도조절기 한개와 구동기 두개의 조합이었다.

히트 링크 하나와 구동기 두개를 병렬로 연결하면 안될까? 하여 이래저래 구글링 해보니 그럴 경우 구동기가 오작동을 일으킨다는 글을 발견하고는 좌절을 겪었다.

결국 중앙 컨트롤로 가자 라고 다시 변경하고 배관공을 찾던 와중 두 번째 문제가 발견 되었다. 우리집은 난방 배관이 한 세트가 아니라는 점 이었다.

보통 싱크대 밑에만 배관을 두고 거기서 모든 구역으로 난방수를 보내게 되는데, 우리집은 난방수를 보내는 배관이 구석 침실쪽에 하나 더 구성되어 있었다.

아파트는 처음 살아봐서 이런 구조가 있을 거라고 생각도 못했기에, 혼란이 오기 시작했다.

(싱크대의 배관세트와 남쪽 침실의 추가 배관세트)

이렇게 되면 거실만 설치하는 것도 불가능 하고, 중앙에서 모든 난방을 제어하는것도 불가능해진다. 어떻게 거실만 설치 해볼까 해서 히트링크에 구동기 두개를 연결 해보려고 했는데, 세 번째 문제가 발견 된다.

나뉘어져 있는 배관세트에서 각각 거실로 난방수를 보내고 있는 것이었다. 그러니까 거실 온도 조절기 한 개가 구동기 세 개를 한꺼번에 제어하는 것이었고, 그 제어 되는 구동기는 싱크대 밑에 두 개, 구석 침실쪽에 한 개 이렇게 따로따로 떨어져 있었다.

이 때 NEST 는 한국에 도착하여 세관 통과 중이었는데, 제품 수령의 기대감을 느끼지도 못하고 과장 조금 보태 절망적인 마음 이었다.

일단 이러한 구성에서 중앙 컨트롤은 불가능 하다. 한 곳에서만 제어를 하게 되면 다른 한 곳은 배관을 매번 열어두거나 매번 닫아둬야 하기 때문이다. 그렇다고 거실에 온도조절장치를 두 개 달고 운용 하는것도 너무 이상한 그림이 되고 말이다.

이렇게 된 이상 또 한 번 선택을 해야 했다.

한 개 방만 선택하여 Nest 를 설치한다.
미개봉 제품으로 중고나라에 판매한다.

게다가 이 때는 지맨스 SSK21이 호환된다는 보장이 없어서 하니웰 MC2000 구동기를 따로 주문 해둔 상태였고, 마침 배송중이었다. 이거 손해가 이만저만이 아니겠구나 라는 생각과 어떻게든 NEST 를 설치하고 싶다는 생각이 합쳐져 결국 서재방 에만 Nest 를 설치하기로 결정 하였다.

구동기 교체는 몽키스패너 하나로 그리 어렵지 않은 작업이었고, 다행히도 지맨스와 하니웰 구동기의 인서트 배관 사이즈도 맞았다. 설치 후 정상 구동 확인하였고, 이제 도배 마감만 기다리고 있다.

조금씩 투자하여 각방 온도제어기를 NEST 로 바꿔나갈 생각이다. 이제 고민은 거실에 나뉘어져 있는 구동기 세 개를 하나의 NEST 온도제어기에서 제어하는 방법을 찾는 것이다.

어차피 릴레이에 신호만 쏴주면 되니 히트링크 두 개를 하나의 온도 제어기에 연결 하면 가능할 것도 같은데 일단 히트링크 두개를 구할 수가 없고, NEST 를 다시 구매 하자니 확인도 안된 내용에 너무 큰 투자인것 같아서 일단 보류 중이다.

미국향 NEST 에 릴레이 두개를 구매하여 비슷한 방식으로 시도 해볼까도 고민 해봤는데, 일단 당분간 온도조절엔 돈을 그만 쓰기로 하였다.

나중에 안방에 Nest 를 설치할 생각이 든다면 그 때 거실에 히트링크 연결을 시도 해보고 다시 후기 남기겠다.

도움받은 블로그

https://blog.naver.com/fuls

나와 매우 비슷한 상황(지역난방에 유럽향) 이라서 정말 큰 도움이 되었다.

블로그에 상세한 설명이 되어 있어서 몇 번 정독 하면서 해답을 찾았다.

얼룩

onionmen — Thu, 30 Mar 2017 22:21:00 +0900

나에 대한 최초의 기억은 7살 체육관을 다닐 때의 기억이다. 체육관 재롱잔치에 참여하여 부모님, 친구들 앞에서 재롱을 부려야 했었는데, 도저히 용기가 나지 않아 체육관을 빠졌었다. 결국 다음날 억지로 끌려간 체육관에선 선생님이 각목으로 내 배를 찌르며, 왜그러냐고 혼을 냈었다.

물론 이 기억 외에 밥솥 증기가 나오는 부분에 손바닥을 올렸다가 심하게 데이고 엄마에게 엄청 혼이 났던 기억이 있다. 이 기억이 7살, 그러니까 체육관의 기억 이전 인지 이후 인지 알 수가 없으니 체육관의 기억이 처음이라고 믿는다.

일곱살 이전의 기억은 없으니 나의 온전한 삶은 일곱살부터 시작 되었다고 볼 수 있다. 그로부터 15년 쯤 뒤에 널 처음 만났고, 28년 째 되는 지금까지 너와의 인연을 이어가고 있다. 기억의 시작으로부터 1/3이 넘는 시간을 함께한 너는 부모남매를 제외하고 나와 가장 긴 시간의 인연을 맺은 사람이다.

컵 안에 물이, 그 물이 그냥 물이라면 쏟아져도 마르길 기다리면 그만 이지만, 컵 안에 든 물이 물감 풀은 물이라면, 페인트 였다면 아무리 닦아내도 얼룩이 남기 마련이다. 나에게 투명한 물이었던 너의 모습은 시간이 지나면서 점점 더 진한 색으로 변해갔고, 그게 나의 마음에 쏟아져 아무리 지워도 지워지지않는 얼룩으로 남게 되었다.

넌 나에게 점점 더 진한 색이 되어 가고, 나도 너에게 조금씩 진한 색이 되어 간다고 그렇게 생각한다. 서로에게 아주 진한 색이 되고, 그 색이 섞여서 마지막 말랐을 때 아주 예쁜 얼룩으로 남을 수 있었으면 좋겠다.

실패경험

onionmen — Wed, 9 Dec 2015 01:27:13 +0900

회사 일을 하면서, 프로젝트에 대한 걱정을 크게 해본적이 없다. 뭘 모르는 꼬꼬마 시절엔 이러다 큰일 나는거 아닌가? 라는 막연한 걱정을 하곤 했지만 곧 정상화 되는 모습을 보면서 내 걱정은 쓸데없는 것이구나 라는 상황에 학습되어 왔다.

이런 과정을 7 년 정도 거치면서 난 뭐든 다 잘 될거란 생각을 하게 되었던 것 같다. 이번에도 걱정은 조금 있었지만, 잘 될 것이라는 큰 기대감이 있었다. 아직도 난 이게 실패라는 생각에 동의하지 못한 상태지만 밖에서 볼 때 실패인 것 같다.

다 잘 될 거라는 막연하지만 강했던 기대감은 날 조금 느슨하게 만들었다. 내가 해야 할 역할에 대한 이해도 부족했었고, 다른이의 실수를 최소화 하게 하기 위한 노력도 없었다. 했어야 했는데 하지 못하였고 막았어야 했는데 막지 못했다.

실패 경험은 필요하다. 이를 위해 굳이 실패를 만들 필요까진 없지만 어떤 상황에서건 실패 경험이 있다는건, 그건 다시 얻기 쉽지 않을 값진 경험이다. 다시 한번 비슷한 상황에 놓이게 된다면 당연히 그래야겠지만 좀 더 잘할 수 있을 거란 생각이다.

무색

onionmen — Sat, 10 Jan 2015 23:23:19 +0900

만난지 4년 7개월 되던 그 날, 0.8 정도일 줄 알았던 그녀의 시력이 0.2 정도 라는걸 처음 알았다.

처음엔 시력이 0.8 정도는 될 거라 생각했다. 안경을 쓰지 않아도 어느 정도 보인다고 말했기에 그냥 0.7~0.8 정도 되겠지. 라고 그냥 생각했다. 그러다 어느날 "나 시력 0.2야. 몰랐어??" 라는 말을 들었다. 깜짝 놀라며 다시 한번 되묻고는 꼭 안경을 쓰고 다니라고 했다.

오 년 이상 한 사람을 만나다보면 상대방에 대한 새로운 사실을 안다는게 쉽지않다. 정말로 잘 알기 때문인 것도 있겠지만, 더 큰 이유는 잘 안다고 생각하고 멋대로 판단하기 때문이다.

꽤 많은 것들을 안다고 생각했는데, 사실 그게 아니었던거다. 늘 이렇게 방심할 때 당한다. 이런 사소한 부분들이 관계를 변화시키는 아주 작은 시발점이 아닐까 한다. 50 년을 함께 살아도 상대가 오징어 몸통을 좋아하는지, 오징어 다리를 좋아하는지 모르는게 남녀사이 이다.

너무나 명확해서 절대로 그것일 것 같은 일들도 사실이 아닐때가 있다. 그러니 억측하지말고 좋을대로 생각하지 말자. 상대방에 대해 모든것을 알 필요도 없고, 그러려고 노력하지 않아도 된다. 하지만 관심은 놓지말자. 비록 작은 관심일지라도.

처음엔 그 사람이 빨간색인줄 알고 좋아했다. 그러나 알고보니 그 사람은 파란색이었다. 전혀 다른 색을 갖고 있는 그녀를 보고 잠시 주춤했지만 좀 더 알고보니 그녀는 흰색이었다. 사실 그녀를 정의하는 색은 없었다.

RIP

onionmen — Tue, 28 Oct 2014 10:33:19 +0900

국민학교 앞에서 파는 병아리에게서 죽음보다는 귀여움을 보았던, 80년대 초에 태어난 나는 어쩌면 넥스트를 좋아하기에는 너무 어린 나이였을수도 있다.

요즈음 사람이 죽는다는 것에 대해 느끼는 감정이 조금 다르다. 주변인의 죽음은 10년 전 돌아가신 외할머니가 유일했으나, 그 때조차 죽음은 나에게 와닿지 않았다. 노무현 대통령이 서거했을 때, 나는 슬퍼했다. 감정의 소모가 심한 시기였다. 그래서인지 김대중 대통령의 서거는 외면했다.

2014년은 너무 많은 죽음을 접한 해이다. 그럼에도 나는 슬퍼하지 않았다. 경주 리조트가 무너졌을 때에는 그렇구나 라고만 생각했다. 세월호는 애써 외면했다.

그러다 내가 매일 출근하는 판교에서 사고가 발생했다. 내가 죽었을 수도 있다 라는 생각 때문인지, 아니면 사고난 사람들과 어딘가에서 한번쯤 스쳤을법 했기 때문인지 나는 다시 힘들어졌다. 그리고 신해철이 죽었다는 기사를 접했다. 심장 이상이니, 패혈증이니 아무일도 아니었을것 같았는데 아니었다.

중학생인 나에게 무한궤도 라는 그룹은 생소했다. 고등학교 시절 학교 밴드부 에서는 넥스트 노래들을 연주했다. 신해철은 거만한 사람으로 보였고, 그의 노래는 단지 노래방에서 소비되는 콘텐츠일 뿐이었다. 무한궤도는 잘 몰랐고, 밴드부와는 거리가 멀었던 나에게 그는 단지 콘텐츠일 뿐이었다.

그럼에도 그가 오래 살았었으면 했다. 적어도 이렇게 허무하게는 아니었으면 했다.

쉽게 살고싶다.

onionmen — Mon, 28 Jul 2014 11:12:44 +0900

몇 번의 어려운 결정을 내리지 못해서 쉽게 살지 못하는 것 같다

의식하게 되면 낯설어진다.

onionmen — Sat, 14 Dec 2013 21:05:11 +0900

아침에 일어나니 혀가 너무 아팠다. 잘 때, 입을 꽉 다물면서 혀에 너무 많은 힘을 주었다는 생각이 들었다. 순간 내 혀가 느껴졌고, 이 혀가 내 입안을 꽉 채우고 있다는 사실을 인식했다. 그 때 혀가 내 입에 비해서 너무 큰게 아닐까 라는 생각이 들었고, 갑자기 문득 내 혀가 낯설어졌다.

잠시동안 내 혀가 날 질식시키지 않을까 불안했다. 불안함은 오래가지 않았지만, 의식한다는건 이렇듯 낯설게 만든다. 그리고 가끔 불안하게 만든다.

의식하게 되면, 그 순간 낯설어진다. 그랬던거 같다. 자연스럽게 구성원이 되어 있었는데, 내가 나를 의식하는 순간 내가, 주변이, 주변 사람들이 낯설게 느껴졌다. 낯선 감정은 금방 사그라들었지만, 생각은 몇 개월간 내 주변을 떠나지 않고 괴롭힌다.

이번 사태의 원인은 전적으로 너에게 있다.

onionmen — Mon, 9 Dec 2013 21:07:41 +0900

문제에 직면하는 사람들은 보통 두 부류이다. 그 부류는 문제를 만든 사람과 해결하는 사람이 같은 경우, 그리고 문제를 만든사람과 해결하는 사람이 다른 경우로 나뉜다.

문제를 만든 사람이 그걸 해결해야 하는 입장이 된다면, 그건 더 이상 문제가 아닌게 된다. 하지만 문제를 만든 사람이 그 문제를 해결할 수 없는 입장이라면, 이건 이제 진짜 문제가 된다.

상당히 큰 문제를 만들었다. 굉장히 많은 사람들이 엮여 있고, 이로 인해서 많은 사람들이 고생하였다. 돈으로는 쉽게 환산할 수 없는 가치들이다. 나는 이번 문제가 잘 해결 되리라 믿는다. 지금까지 늘 그랬듯 말이다. 물론 만에 하나 이번 문제로 인해서 서비스에 큰 타격을 입는다면 나는 더 이상 이 일을 할 수 없겠지만 함께 하는 사람들이 잘 해줄 것이라 믿고 있기때문에 서비스가 망하는 일은 없을거라 확신한다.

나는 한 때 문제를 해결하는 사람이었다. 문제를 해결하는 입장에서 발생되는 문제는 극복할만 했으나, 그렇지 못한 상황에서 만들어진 문제는, 상당히 답답하다. 이번 경험에서 얻은 건, 나중에 내가 문제를 해결하는 입장이 되었을 때, 문제를 만든 사람에게 적절한 피드백을 줄 수 있을 것 같다는 것 이다.

보통 문제가 발생하면 사람들은 팩트에만 집중한다. 어떤 문제가 발생했는가? 그 문제의 원인이 무엇인가? 어떻게 처리를 해야하는가? 그리고 어떻게 처리 했는가? 대부분의 많은 사람들은 문제를 궁금해 하며, 처리 과정을 바라본다. 하지만 주변 상황까지 고려하면서 문제를 바라보지 않는다.

왜 그런 상황이 발생되었는지 배경을 찾아보고, 또 가급적이면 문제를 발생시킨 사람이 그 문제를 해결할 수 있도록 도움을 주어야 한다. 문제를 만든 사람이 직접적으로 해결 과정에 참여 할 수 없다면 그 문제에 대해서 오고가는 여러가지 상황들을 확실하게 주지시켜 어떤 상황인지 파악할 수 있게 해줘야 한다.

책임있는 사람이라면 상황을 알기 전까지 조급해하며 자신이 할 수 있는 일을 계속해서 하려 한다. 문제를 저질렀다면 책임을 지고 물러나는 것이 아니라, 그 문제를 끝까지 해결 하는 것이다. 가장 현명하게 책임 지는 방식은 바로 그 문제를 해결하는 것이다.

일을 저지르는건 실무 최전방에서 뛰고 있는 사람일 경우가 많다. 대부분 이런 사람들은, 회사에서 권한이 그리 많지 않다. 자신에게 할당된 업무를 수행하는 데에만 많거나 조금 작은 책임이 있을 뿐, 그것에 대해서 깊이 관여 할 수 있는 권한은 없다.

책임이 있다는 것 자체에 거부감을 가지는 사람들이 많다. "너한테 무슨 책임이 있냐(너 정도는 아직 책임을 질 권한조차 없다)" 라는 생각이, 나는 잘못된 생각임을 이번 상황을 통해 뼈저리게 느꼈다. 책임 이라는 것은 마음의 짐을 포함한다.

"이번 사태에 대한 원인은 전적으로 너에게 있다. 그러니 대부분을 네가 수습해야 할 것이다. 다만 네가 할 수 없는 일들에 대해서는 나를 포함한 너의 동료들이 도와줄 것이다. 그로 인해 발생되는 여러가지 정보들은 대부분을 공유 해주겠다. 그런 부분들에 대해서는 동료를 믿고 고마워 하는 마음을 가져라. 원인은 너에게 있지만 주변 상황이 충분히 그럴만한 상황이었음을 알고 있다. 너와 책임을 공유할 사람들은 첫번째로, 너와 함께 일을 진행한 실무자와 관리자이며, 두번째로는 너에게 힘이 되어 주어야 하는 상사들을 포함한 너의 동료 들이다. 당황하지 말고, 주변상황을 잘 살피면서 수습하는 일을 진행 할 때에는 최대한 협조하고, 실수가 없도록 해라. 이번 사태의 원인은 전적으로 너에게 있다. 하지만 책임은 너에게만 있는게 아니다."

나는 앞으로 이렇게 이야기 할 것이다. 당사자 에게는 마음의 케어가 필요하다. 사실 나는 정신력이 굉장히 약해서 아주 작은 일에도 엄청나게 신경을 쓰는 타입이다. 긍정적으로 생각하면 이런 사람들은 조금만 신경 써줘도 본인이 해야 할 일은 확실하게 처리할 수 있다.

과거에 이런 상황에 처했던 사람들이 생각나고, 현재 이런 상황에 처해있는 사람이 생각난다. 앞으로 이런 상황에 처할 사람은 가급적 없으면 좋겠지만, 만약 내 주변에 그런 일이 생긴다면 있다면 내가 그 사람을 위해서 내가 작은 일을 해줄 수 있을 것 같다.

티스토리 사진 공모전 - 가을

onionmen — Sat, 24 Nov 2012 03:08:21 +0900

티스토리 사진 공모전 - 여름

onionmen — Sat, 24 Nov 2012 03:05:55 +0900

티스토리 사진 공모전 - 봄

onionmen — Sat, 24 Nov 2012 03:01:18 +0900

쏟아짐.

결혼 뭐하러 하노, 도쿄 공원

onionmen — Tue, 1 May 2012 19:51:30 +0900

결혼, 뭐하러 하노?

- 법륜스님

- 정토출판

웹서핑중 가끔 상담 이야기가 보이곤 하는데, 상담 해주는 분은 직업이 스님이다. 질문과 답변을 한문장 한문장 읽다보면 상담내공이 정말 대단하구나 라고 느낀다. 게다가 즉문즉답이다. 질문을 듣고 바로 이런 이야기를 해줄 수 있다니 정말 대단하다고 느꼈고, 기회가 된다면 그 자리에 참석하고 싶었다. 그 스님의 법명은 법륜 이었고, 그 상담 내용이 책으로도 이미 몇 권 나와있다. 이 책은 질문에 대한 답변이 아니고, 스님이 했던 주례사이다. 아마 몇몇 사람들은 온라인 상에서 이미 봤을 수도 있다.

시작하기에 앞서서. 결혼생활을 하면서. 아기를 갖게된다면

굳이 나누자면 총 세가지 주제로 좋은 말씀을 해주신다. 내가 뭔가를 이야기 한다고 해서 책의 내용이 제대로 전달될리 없으니 긴 말을 하지는 않겠다.

이 책을 한권 읽는다고해서 곧바로 서로가 서로를 이해하며 행복하게 살수는 없을거다. 다만 이런 글을 읽게되는 것을 계기로 하여 서로에 대한 마음을 되돌아볼 수 있을 것이며, 먼길을 가면서 잃을 수도 있는 길에 대한 길잡이 정도는 되지 않을까 한다.

1년, 3년, 5년, 10년, 20년. 한번씩 읽어보면 그 때 마다 느끼는 생각이 다르지 않을까 한다.

도쿄 공원

- 쇼지 유키야 저 / 김성기 역

- 21세기 북스

아내를 미행하면서 사진을 찍어달라고 했던 낯선 남자와 그 이상한 부탁을 들어준 청년. 이 청년의성격에 따라서 이 소설의 장르가 결정될거 같았다.

약간은 코믹적 요소가 가미된 드라마가 그려질줄 알았는데, 굉장히 감성적인 드라마가 되었다. 일본소설은 번역서이라서 그런가 특이한 분위기가 있다. 단순히 외서의 문제만은 아니겠지만 가족사나 일반적으로 생각하는 문화가 다르기 때문에 내가 특이하게 느끼는 것일수도 있고.

이상한 의뢰를 수락하고 점점 복잡해지는 주인공의 여자관계. 전혀 상관 없을거라고 생각했던 일이 주변의 사람들에게 크고작은 영향을 끼치고, 결국 다들 한단계씩 성장한다.

공원 이라는 곳은 나이를 먹어가면서 점점 특별한 곳이 되어가는거 같다. 최근 나도 공원을 자주 가고 있다. 날이 좋은 탓도 있지만 공원에 가면 왠지 마음이 편안해진다. 물론 찍을 수 있는 피사체도 많 있어 좋다. 젊은 남성, 젊은 여성, 아이, 부부, 할머니, 할아버지, 중년남성, 중년여성, 할머니, 할아버지, 가족, 주변풍경. 모두들 아주 좋은 모델들이다.

작년 도쿄를 갔을 때, 공원에 못가본게 지금 많이 후회된다.

이사일기 & 후기

onionmen — Sun, 5 Feb 2012 13:47:03 +0900

어제 이사를 마쳤다. 집 계약이 일단락 되고나니 이제 남은건 이사였다. 내 평생 총 10번째 이사이다. 이사 때문에 스트레스 받아 웬만하면 집을 옮기지 않으려 했는데, 전에 살던집이 전체적으로 너무 비호감이라 이사를 하지 않을수가 없었다.

포장이사는 돈이 너무 들어가는거 같아서 매번 직접 짐을 싸고 용달차만 불러서 이사를 했었다. 예전에 지인분 블로그에서 예스2404 이사 후기를 봤었다. 이사업체를 추천한 글 이었는데, 주변에 이사 후기를 들어보면 불만 투성이에 업체와 싸운 이야기만 접했던 터라 신기하기도 했고, 의심이 들기도 했다.

여기서 첫번째 고민이 들었지만 마땅한 대안이 있었던 것도 아니고, 그 분이 알바일리도 없으니 나도 한번 이용해 보기로 했다. 홈페이지에 들어가니 후기가 엄청나게 많았는데, 죄다 칭찬일색인 후기들이었다. 상식적으로 후기에 칭찬만 있는게 말이 안되지 않는가. 여기서 두번째 고민을 했는데, 역시나 대안이 없었던지라 일단 견적신청을 했다.

이왕이면 돈이 좀 더 들더라도 베스트 팀이나 명예의전당 팀으로 신청하고 싶었지만 나같이 소형이사를 하는 사람들을 전문으로 하는 분들이 있다고 하더라. 두세팀 추천해주길래 제일 괜찮아보이는 팀으로 선택하였다.

견적을 내러 오셨다. 슬쩍 둘러보시더니 사다리차만 부르면 될 듯 하다고 하시고 대략적인 금액을 말씀 해주셨다. 기존에 하던 이사비용에 비해서 20만원 정도 더 들어가는것 같았지만 그 정도면 할만하다 생각해서 계약 체결 하였다.

포장이사는 처음이었던지라 뭘 어찌 준비해야 할지 몰라서 이사 전날 전화를 했다. 준비할게 따로 없을지 문의드리니, 그냥 귀중품만 챙기고 아무것도 할게 없다고 하셨다. 하나도 포장되지 않은 집안 살림을 보면서 약간 이상한 기분과 함께 잠이 들었다.

다음날 일곱시에 일어나서 혹시나 하는 걱정에 컴퓨터와 엠프, 스피커 선을 분리해놨다. 세탁기 물을 빼놔야 한다는 말을 어디서 들어서 세탁기 호스도 분리하고 물도 빼놨다. 8시가 되어서 이사를 시작하는데, 두 분이 오셔서 한분은 주방과 욕실을, 한분은 나머지 부분을 맡아서 차곡차곡 짐을 싸셨다.

잔금 받고, 잔금치루고, 여러가지 공과금 정리하느라 정신없이 왔다갔다 하는 사이에 짐 정리가 거의 끝났다. 이전 집에서 이사 준비를 했을 때에는 짐싸는 것만 꼬박 하루 정도 걸린거 같았는데, 두시간도 안걸린거 같아 왠지 조금 허탈함도 있었다.

책이 많아서 포장이나 운반에 어려움이 있지 않을까 했는데, 큰 어려움이 없었다. 아니 없어보였다. 솔직히 신경을 못써서 어땠는지 잘 모르겠다만 이사온 뒤에 정리된 책들을 보니 문제는 없어보였다. 그 배치를 다 기억하고 계셨던걸까 아니면 특별한 짐싸기 방법이 있으신걸까. 이사 전에 있었던 책 배치와 거의 비슷하게 다시 배치해주셨다.

택배로 주문한 헹거가 도착하지 않아서 옷들을 제대로 걸지 못한게 아쉬웠지만 그 외에 큰 어려움 없이 이사를 마칠 수 있어서 좋았다. 큰 일이었는데 이사짐에 대해서는 신경을 하나도 안써도 된다는 것 덕분에 이사가 작은 일로 줄어들었다.

원하는 곳에 못도 박아주시고 욕실에 선반도 설치 해주셔서 여러모로 편한 이사였다. 이사는 가능하면 다시 하고싶지 않지만 내 집이 없는 이상 어쩔 수 없이 해야 하는 일이다. 이번 이사를 계기로 다음번 이사가 있을 때에도 포장이사 서비스를 이용하고 싶다.

한가지 아쉬웠던 점은 세탁기 호스 연결이 제대로 안되어 물이 사방팔방으로 튀었었다. 호스는 꽉 조여주셨었는데, 아무래도 수도꼭지에 깊게 박히지 않은 듯 하였다. 세탁기도 수평이 안맞아서 수평 맞추는 작업을 하는데 조금 애먹었었다. 이 정도는 전체 이사에 비하면 애교수준이지만 그래도 아쉬운건 아쉬운 일.

그 외에 개인적인 생각이지만, 가능하면 소형이사라고 하더라도 도우미 아주머니도 함께 부르는게 나을듯하다. 식기도 하나하나 에어캡에 싸서 잘 챙겨주시고, 욕실용품 또한 잘 챙겨주셨지만, 아무래도 여자손과 남자손이 다른 부분이 있기에.

혼자 했으면 오늘 하루도 짐 풀고 정리하느라 하루 다 보냈을거 같다. 토요일에 이사해서 일요일을 집 꾸미는 시간으로 보낼 수 있다니, 전반적으로 괜찮은 이사였다

화차, 레슬리의 비밀일기

onionmen — Mon, 30 Jan 2012 21:28:06 +0900

화차
- 미야베 미유키 저/박영난 역
- 시아출판사

뱀이 잘못하면 죽을지도 모르는, 그런 엄청난 에너지를 소비하면서 까지 허물을 벗는 이유는 언젠가 다리가 나올 거라는 믿음 때문이란다. 다리가 있건 없건 뱀은 뱀인데. 여기 다리가 있게 보이는 거울을 팔아먹는 뱀도 있는거고, 빚을 져서라도 그 거울을 사고싶어 하는 뱀도 있는거고.
- 정확하진 않지만 어쨌든 본문 내용.

여자의 시각이 궁금하다. 비록 실제적으로 등장한 비중은 매우 작지만, 이야기에서 빠질 수 없는 큰 비중을 차지하고 있는 그녀. 그녀의 시각에서 바라본 화차는 어떤 내용일까.

첫번째 쇼코와 두번째 쇼코. 그녀들의 시선이 너무 궁금하다.

레슬리의 비밀일기
- 앨런 스트래튼
- 한길사

청소년 성장소설 이라고만 하기에는 그리 가볍지 않은 주제를 담고 있다. 결말이 아쉽긴 하지만, 미국의 십대 여자아이들에게 어떤 경각심을 일깨워 주려고 쓴 책이 아닐까 한다. 나도 나중에 혹시나 딸이 생긴다면 초등학교 다닐 시기 즈음에 읽혀주고 싶다. (엄마와 함께!!)

아, 그리고 또 한가지. 일기는 중요하다. 직장인들도, 상사에게 성희롱을 당했다고 느끼면 그날은 바로 일기를 쓰도록 하자. 우리 모두 일기를 쓰자.

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

신입사원 소개

onionmen — Sat, 28 Jan 2012 15:43:58 +0900

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

"실례되는 질문을 꽤 많이 할 수도 있을거 같은데 괜찮으실까요?" 지원자를 처음 보고 했던 말이다. 괜찮으니 얼마든지 물어보라는 말을 하면서도 표정은 면접실의 분위기 때문인지 조금은 주눅들어 있었다. 물론 그 속에는 얼마든지 대답할 수 있다는 자신감이 있었다. 있었던거 같다.

길지않은 면접이 끝나고 그에 대한 평가를 내릴 때가 되었다. 뒤에 기다리고 있던 몇몇 면접대기자들에게는 미안했지만 나는 이미 그 지원자와 함께 할 많은 일들을 머리속에 그리고 있었다.

1.
어디가 마음에 들었는지 콕집어 이야기 할 수는 없지만, 우선 강아지를 키운다고 했다. 정확히 말하면 두 마리의 강아지와 두 마리의 개를 키운다고 했다. 네 마리나 되는 동물과 한 집에 사는건, 그만큼 좋아하지 않으면 불가능 한 일이라 생각했다. 동물을 좋아하는 사람들 중에 나쁜 사람들은 없다. 거의.

2.
흡연을 하는 것이 조금 걸리긴 했지만, 이것으로 당락을 결정짓기엔 너무 가혹하지 않나 싶어 금방 생각을 그만두었다. 내가 마누라도 아니고 말이다. 입사 후에 흡연량을 줄여가고 있는 모습을 보니 흐믓하기도 하지만 여기에 오해는 없길 바란다.

3.
면접을 보기 전에 스토킹을 조금 해봤다.(나만 이러는거 아니지?) 지원자가 번역해놓은 문서들을 보면서 이걸 어따 써먹을지 생각해봤다. 파트원들에게 기술문서를 좀 더 빠르게 알릴 수 있을거 같다는 생각이 들어 금방 기분이 좋아졌다. 지원자가 만든 게임과 프로그램들을 보면서 어따 써먹을지 생각해봤다. 금방생각은 나지 않았다. 다시 생각해보니, 이걸 꼭 어디 써먹을 필요는 없지 않나 싶었다. 필요한건 결과물이 아니니.

4.
그림을 그리는게 특기였는지 취미였는지 정확히 기억나지는 않지만, 취미든 특기든 딱히 중요하진 않은거 같다. 그림 그린거 몇 개를 보니 어쨌든 뭐가 되든 상관없어 보였다. 그게 뭔지 남들이 알아볼 수 있으면 잘하는 거 아닌가.

5.
나보다 세살이 어리다. 그런데, 나보다 다섯살 어린 와이프가 있다. 딱히 부럽다고 하는건 아니다.(정말) 조금 안돼 보이기도 하고, 그냥 그렇다. 나중에 애를 낳게 된다면 내 애보다 나이는 어렸으면 한다. (참고로 나는 아직 결혼을 안했고, 추후 결혼 후 2년 뒤에 애를 가질 계획이다.)

6.
도시락을 안싸온다. 한식요리사 자격증은 워크샵 가서 쓰려고 딴듯 하다. 요리하는걸 그렇게 좋아하지 않는다고는 했지만, 설마 일년에 두세 번 있는 자리에서까지 안할거라는 생각은 안한다. 워크샵을 가서 갈비찜이나 잡채같은 음식을 먹을 수 있다니, 색다른 경험이 될 거 같다.

7.
에스컬레이터에 서 있는 사람은 가만히 있기만 해도 언젠가는 자연스레 목표지점에 도달할 수 있다. 하지만 계단위에 서 있는 사람은 스스로 움직여야만 목표지점에 도달할 수 있다. 중요한건 뭘까. 에스컬레이터 위에서 뛰는 것? 아니다. 본인이 계단위에 서있다고 굳게 믿는 것이다. 자세한 설명은 생략한다.

한로가 지나고서도 계속해서 따뜻한 날씨가 계속되고 있었다. 그 때 즈음해서 처음 본 태규씨는 동지가 지나서야 다시 볼 수 있었다. 앞으로 많은 시간을 함께 하게 될 사람인 만큼 창밖의 전경색이 푸른색에서 검은색이 될 때 까지의 황금같은 내 주말의 오후 시간을 투자한다.

꽤 어색하고 낯간지럽지만 한달만에 이렇게 이야기 한다. 입사축하한다.

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

촌마게푸딩

onionmen — Wed, 18 Jan 2012 23:05:20 +0900

촌마게푸딩.

Jin 이라는 드라마가 있다. 일본드라마인데, 아마 만화가 원작이었나 그랬을거다. 현대에서 의술을 배운 의사가 일본의 에도시대 (약 1800년대 후반)로 시간이동을 당해 거기서 벌이지는 일을 그린 드라마인데, 상당히 재미있게 봤다.

촌마게푸딩 역시 시간이동과 에도시대의 설정은 동일하다. 다만 무대가 되는 시대가 바뀌었을 뿐이다. 에도시대에 살던 사무라이가 현시대로 넘어와 벌어지는 일 들을 보여주고 있다. (그러고보면 일본인들은 열정, 에도시대, 시간이동 이런거 정말 좋아하는거 같다.)

내가 디저트를 그다지 즐기는 편이 아니어서 그런지, 푸딩이나 양과자 같은게 공감되지 않는 부분이 조금 있었다. 아마도 익숙하지 않아서 그런것 같다. 그럼에도 큰 거부감은 없었다. 하지만 책에서 이야기 하고 있는 내용엔 조금 거북함이 있었는데, 작가는 가부장적인 남자가 아닐까.

시간이동, 에도시대, 사무라이를 빼면 내용은 이렇게 요약된다. 싱글맘은 힘들다. 하지만 애를 돌봐줄 사람만 있다면 싱글맘도 충분히 성공할 수 있다. 하지만 애를 돌봐줄 사람이 없는 상태에서 애를 잘 키우고 싶다면 일로서의 성공은 포기해라. 애 잘키우는게 성공하는거 아니겠느냐?

작가 나름대로도 사회에 전하고 싶은 메시지가 있었겠지만, 좀 말하고자 하는게 뒤섞이지 않았는가 한다. 물론 이렇게 심각하게 생각하면서 볼 책은 아니다. 즐기기엔 충분히 재미있다.

책을 읽자마자 영화를 봤는데, 10분 보다 꺼버렸다. 이미 알고 있는 내용을 또 뻔히 보여주는거 같아서 그랬던것 같다. 일본에는 2 권도 나왔다고 하는데, 1 권의 마무리를 생각해보면 2권은 1권의 인기에 힘입어 억지로 써진게 아닐까 생각된다. 1 권에서의 마무리를 2 권 에서 어떻게 연결시킬지 궁금하다. 너무 억지 설정은 아니었으면 하는데.

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

촘스키, 빅픽처, 촌마게푸딩

onionmen — Wed, 4 Jan 2012 16:07:24 +0900

촘스키, 누가 무엇으로 세상을 지배하는가
- 드니 로베르,베로니카 자라쇼비치 인터뷰/레미 말랭그레 삽화/강주헌 역
- 시대의창

괌으로 가는 비행기 안에서 보려고 가져간 책. 촘스키가 쓴 책이 아니고, 촘스키를 인터뷰 한 내용의 책이다. 촘스키는 이름만 들어봤지 뭐하는 사람인지 전혀 몰랐다. 이 사람을 단지 언어학자로만 알고 있다면, 그의 다른 모습을 알기 위해서 이 책을 읽는 것이 조금 도움이 될 수도 있겠다.

10년정도 된 책임에도 불구하고, 그 때 그의 시각은 지금 현재 상황과 크게 다르지 않다. 오히려 그가 우려했던 것들이 현실이 되어 가고 있다. 이 시대의 지식인들은 뭘 하고 있는걸까.

빅픽처
- 더글라스 케네디 / 조동섭 역
- 밝은세상

하고싶은 것을 할 시간은 있지만 그걸 할 돈이 없고, 돈을 벌기 시작하면 하고싶은 일을 할 시간이 없는 이 딜레마를 극복한 남자가 있다. 먹고 살만한 고정수입이 있는 상태에서, 하고싶었던 사진을 찍으러 다니는 남자. 물론 그 남자가 여기까지 떠밀리기 위해서 생긴 불행한 일들을 너무 많이가지 친 것 같기도 하지만 책의 중반까지만 본다면 어쨌든 이 사람은 완벽한 자유를 얻었다.

첫 페이지를 넘기면 끝을 보기 전엔 덮을 수 없다고 하여 차마 읽기 꺼려졌던 책. 과장된 말은 아니었다.

우리는 하고싶은 일에 대한 갈망을 하지만, 정작 그 선택을 할 수 있을 때에는 다른 선택지를 고른다. 그 선택으로 인해 포기해야 하는 일들이 너무 많기 때문이다. 그 때 그 선택을 했다면, 지금 나는 다른 삶을 살고 있을까?

촌마게 푸딩
- 아라키 겐 저/오유리 역
- 좋은세상

Jin 이라는 드라마가 있다. 일본드라마인데, 아마 만화가 원작이었나 그랬을거다. 현대에서 의술을 배운 의사가 일본의 에도시대 (약 1800년대 후반)로 시간이동을 당해 거기서 벌이지는 일을 그린 드라마인데, 상당히 재미있게 봤다.

촌마게푸딩 역시 시간이동과 에도시대의 설정은 동일하다. 다만 무대가 되는 시대가 바뀌었을 뿐이다. 에도시대에 살던 사무라이가 현시대로 넘어와 벌어지는 일 들을 보여주고 있다. (그러고보면 일본인들은 열정, 에도시대, 시간이동 이런거 정말 좋아하는거 같다.)

내가 디저트를 그다지 즐기는 편이 아니어서 그런지, 푸딩이나 양과자 같은게 공감되지 않는 부분이 조금 있었다. 아마도 익숙하지 않아서 그런것 같다. 그럼에도 큰 거부감은 없었다. 하지만 책에서 이야기 하고 있는 내용엔 조금 거북함이 있었는데, 작가는 가부장적인 남자가 아닐까.

더보기

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

2011년 정리, 2012년 시작.

onionmen — Sun, 1 Jan 2012 22:28:11 +0900

2011년 초에 세웠던 계획들을 정리해보는 시간.

2011년
페이스를 잃지 않는 독서 (약 한 달에 두세 권)
- 한달에 두세 권 이면 24~36권인데, 그냥 30권 이라고 하자. 그럼 두달에 다섯권 인데, 이 정도는 읽은 듯 하다. 8월 부터는 읽은 책을 기록해왔는데, 13권 정도 된다. 읽다가 중간에 버린 책도 두세권 정도 되니, 일년에 30권 정도는 읽지 않았을까 싶다. 물론 아래에서 이야기 하겠지만, 이게 중요한건 아니다.

독후감 (읽은 책의 80%정도)
- 정작 중요한건 이건데, 내 블로그를 되돌아보니 조금은 충격적이었다. 2011년에 30권의 책을 읽었다면 24권 정도는 독후감을 써야 했는데, 한개도, 한개도 안썼다. 물론 쓰다가 작성중인 글로 둔 글이 몇 개 있긴 하지만, 완성이 안되고 나서야 썼다고 할 수 없으니 이거 뭔가 책을 읽어도 읽지않은게 되어버린 기분이다.

에세이 (한 달에 한 번 정도)
- 에세이라니. 그냥 일상을 조금 공들여서 쓴 글이라고 생각한다면 한달에 한번은 좀 그렇고, 3개월에 한개 정도는 쓴 듯.

세금공부 (연말정산 내 힘으로)
- 물론 연말정산이야 시키는대로 하면 되는 것이지만, 그래도 올해는 어떤 식으로 진행되고, 어떤걸 챙겨야 하는지 조금 알게 되었다. 프리라이더를 읽으면서 세금의 불합리함에 대해서 조금 공감하게 되었지만, 이걸로 내가 뭘 할 수 있을지 잘 모르겠다. 자영업을 하거나, 부동산&주식같은 재산이 없는 이상 세금공부 해봐야 소용없다는것만 조금 알게되었다.

안드로이드 공부 (웹을 벗어나보자)
- 안드로이드는 말고, iOS 쪽을 조금 공부하긴 했는데, 역시 오래가지 못했다. 새로운 언어와 새로운 플랫폼에 대한 공부를 하기 위해서는 강력한 의지가 있는 누군가와 함께 하거나, 아니면 생계와 관련되어야 한다는 것을 새삼 느꼈다. 물론 이건 핑계고 올해는 꼭 새로운 언어를 공부 할거다.

2012년
책읽기
- 늘 새해마다 생각하는 일 중 하나. 재작년 스마트폰이 생기고 나서부터 독서량이 부쩍 줄었다. 줄어든 독서량을 회복하기가 1차 목표. 그 외에 이와 연관된 것들이라면 [읽을책만 사기, 대량으로 한꺼번에 사지 말기, 제목에 홀려서 사지말기, 이미 구입한 책 중 안읽은 책 빨리 읽기] 정도. 몇 개월 전부터 시작한 1만 페이지 읽기를 완료하기와 함께 책읽기 목표를 설정. 문장력을 늘리고, 지식을 흡수 하는 것이 목적.
세부 전술
- 자기전에 스마트폰을 만지는 버릇부터 빨리 고칠 필요가 있음.
- 도서포인트(3개월 10만원) 이상의 도서는 가급적 구매하지 않도록 노력하자.
- 확실하지 않은 책은 꼭 서점가서 대략적인 내용을 확인해보고 구입.
- 읽자마자 1만페이지 엑셀 파일에 등록.
- 한달에 한번 안읽은 책 정리하여 도서목록 리스트업.
- 가급적이면 교양도서는 주관을 가지고 비판적으로 읽으려고 노력하자.
- 소설책은 입체감을 느끼며 상상력을 자극하며 읽으려고 노력하자.

독후감쓰기
- 독후감을 안 쓰는 책은 읽은 책이 아니라는 생각을 갖고 올 해는 꼭 감상문 짧게라도 남기기. 굳이 길게 쓰지 않더라도 책에 대한 느낌을 남기는 정도라면 충분할거라는 생각으로 올해는 100%를 목표로 진행. 마찬가지로 문장력을 늘리고, 느낀 점을 까먹지 않게 하기 위함이 목적
세부 전술
- 읽은 다음 바로 1만페이지 읽기 엑셀 페이지에 등록.
- 블로그에 제목과 저자와 출판사와 함께 간단한 소감 남기기.
- 괜찮은 책이라면 추후에라도 장문의 글을 쓸 수 있도록 미리 준비 해둔다.

파일럿 프로젝트 진행
- 파일럿 프로젝트를 3개월 정도에 한번씩 진행하는 것으로 목표. 아이디어가 생각날 때마다 기록하고 기획을 추가하여 진행해보자. 안드로이드 및 iOS 공부의 실패를 돌아보면 무작정 새로운 플랫폼을 기초부터 시작하려고 했던 것이 문제였던 것 같다. 웹에서 시작하여 차근차근 내공을 쌓아가는 것이 좋을 듯 하여 진행. 현업에 관련된 프로그래밍 언어의 내공 향상을 위함이고, 아는 것의 풀을 늘리기 위해서는 새로운 언어를 공부하는 것이 좋은데, 이를 좀 더 쉽게 하기 위함이 목적.
세부 전술
- 가급적이면 꼭 3개월에 한번씩 결과물을 낼 수 있도록 하자.
- 너무 새로운 언어에 집착 하지는 말자.
- 익숙한 것부터 시작하여 조금씩 변화를 주자
- 주력 언어에 대한 깊이있는 내공을 쌓을 수 있도록 하자.
- 프로젝트는 이전에 진행한 내용과 기술적으로 많이 다른 방향으로 진행하도록 해보자.
- 도서 한권을 선정하여 3개월간 개인적인 스터디를 진행해도 인정

외국어공부
- 영어이든 일어이든. 영어는 기술문서를 좀 더 편하게 보기 위함이 목적. 일어는 그나마 재미있고, 조금 알고, 드라마등을 통해서 말하고 듣는데에 조금 편하기에 좀 더 진지하게 공부해보고 싶은 마음. 하지만 딱히 이걸 배워서 뭘 해야지 하는 마음은 없음. 특별한 목적은 없지만, 이로 인해서 일본 방송등을 자막없이 볼 수 있다면 그것 나름대로 괜찮다고 생각.
세부 전술
- 외국어 지원을 적극 활용하여 온라인 강좌부터 시작하자.
- 일어/영어 하나를 정해두고 6개월에서 1년동안 꾸준히 들어보자.
- 가급적이면 6개월 이후부터 전화영어/일어(이것도 있나?)를 활용
- 하루 한번 전철역에서 영어 스크립트 A4 한장 정도 읽어보자.

이 외에도 악기를 배우거나 그림공부를 하고 싶은데, 올 해에도 도저히 지켜지지 않을 듯 하여 목표 설정 하는 것은 포기. 하지만 악기나 그림공부를 거창하기 생각하지 말고, 작게 시도해보려고 해보자.

그지같은 구글리더 개편

onionmen — Thu, 24 Nov 2011 22:46:12 +0900

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

최초에는 한RSS를 썼다. 일 년인가 이 년인가 쓰다가 구글리더로 옮겼다. 한RSS에 등록하고 정리해놓은 항목들을 옮기는데 적지않은 시간을 소비했지만, 구글리더의 공유 기능 때문에 옮겼다.

리더로 쭉 읽다가 공유하기 버튼을 누르면, 간단하게 메모도 남길 수 있고, Buzz 에서 날 follow 하는 사람들에게도 쉽게 글을 공유할 수 있었다. 물론 공유항목 내에서 검색도 매우 쉬웠고 말이다.

얼마전 구글리더 개편에서 이 공유 기능이 빠졌다. Google+ 와의 통합 작업을 거친다고 했는데, 아마도 공유기능이 가장 큰 화두였나보다. 개인적으로 정말 이 기능이 빠진것이 (구글+로 옮겨 간것이) 매우 불편하다. 가능할지 모르겠지만, 내가 공유한 글만 검색하려고 안되고, 공유한 항목만 쭉 읽는 것도 안된다.

결국 공유 버튼을 누르던 것을 별표항목으로 만드는 것에 만족해야 한다. 별표 표시르 기능을 대체하게 되면 정말 치명적인 단점이 하나 있는데, 리더 밖에서의 글을 공유할 수 없다는거다.

다음과 같은 내 웹서핑 패턴이 더이상 불가능 하게 되었다.
서핑->좋은글 발견->리더공유(크롬플러그인)->추후에 공유항목에서 다시 확인.
더이상 구글리더에 글들을 모아놓고 즐길 수 없게 되었다.

보통 이럴 때, 플랫폼을 옮기거나 해야 하는데, 마땅한 대안도 없는 상태. Read it later 같은 서비스를 대체로 사용해보려고 했는데, 접근성이 워낙 떨어져서 자주 손이 안가게 된다. 이래서는 의미가 없다.

쭉 훑어 내려가면서 지금이 몇 개째 인지 알려주던 기능도 사라졌다. 아 정말이지 이번 개편은 구글리더를 떠나고 싶게 만든 개편이다.

+1도 그렇고, 구글+도 그렇고 다 삽질같다. 이런 상황이 신생 서비스가 치고 올라올 기회가 아닐까 싶다. (나 같은 사용자를 만족시킬만한)

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

가끔 너의 발가락이 생각난다.

onionmen — Tue, 25 Oct 2011 22:51:57 +0900

가끔 퇴근길, 가끔 새벽녘 컴퓨터앞, 아니면 그냥 가끔 산책길. 네가 날 바라보며 서 있는 모습이 떠오른다. 그렇게 떠오른 가장 최근의 네 모습을, 조금 구체적으로 그려본다면.

날 발견한 너는 상체만 약간 왼쪽으로 기울인 차렷 자세로 서 있었고, 무릎 살짝 아래까지 내려오는 초록색 천으로 만들어진 타이트한 치마를 입었어. 그리고 정말 편해보이는 흰색 티셔츠를 입고, 양말은 신지 않은 채로 225~230 사이즈로 보이는 분홍색 삼선 슬리퍼를 신고 있었지. 날 바라보는 눈은 안경을 쓰고 있었고, 입은 살짝 미소를 머금고 있었어. 남자들 기준의 전형적인 마른몸이었고, 어깨 살짝 아래부분까지 내려오던 생머리는 묶었었는지 풀었었는지 잘 기억나지 않는다.

나는 그런 네 옆으로 다가가 어깨에 내 팔을 두르고 조금 힘을 주는 상상을 한다. 그러면 내 몸으로 착 감겨들어오는 네 몸. 물론 너는 불편할 수도 있겠지만, 난 그 느낌이 너무 좋아.

이런 편안한 자세로 너와 함께 길을 걷다보면 무심코 네 발가락을 보게된다. 양말을 신지 않았다는 것이 중요한데, 누가 삼선슬리퍼에 양말을 신겠느냐마는 양말을 신지 않았을 때의 너의 발가락은 너무 귀엽다. 삼선슬리퍼를 뚫을 기세로 돌출되어 있는, 가지런히 모아지지 않는 너의 발가락. 여기서 가장 최고는 그 모습을 나에게 들킨 것을 부끄러워 하며 발가락을 오므리는 네 모습이다.

이런, 전체적인 모습을 한마디로 정의하자면 그건 귀여움.

이런 네 모습이 가끔만 생각 난다는 것에 대해서 불만이 생기지 않았으면 한다. 매일 생각난다면 특별함이 사라져 버리니까, 가끔 이라는건 나름대로 괜찮은 것 같아.

2011.05.25

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

애플 앱스토어 국가별 ID(email) 관리

onionmen — Sat, 15 Oct 2011 18:40:50 +0900

애플앱스토어 정책이 국가별 계정으로 되어 있기 때문에, 외국스토어(미국홍콩일본 등) 을 이용해야 할 때 참 번거롭다.

이런 번거로움을 조금이나마 해결하기 위한 방법을 두가지 제시할까 한다.

0. 애플 앱스토어 계정 변경
appleid.apple.com 에서 변경할 수 있다.

1. 개인도메인이 없는 사람
gmail을 활용한다. gmail계정이 있다는 가정하에 진행한다.
다른메일과는 다르게 gmail은 와일드카드를 지원한다. (좀 더 자세한 내용은 여기(새창링크)서 확인할 수 있다.)

간단하게 이야기 하면 [. +] (dot, plus) 두개의 활용이다.

.은 .을 무시
+는 +이후 문자열 무시

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

자신의 gmail계정을 testaccount@gmail 이라고 가정하자.
현재 gmail 계정이 있다면 애플앱스토어 계정을 아래와 같이 변경하자.

testaccount+us@gmail.com (미국)
testaccount+hk@gmail.com (홍콩)
testaccount+jp@gmail.com (일본)
testaccount+kr@gmail.com (한국)
..

+us 등과 같은 접미어는 본인 취향대로 넣어도 상관없다.

그럼 모두 testaccount@gmail.com 으로 메일이 온다. 각종 알림이나 프로모션, 구매영수증도 모두 한 메일함으로 들어온다. 여기 들어오는 메일을 각각의 주소로 라벨링 하여 관리하면 편리하다. (역시나 이곳(새창열기) 참조)

2. 개인도메인이 있는 사람
역시 구글의 도움을 받는다.
구글앱스에 가입하여 메일계정을 생성한다.

자신의 개인 도메인을 testdomain.kr 이라고 가정하자.

구글앱스에 아래와 같은 계정을 생성한다.
us@testdomain.kr
kr@testdomain.kr
jp@testdomain.kr

등등..

그리고 위 계정으로 도착하는 이메일들을 하나의 메일함으로 전달한다.
앱스토어 아이디 입력시 + 까지 쳐야하는 번거로움을 없앨 수 있다.

2-1. 응용
appstore@testdomain.kr 계정을 생성후 애플스토어 계정을 아래와 같이 등록
appstore+us@testdomain.kr 등등등

추후에 계정 잊어버리는 일은 좀 줄어들지 않을까. 각자 편한대로 써보자.

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

함께 일하고 싶은 개발자

onionmen — Sat, 3 Sep 2011 21:03:05 +0900

처서가 지나서도 한참동안 더운 날씨가 계속 되더니만, 오늘은 좀 선선하고 산책할 만한 날씨다. 오랜만에 시원하고 여유로운 하루를 보냈다.

9월, 한창 공채 시즌이다. Daum 이나 NHN 등의 IT 대기업들은 물론이고, 기타 여러 기업들에서 신입/경력 사원 공채를 진행중이다. 대학을 갓 졸업했나? 한창 이직을 준비 중인가? 뭐가 되었든 간에 다들 노력한 만큼, 잘 되었으면 좋겠다.

대부분 자신이 원하는 삶을 잘 살기 위해서 크고 작은 노력을 한다. 좋은 개발자가 되기 위해서, 또 좀 더 성장하기 위해서, 당신들은 어떤 노력들을 하고 있는가? 매일 RSS로 최신 기술 동향 받아보기, 매달 기술관련 서적 한권 이상 읽기, 분기별 작은 파일럿 프로젝트 수행, 매 년 새로운 언어 한 개 이상 습득 등. 여러가지로 자신의 발전을 위한 노력을 하겠지.

저 중 한 가지 라도, 또는 본인이 자기계발이라고 느끼는 어떤 행동도 하지 않고 있다면 너무한거다. 자신을 고용해준 고용자에게도, 함께 일하기 위해서 면접을 본 면접관들 에게도, 자신과 함께 일을 하고 있는 팀원들에게도.

누군가는 지금 하고 있는 일들을 잘 처리 해내고 있는데, 뭐가 문제냐 라고 묻고 싶겠지만, 그것과는 별개로 이건 문제인거다. 하루이틀 일 할것이 아니라면.

한 달 걸려서 하던 업무를 일 년이 지난 뒤에 다시 한다면, 일주일이라도 줄여서 빨리 끝낼 수 있어야 하는거고 작성된 코드의 품질도 일년 전보다는 조금이라도 좋아야 한다. 여기에 새로운 시도도 접목하여 멋지고, 사용성까지 좋게 만든다면 더할나위 없다.

전보다 조금이라도 나아지기 위해서는 본인 스스로가 노력을 해야 한다. 적어도 여기에 어떤 문제점이 있을지, 저기엔 어떤 좋은점이 있을지 판단하기 위해서라도 말이다. 자신이 받을, 혹은 자신이 받는 연봉에 책임을 지기 위하여, 나아가 좀 더 나은 대우를 받기 위하여 본인이 잘 해야 하는 것은 주어진 업무뿐이 아니라는 것이다.

이런 곳에서 일하고 싶다. 라는 것도 물론 중요하지만 그에 앞서 "이런 사람" 이 되어야지 라고 생각 하는 것이 더 중요하다. 그리고 그 것을 이루기 위해서 노력하는 사람이 되어야 한다.

당신은 노력하고 있는가?

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

nodejs 알기 (1) - 활용과 설치

onionmen — Sun, 28 Aug 2011 16:02:55 +0900

node.js

자바스크립트 기반. 정확히는 구글의 V8 엔진 기반. 서버사이드 자바스크립트.
멀티스레드는 지원하지 않음. 어차피 웹은 latency가 길기 때문에 차라리 싱글스레드를 이용한 이벤트 루프가 낫다.
자바스크립트 언어 자체가 논블로킹 IO를 지원하기 때문에 접속마다 스레드를 생성하는 방식보다 동시접속 성능면에서 우수하다. 특히나 long-lived 를 지원해야 하는 리얼타임 웹에서 제격이다.
파일IO 자체가 너무 느리기 때문에 디스크에서 데이터를 읽어 오는 사이에 다른 일을 할 수 있도록 비동기 IO를 구현하는 서버를 선택.

활용방안
-

nodejs 채팅 데모
http://chat.nodejs.org/

nodejs 설치

yum 으로 설치
yum 으로 설치하기 위해 저장소를 추가해주자.

# vi /etc/yum.repos.d/SannisDev.repo

[home_SannisDev]

name=SannisDev's Home Project (CentOS_CentOS-5)

type=rpm-md

baseurl=http://download.opensuse.org/repositories/home:/SannisDev/CentOS_CentOS-5/

gpgcheck=1

gpgkey=http://download.opensuse.org/repositories/home:/SannisDev/CentOS_CentOS-5/repodata/repomd.xml.key

enabled=1

NodeJS 설치

# yum install nodejs
# node -v

npm 설치 (http://npmjs.org/)

# curl http://npmjs.org/install.sh | clean=yes sh
# npm -v

Hello world

# vi hello.js

var sys = require("sys");

sys.puts("Hello world");

# node hello.js
# Hello wolrd

아이폰 MTU 실패로 인식 안되는 경우 해결 방법

onionmen — Mon, 22 Aug 2011 21:26:02 +0900

보통은 1번, 2번까지면 다 되는 듯. 1번 하고 안되면 2번, 그래도 안되면 3번, 최후에는 4번
순서대로 하라는게 아니다. 1번 해서 안되면 순차적으로 내려가서 해봐라.

1.
윈도키+R -> Net localgroup Administrators local service /add

2.
아이폰 관련 프로그램 삭제 후 재설치

3.
보드 BIOS 업데이트 (칩셋업데이트)

4.
윈도우+R -> regedit
HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control / Class / {EEC5AD98-8080-425F-922A-DABF3DE3F69A} 에서 UpperFileters 를 삭제 후 재부팅

Font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
white-space
word-spacing
color
Background
bg-attachment
bg-color
bg-image
bg-position
bg-repeat
Box
width
height
border-top
border-right
border-bottom
border-left
margin
padding
max-height
min-height
max-width
min-width
outline-color
outline-style
outline-width
Positioning
position
top
bottom
right
left
float
display
clear
z-index
List
list-style-image
list-style-type
list-style-position
Table
vertical-align
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Effects
text-shadow
-webkit-box-shadow
border-radius
Other
overflow
cursor
visibility

1주차 - Hello World 1

onionmen — Mon, 1 Aug 2011 22:30:02 +0900

세 개의 Hello World 를 만들어보았다.

hello_world_001 : 뷰기반 프로그램
hello_world_002 : 네비게이션 기반 프로그램
hello_world_003 : 네비게이션 기반 프로그램

매우 쉬운 예제들로 생각되었지만 이해 안되는 몇 가지가 있었음. 게다가 인터페이스 빌더가 생각보다 쉽지 않아서 역시 궁금한 사항들이 몇 있었음.

@의 역할은 무엇인가?
- @interface, @implementation, @"문자열"; 과 같은 문법이 날 당황스럽게 함.
- @는 C와 Objective-c 와의 차별성을 위해서 사용한다.

인터페이스 빌더 (IB)의 사용
- File's owner , First Responder 는 뭔가?
- 인터페이스빌더를 통하지 않고 버튼을 생성하는 방법은 뭔가?

[] 안의 코드는 어떤 의미인가?
메소드의 구성요소들은 뭘 의미하는가?

Table 의 구성요소를 코딩할 때, [cell.textLabel setText:@"Hello World!"]; 로 코드를 넣었다. 여러개의 셀이 있을 때, 각각의 셀에 접근하는 방법은 무엇인가?

세 번째 hello world 에서 row를 삭제하는 예제를 봤는데, 삭제한 뒤 실행될 코드가 작성되지 않아 삭제가 제대로 입력되지 않았다. 삭제 후 동작을 위한 코드는 어디에 어떻게 넣어야 하는가?

빨리 2주차 스터디를 끝내고, Objective-c 공부를 해야겠음.

네이트 사태, 비밀번호 30초만에 뚫림이 중요한가?

onionmen — Sun, 31 Jul 2011 13:06:55 +0900

오늘 메일을 확인하는데, "타인의 명의도용시도 차단 알림메일" 이 두 통 왔다.

실명인증을 차단해주는 서비스를 유료로 이용하고 있다. 요즘같은 시대에는 이런게 하나쯤 필요하다고 생각하여 꾸준히 사용중이다. 효과가 어느정도 되는지는 모르겠다.

이 메일을 보자마자 든 생각은, '암호화된 네이트 주민번호가 복호화 됐군.' 이었다. (물론 다른 경로로 유출된 민번이 정말 우연찮게도 갑자기 오늘 사용되었을 수도 있지만)

미투데이에 관련 글을 올렸더니 비번 푸는데 30초가 걸렸다고 하는 뉴스가 나왔다고 한다.
어떤 내용인지 예상은 가지만 그래도 한번 찾아봤다.

링크 : http://news.sbs.co.kr/section_news/news_read.jsp?news_id=N1000960683

요약하자면 SBS에서는 brute force 방식의 강제 대입식으로 비밀번호를 추출해낸 것이었다. 네이트의 정확한 암호화방식은 모르는 듯 하고 그냥 시청율을 위한 쇼라고 생각되지만 그나마 사람들에게 이번 사태의 위험성을 알리는데 일조했다고 생각하기에 까지는 않겠다.

웃긴건 뉴스 중간에 보안최고책임자라는 사람이 하는 말이다.

[강은성/SK커뮤니케이션즈 보안담당 이사 : 현재 기술로 보았을 때 이것은 안전합니다.]

이해는 한다. 정보를 주면 줄 수록 크래커에게도 힌트를 주는 것이니까. 하지만 현재 기술로 보았을 때, 안전한 영역은 없다. 털린쪽에서 안전하고 싶을 뿐이겠지.

개인정보 유출에서 최대 쟁점은 두가지 이다. 비밀번호와 주민등록번호.

주민번호야 여러가지 부서에서 사용해야 하기 때문에 복호화가 가능한 양방향 암호화를 했을 것이고, 비밀번호는 단방향 암호화를 사용했을 것 이다.

양방향이면 암호화 방식과 암호화에 사용된 key만 찾으면 풀 수 있다는 소리이다. 이미 언론등을 통해서 네이트가 주민번호에 128비트의 AES 암호화를 사용했다고 알려졌다. 게다가 주민번호는 숫자로만 구성되어 있다. 여기서 중요한건 AES 알고리즘으로 만들어진 문자열을 해독할 수 있는 iv와 key 가 함께 노출되었는가 아닌가인데, 노출되었을 가능성이 적다고 해도 안심할 수 없다. 운이 좋으면 짧은 시간내에 복호화가 가능하기 때문이다.

누가 주도하든 자꾸만 비밀번호 쪽으로만 이슈를 몰아가는것 같아 안타깝다. 바꾸면 그만인 비밀번호 보다는 바꿀 수도 없는 주민번호가 더 문제라고 생각된다. 대한민국 웹서비스의 대부분에는 아이디/비밀번호찾기 서비스가 있기 때문이다.

이름과 주민번호만 알 수 있다면 웬만한 사이트의 비밀번호 또는 비밀번호 변경권을 손쉽게 얻어낼 수 있고, 아이디를 다르게 사용하는 사용자의 아이디도 노출되게 된다. 크래커들도 바보가 아닌 이상 얻기 어려운 곳에 투자 하기 보다는 좀 더 똑똑한 방식을 통해서 자신들이 원하는 것을 얻어낼 것이다.

안타깝다. 언론과 SK컴즈 모두 올바른 시각으로, 올바른 방향으로 문제를 해결하려는 모습을 보여줬으면 좋겠다. 옥션도 잘 넘겼고 심지어는 우리 돈과 가장 밀접한 연관이 있는 농협조차 은근슬쩍 잘 넘어갔는데 네이트라고 다르겠냐만.

[새신스터디] 커리큘럼

onionmen — Fri, 29 Jul 2011 12:09:37 +0900

8월 03일 1주차 hello world I : iOS의 기초 1장 ~ 3장

8월 10일 2주차 hello world II : iOS의 기초 4장 ~ 5장

8월 17일 3주차 objective-c 스터디

8월 24일 4주차 objective-c 스터디

8월 31일 5주차 스위치 뷰 6장

9월 07일 6주차 드래그, 회전, 확대와 축소, 테이블뷰, 네이게이션, 배열 7~8장

9월 14일 7주차 맵킷 9장

[NDC] 라이브서비스조직에서 웹개발자로 잘살기 발표자료

onionmen — Sun, 5 Jun 2011 17:03:35 +0900

NDC 발표. 라이브서비스조직에서 웹개발자로 잘살기 발표자료

라이브서비스팀에서 웹개발자가 사는법 white on Prezi

발표가 끝나고 우울한 마음만 가득이었는데, 차근차근 이유를 생각해보자.

1. 사람들이 안왔다.
- 사람들이 조금은 더 있어야 이야기할만한 내용들이 있었는데, 아마 여기서부터 조금 틀어지기 시작한듯.
2. 멋지게 보이고 싶었다.
- 어떻게 보면 좀 더 나은 모습으로 보일 수 있었던 기회였는데, 제대로 잡지 못해 아쉬움이 크다.
3. 자기만족이 안되었다.
- 매번 발표회나 크고작은 무대에 설 때면 그 무대에 나 스스로가 만족했느냐 못했느냐가 중요하다. 이번엔 전혀 만족하지 못하여 준비한 시간에 대한 제대로된 보상을 받지 못한 기분. 아마도 이게 제일 크지 않을까.
4. 대본을 제대로 외우지 못함.
5. 주제에 대한 스스로의 이야깃거리가 없었음
6. 짧은 시간동안 너무 많은 이야기를 말하려고 했음
7. 발표 전날 새벽까지 발표자료 수정을 하고 있었음
8. 나 자신조차 이 내용에 자신이 없었다.

사람이 한명이라도 있으면 최선을 다 해야 하는 것인데, 미안한 마음도 크다. 자기만족조차 되지 못했던 시간이어서 개인적으로는 많이 안타까웠고, 제대로 인정받지 못함에 안타까운 마음이다. 다음번에는 미리미리 주제를 잡고 스스로 만족할 만한 시간이 될 수 있도록 하는 반성의 시간이었다.

발표자료는 굳이 비공개로 돌릴 필요가 없어서 몇 가지 삭제 하고 공개한다.

NDC2011에 초대합니다.

onionmen — Wed, 25 May 2011 18:56:26 +0900

1. NDC2011에 초대합니다.

넥슨개발자컨퍼런스인 NDC가 올해도 어김없이 열립니다.

5월 30일부터 6월 3일까지 총 5일간 진행됩니다. 마지막 5일은 비공개 세션이라 넥슨그룹이 아니면 들을 수 없지만, 4일간 매우 다양하고 좋은 공개강연들이 준비되어 있기 때문에 관련업계 종사자라면 충분히 들을만한 가치가 있을 듯 합니다.

특히 올해는 규모를 확대하여 코엑스와 넥슨 본사 강연실 등을 활용하여 대규모 인원을 수용할 수 있는 공간을 마련했다고 하니, 공간도 넉넉할 듯 합니다. (많은 사람들로 비좁을 수도 있다고 하는군요.)

얼마전 선착순 초대권 발급이 모두 종료되었다고 하는데, 혹시 가실 분이 계시면 댓글로 이야기 해주세요. 초대권 두 장을 받았습니다.

선착순은 아니고 임의로 드리겠습니다. ~~28일 자정~~까지 비밀댓글로 말씀해주세요
수정 : 오늘(5월27일) 오후 세시까지 등록을 해달라는 요청이 와서 마감하게되었습니다.

일정표를 첨부합니다.

NDC 2011.pdf

초대권 등록 페이지 : http://reg-net.co.kr/nexon/nexon2011_reg.htm

2. 티스토리에 초대합니다.

태그에 초대장이라고 써서 그런지 티스토리 초대장에 글이 올라갔나보네요. 티스토리 초대장도 드립니다. 엄청많아요. 하지만 이메일만 쓰시면 안드립니다. 부담없이 요청하세요

창의력은 어디에서 오는가 IDEO vs Tadao by prezi

onionmen — Sat, 21 May 2011 22:12:42 +0900

GDC2011 참관보고서중 일부. GDC참석에 앞서 견학갔던 IDEO 와 안도다다오의 비교만 따로 생성

자유로운 분위기에서와 억압하는 분위기 중. 보통은 자유로운 환경이 창의력 향상에 도움이 된다고 생각하겠지만 그보다 중요한 것은 방해받지 않는 것이 아닐까

방해받지 않고 사색에 잠기거나 스스로 뭔가 몰입해서 할 수 있을 때. 그 때가 중요하다

IDEO vs Tadao on Prezi

아이패드 블로깅

onionmen — Fri, 13 May 2011 00:04:44 +0900

아이패드2를 구매했다
화면이 큼지막해서 웹서핑하기 더할나위없다

마침 티스토리에서 블로그API를 지원함과 동시에 모바일 글쓰기를 오픈 해주어서 글하나 남겨본다
이미지첨부 같은 기능은 사용할수 없지만 간단한 글쓰기 정도는 가능하다.

개인적으로는 크게 사용할 일이 없을 듯 하다. 다만 oAuth 기반의 API가 지원이 되니 다양한 어플리케이션의 등장을 기대해본다

패스워드는 복잡성을 만족해야 할까?

onionmen — Tue, 19 Apr 2011 09:00:00 +0900

패스워드의 생성규칙 가이드

패스워드 생성 시, 패스워드 생성 가이드를 제공하는 것이 과연 보안에 어느 정도나 도움이 될까? 그 규칙 중에 특수문자를 넣어야 한다고 "권장"하는 것은 어떤가? 얼핏 봤을 때, 비밀번호에 특수문자가 들어간다면 꽤 강력해 보인다. 실제로도 패스워드에 특수문자가 섞여있다면 꽤 강력한 패스워드이다.

그런데, 이 패스워드 생성규칙을 사용자가 강제로 따라야 한다면 어떨까? 가령

1. 패스워드는 8자 이상 12자 미만으로 이루어져야 합니다.
2. 패스워드에는 특수문자가 필수로 들어가야 합니다.
3. 아이디와 같은 문자열은 사용할 수 없습니다.

와 같은 조항들 말이다. 크래커가 패스워드를 알아내기 위해서 무차별대입 공격을 시작하려 한다. 그런데 업체에서 저런 규칙을 사용자에게 강제화 했다. 이로 인해서 어디부터 시작해야 할지 모르던 크래커는 작업이 더 쉬워졌다. 크래커는 자신이 만든 툴에 아래 규칙을 적용하였다.

1. 자릿수 8자리 이상 12자리 이하
2. 대입 시 특수문자를 필수로 입력. 예) votmdnjem! , votmdnjem!@, qlqjs!@#
3. 아이디와 같은 문자열은 제거

이제 패스워드에 특수문자가 포함되지 않은 문자열들과 13자리이상의 문자열들. 가령 votmdnjemqlalfqjsgh 와 같은 문자열은 무차별대입 공격 시에 제외된다. 매우 많은 경우의 수를 제거해 주는 것이다. votmdnjemqlalfqjsgh 대신에 votmdnjem! 와 같은 문자열을 넣어볼 테니 말이다. 왜 일부러 규칙을 강제화하여 많은 경우의 수를 제거해주는가?

1억 개나 1억 100백 개나 많은 건 많은 거고, 안전한 건 똑같이 안전한거다. 문자가 24개 이던 34개 이던, 어차피 숫자가 무한대에 수렴한다면 굳이 특수문자를 포함할 필요는 없다. 그렇다면 왜 소위 전문가들은 특수문자를 강제화하는 것에 이리도 적극적인가?

무차별 대입 공격과 사회공학

특수문자가 포함된 패스워드는 강력하다. 하지만, 이 강력함이라는 것은 무차별대입 공격(brute force)에나 강력한 방법이고, 키로거와 같은 악성코드가 설치된 PC라면 특수문자 할아버지가 들어간 패스워드 라고 해도 전혀 안전하지 않다.

현재의(2011년) 많은 인터넷 사이트들은 이 무차별대입 공격법에 어떻게 대응하고 있는가? 올바르지 않은 입력이 N 회 시도되면 접속차단 또는 캡챠와 같은 기술을 사용하여 자동공격을 차단하고 있다. 굳이 특문 포함이라는 극약 처방을 하지 않아도, 이런 방식으로 무차별대입 공격을 대부분 차단할 수 있다.

요즘 크래커들은 옛날과 같이 무식한 무차별대입법을 사용하여 일하지 않는다. 패스워드에 이름, 생년월일, 전화번호, 휴대전화번호 등과 같이 쉽게 알아낼 수 있는 여러 가지 정보들의 우선순위를 높여 대입해본다. 안되면 이들을 조합하여 넣어본다. 그리고 안되면 또 다른 방법을 사용한다. 가령 사회공학기법 같은. 그럼 100명 중에 적어도, 최소 한 명 이상은 걸린다. 열 명까지도 걸릴 수 있지 않을까 생각해본다. 운이 좋으면 30명도 걸릴 수 있지 않을까?

주제와는 조금 벗어나지만, 실제로 메신저로 돈 빌리기 사기나 전화피싱과 같은 사회공학기법에 낚이는 사람들이 많은 걸 보면 이게 어렵지 않다는 것을 어느 정도 유추할 수 있다. (약 10년 전에 세이클럽 계정이 털린 적이 있다. 세이클럽 디자인폼으로 메일이 도착했는데, 거기서 비밀번호를 묻기에 그냥 나도 모르게 입력해버렸다. 그리고 난 아바타 캐시를 털렸다.)

소위 전문가들은, 이런 사회공학기법들 때문에 특수문자가 필수로 들어가야 한다고 말한다. 사용자들이 유추하기 쉬운 패스워드를 사용하기 때문에 특수문자를 강제화하는 규칙을 넣는다는 것이다. 그러면 이런 상황에서 사용자들은 회원가입시에 어떤 행동을 취할까.

1. 자신이 자주 사용하는 비밀번호를 넣고 회원가입 버튼을 누른다.
2. 그럼 경고창이 뜨겠지. "특수문자가 필수임ㅋㅋ"
3. 그렇게 되면 사용자는 짜증을 낸다.
4. 그리고 기존 비밀번호에 ! 또는 !@ 등을 추가해서 회원가입을 완료할 것이다.

안 그럴까? (평범한) 주변 사람 다섯 명을 불러놓고 테스트를 해보면 적어도 두 명은 이런 행동을 취할 거라 확신한다.

패스워드 생성규칙의 강제화

특수문자를 강제화 하는 것이 그리 안전하지 않다는 것은 그들도 잘 알고 있을 것이다.(아닌가?) 그럼 왜 관리자들은 패스워드를 강제화 하는 건가? 보안을 생각한 것도 물론 있겠지만, 더욱 큰 것은 아마 관리자 자신들의 심리적 안정감 때문 아닐까?

'사용자들에게 이렇게 시켰으니 적어도 1234와 같은 비밀번호를 사용하지 않겠지'
'유추하기 어려운 강력한(특문이 포함된) 패스워드이니 쉽게 깨지지 않겠지'
'난 보안을 지키기 위해서 최선을 다했어. 해킹 당해도 내책임 아님'

위와 같은 자기 위안들 말이다.

"소프트웨어 누가 이렇게 개떡같이 만들었어"라는 책이 있다. ( 원제목은 Why Software Sucks )
여기서 너무 많이 강화된 보안을 사용자들이 어떻게 생각하고 있는지 잘 이야기 해주고 있다. 외우기 어려운 패스워드를 메모지에 적어놓고 다닌다든가, 강화된 보안 시스템이 귀찮아서 문에다 벽돌을 받치고 누구나 쉽게 드나들 수 있도록 환경을 바꾼다든가 하는 그런 것들 말이다.

패스워드가 기억하기 어려워지거나 너무 자주 바뀌면 쪽지나, 스마트폰에 저장해두게 된다. 아니면 자신이 늘 사용하던 패스워드 한 글자를 특문으로 변경한다든가, 그냥 특문 하나를 더 붙일 뿐이다. 이런 강제적인 규칙들은 오히려 보안성을 떨어뜨릴 수도 있고, 최악에는 사용자들이 떨어져 나가게 된다.

사용성과 보안은 트레이드오프관계에 있다. 보안성을 높이면 사용성이 떨어지고, 사용성을 높이면 보안성이 떨어질 수밖에 없다. 이 둘의 관계를 잘 절충하여 모두 윈윈 할 방법이 요즘 조금씩 제안되고 있지만, 그래도 여전히 이런 불편을 완전히 없앨 수는 없다.

보안을 위해서 어느 정도 사용성 저하는 감수해야 하겠지만, 무턱대고 보안성만을 강조하여 사용자들을 불편하게 만드는 것은 한 번쯤 다시 생각해봐야 할 문제가 아닐까 한다.

"패스워드는 꼭 복잡성을 만족해야 한다." 정말 그런가? 적어도 규칙의 강제화는 답이 아니라고 생각한다.

혹시 같은 주제로 관심이 있는 사람이라면 아래 링크도 읽어보길 추천한다. 원문이 사라져서 복사본으로 대체한다.

복사본링크 : http://www.thechiefbaboon.com/forums/archive/index.php/t-17074.html
원문링크 : http://finance.yahoo.com/news/A-Strong-Password-Isnt-the-nytimes-3369144559.html

자바스크립트(1-2) - 클로저(closure) 에 대한 이해

onionmen — Sat, 16 Apr 2011 19:17:01 +0900

더 많은 예제코드가 필요하다면 아래 링크를 참조하자
(링크 : http://www.javascriptkit.com/javatutors/closures2.shtml)

클로저에 대한 설명은 어렵다. 어렵기 때문에 명확하게 이건 이거다 라고 이야기 하기 힘들다. 이야기 한다 해도 이해하기 위해서는 수많은 배경지식이 필요하다. 아무리 설명을 해봐야 사람들이 이미 알고 있던 부분들이 모두 다르기 때문에 설득을 해야 하는 수준이다. 인터넷에서 클로저에 대한 글들을 찾아봐도 모두 마찬가지이다.

모두가 이건 이거다 라고 설명을 하고 있지만 이해는 쉽지 않다. 자바스크립트에 이 클로저라는 녀석은 C언어에서 포인터를 배울때 만큼이나 날 혼란스럽게 한다. 이건가 싶으면 저거고, 저건가 싶으면 또 이것인 클로저를 잊지 않기 위해서라도 잠시 정리를 해둔다.

짧으면서도 설명하기 쉬운 아래 코드조각을 보자.

sayAlice() 를 실행하고, 리턴받은 함수를 또 바로 실행하고 있다. Step by Step 으로 확인해보자.

아래 단계를 따라가면서 조사식의 saylAlert 과 alice가 어떻게 변하는지 살펴보자.

1. sayAlice() 실행
2. sayAlert 변수에 함수 할당 [function () { alert(alice); } ]
3. alice 변수에 문자열 할당 [Hello Alice]
4. sayAlert 함수 실행
5. alert(alice) 구문 실행
6. Hello Alice 출력

4번 단계가 실행 될 때, 내부의 alice 변수를 참조한다.
sayAlert 변수에 할당된 익명 함수가 선언된 다음에서야 alice 변수에 문자열이 할당 되었다. 이건 함수 내부에 선언된 함수 내부에서 부모함수(?)의 변수에 접근(참조) 할 수 있다는 것을 의미한다. 그리고 이 부분이 클로저가 만들어졌다고 볼 수 있다. 그리고 함수가 끝나서 지역변수들은 사라져야 함에도 불구하고 alice 지역변수는 계속하여 살아있는다. 클로저 때문이다.

좀 더 긴 예제인데, 간략하게 줄였다. 브라우저에서 실행하여 Step by Step 으로 보자.

1. newClosure(40); 을 호출함
2. num 지역변수에 40을 할당
3. newClosure() 종료로 함수의 생명주기는 끝나고, 리턴된 익명함수를 closure1 변수에 저장
4. 리턴받은 closure1(5) 함수를 실행
5. 익명함수이 진입 전 이므로 num 값 확인 불가
6. 익명함수에 진입하여 num 값이 생성되어 있음을 확인
7.8.9. 인자값 5를 더함으로 해서 num 값이 45가 됨을 확인

여기서 6번이 중요포인트인데, 익명함수에 진입 할 때, num의 값이 40으로 확인 할 수 있다는 것이다. 기본적으로 num은 newClosure의 지역변수 이기 때문에 함수의 생명주기가 끝남과 동시에 소멸되어야 하는 변수이다. 하지만 클로저가 생성됨으로 인해서 이 변수는 그대로 살아있게 된다. 불필요한 메모리 릭을 방지하기 위하여, 이 변수를 사용한 뒤에 더이상 필요 없다는 판단이 들면 alert('num: ' + num); 문장 뒤에 num = null; 을 추가 시켜주자.

이런 부분들은 굳이 몰라도 충분히 프론트 개발이 가능하다. 그리고 이해하지 못해도 그냥 쓰면 된다. 하지만 우리가 클로저를 잘 이해해야 하는 이유는 이 클로저가 생성될 때, 메모리 릭이라는 무시무시한 사이드이펙트를 데리고 오기 때문이다.

IE7 이하의 브라우저가 아직도 세상에 존재 하는한, 우리는 메모리릭을 신경쓰지 않을 수 없다. 이유를 알 수 없는 상태에서 브라우저가 자주 죽는다면 메모리릭을 의심해 봐야 한다.

위의 예제에서 굳이 이야기를 해보자면, 변수 alice를 전부 사용한 뒤에 alice = null 로 초기화를 시켜주도록 하자. 그리고 jquery 를 사용중이라면 오브젝트에 접근 할 때에는 $().data() 메소드를 사용하자.

IE9으로 디버깅 하기 (1) - 콘솔창

onionmen — Sun, 10 Apr 2011 14:48:56 +0900

인터넷익스플로러가 7 버전 까지 나왔을 때, 파이어폭스는 한창 강세를 보이고 있었다. 파이어폭스의 점유율을 의식하여 부랴부랴 7 버전을 내 놓았으니 말이다.

언제부터인가 IE6를 버리고 파이어폭스를 쓰기 시작했는데, 그 때가 아마 본격적으로 웹개발을 시작하고 얼마 안돼서였을거다. 당시 파이어폭스의 확장기능에 한창 매료 되어서 헤어나올 수가 없었다. 그중 단연 최고는 파이어버그 라는 개발자도구 였다.

원하는 곳의 DOM 구조를 바로 파악할 수 있고, 파일을 변경할 필요 없이 실시간으로 수정하며 적용된 모습을 볼 수 있었다. CSS 수정, 적용이 바로바로 가능했고, 페이지 로딩속도 및 HTTP status 코드는 물론이고, 자바스크립트 디버깅까지 지원하여 이게 없으면 개발이 불가능할 정도였다.

파이어폭스가 버전업데이트가 되어서 파이어버그가 동작하지 않으면 파이어폭스 업데이트를 미룰 정도였다. (나말고도 많은 사람들이 그랬을거다) 1.4 버전인지 1.5 버전까지 사용하고, 요즘엔 잘 사용하지 않고 있어서 어떻게 발전 하였는지 잘 모르겠다.

파이어폭스에서는 제대로 개발을 할 수 없는 환경으로 터전을 옮기고 나서 IE 에서 돌아가는 여러가지 개발자도구를 찾아서 사용해보았다. 파이어버그에 비하면 턱없이 부족한 툴 들이었지만, 어쩔 수 없이 불편함을 감수하고 사용했다.

그러다가 IE8 버전이 나오고, 새로이 추가된 개발자 도구 라는 것을 보고 커다란 발전에 기쁨의 눈물을 흘렸었다.

Dom 셀렉터, CSS 선택수정, 중단점을 삽입할 수 있는 자바스크립트 디버깅, 콘솔창 추가로 개발환경이 무척이나 편리해졌다. 이는 IE9으로 오면서 더욱 강력해 졌는데, 이에 대해서 소개를 해볼까 한다. (자바스크립트와 콘솔 위주로 감)

콘솔창

인터넷익스플로러를 실행하고 F12 를 누르면 아래와 같은 개발자 도구가 열린다.

왼쪽 탭에는 HTML, CSS, 콘솔, 스크립트 등등이 있고, 이 선택에 따라서 오른쪽 탭 영역의 UI가 변경된다. 콘솔탭을 선택하면 빈 화면이 덩그러니 나타나는데, 맨 하단에 보면 뭔가를 입력할 수 있는 입력창이 존재한다.

여긴 자바스크립트나 기타 DOM객체를 직접 입력하여 확인해 볼 수 있는 공간이다. 실제로 사이트가 전부 로드된 상태에서 콘솔창에 관련 객체 이름을 써 넣기만 하면 그에 따른 정보가 출력된다.

테스트 페이지로 만든 곳의 this 객체 정보를 호출해봤다. 단지 this 라고만 입력했을 뿐인데, 현재 document의 this객체에 대한 정보가 나타난다.

테스트 페이지에 아래와 같은 HTML 태그를 추가했다.

그리고 콘솔창에서 위 엘리먼트에 대한 객체 정보를 호출해보았다.

표준 HTML DOM method인 getElementById() 를 사용하여 객체를 호출하거나, 그냥 ID 값만을 입력하여 객체에 대한 정보를 확인할 수 있다.

이 콘솔창에서는 다른 콘솔창과 마찬가지로 페이지에 설정된 자바스크립트를 실행시킬 수 있는데, 방법은 매우 간단하다.

위와 같은 자바스크립트 코드를 추가하고, 콘솔창에 함수 이름을 입력하면 바로 실행이 된다.

여기 콘솔창에서 사용할 수 있는 여러가지 내장함수들이 존재 하는데, 이는 IE8은 물론이고 웹킷, 모질라계열에서도 비슷한 동작을 한다.

window.console.log	console.log("로깅용 메시지")	로그 : 로깅용 메시지
window.console.error	console.error("에러 메시지")	: 에러 메시지
window.console.info	console.info("정보 메시지")	: 정보 메시지
window.console.warn	console.warn("경고 메시지")	: 경고 메시지
window.console.dir	console.dir(오브젝트)	오브젝트 내용이 출력
window.console.assert	console.assert(식, "메시지")	식이 틀릴 경우 메시지가 출력
window.console.clear	console.clear()	콘솔창의 내용을 모두 삭제함

콘솔창에서 사용할 수 있는 내장함수는 위와 같고, 각각 실행 하였을 때 나타나는 메시지 이다. 실제로 아래와 같은 코드를 작성하여 테스트를 해봤다.

결과창을 보면, 우리가 예상한 결과와 동일하게 출력된 모습을 볼 수 있다. console, 또는 window.console 이라고 입력하면 console에 포함된 메소드들이 출력되니 직접 입력해서 확인 해보자.

** 참고로 console.dir 은 IE9 에서 지원하는 신규메소드로 IE8에서 동작하지 않는다. console.dir(object); 로 실행 하며, 객체의 내용을 좀 더 상세하기 표현해 준다.

기존에 alert 과 document.write, iframe 등으로 디버깅을 하던 불편함은 콘솔창을 사용하면 말끔히 해결된다. 초반엔 익숙하지 않기 때문에 어색하겠지만 지속적으로 사용해보면 예전으로 다시 돌아가기 힘들어질 것이다.

사용하지 않고 있던 사람들이라면 이번 기회에 한번 사용해보자. 이러한 콘솔창은 IE8 이상, 크롬, 사파리, 파이어폭스 에서 기본적으로 지원하고 있다.

2부. IE9으로 디버깅 하기 (2) - 자바스크립트 디버깅

이왕 써야 한다면 IE9

onionmen — Tue, 5 Apr 2011 23:39:55 +0900

IE9이 출시 되었습니다. 물론 꽤 오래전에 출시되었죠. 베타버전부터 사용중 이었고, 정식버전이 출시되기를 꽤 기다렸습니다. 기다렸던만큼 출시된 정식버전 IE9은 꽤 높은 완성도가 높았습니다.

기존에 있었지만 부각되지 않았던 기능들, 그리고 새롭게 추가된 기능들을 위주로 하여 IE9을 알아보겠습니다.

1. 주소창 검색

IE8에서 IE9으로 넘어오게 되면서 전반적인 UI가 변경되어 매우 심플해졌는데요, 가장 크게 변경된 부분은 주소창과 검색창의 통합입니다.

IE8의 주소창과 검색창

기존에는 웹사이트 주소를 입력하는 주소창과 검색을 담당하는 검색창이 분리되어 있었습니다. 기존에 검색창은 검색제안이나 비주얼서치 등의 새로운 기술을 내놓음에도 불구하고 접근성의 문제로 자주 쓰이지 않았죠.

주소창 검색에서 검색어 제안을 사용하는 모습

이번 주소/검색창의 통합으로 검색제안이나 비주얼서치 등이 좀 더 부각되었으면 하는 바람입니다.
(링크 비주얼서치/검색제안 보러가기)

부가기능 갤러리에 가보시면 검색과 관련된 좀 더 많은 애드온들을 찾아 볼 수 있습니다. 한번 찾아가셔서 기존에 추가 되어 있는 Bing 이외에 구글이나 네이버등을 추가하여 좀 더 편리한 주소창 검색을 이용해보세요.
(링크 부가기능 갤러리 보러가기)

2. 사이트 고정 (1)

IE9은 아쉽게도 윈도우 XP 이하 에서는 제공되지 않습니다. 윈도우 비스타 SP1 이상에서 설치하여 사용할 수 있는데, 윈도우7을 사용중이라면 IE9과의 시너지 효과가 매우 커집니다.

IE9 에서는 사이트 고정이라는 새로운 기능을 내놓았는데요, 사이트를 주소표시줄에 고정시켜놓고, 필요할 때 마우스 원클릭으로 접속 할 수 있도록 하는 기능입니다.

사이트 고정으로 시작표시줄에 등록된 모습

윈도우7 시작표시줄에 joinsmsn 사이트를 고정시켰습니다. 파비콘이 아이콘이 되어 원클릭 접속이 가능합니다. 이는 기존에 사이트바로가기와 크게 다른 점은 없는데요, 나중에 설명드릴 사이트 점프 기능에서 차이점이 드러납니다.

사이트고정 기능으로 사이트에 접속하게 되면, 위 이미지에서 보이시는 것과 같이 이 창은 joinsmsn 을 위한 사이트 입니다. 라고 파비콘으로 표시를 해줍니다. 좀 더 깔끔한 모습을 원하신다면 파비콘의 크기를 64*64 사이즈로 변경해주세요.

고정방법은 여러가지가 있지만 가장 간단한건 고정시키고 싶은 사이트에 접속 한 뒤 그 사이트가 열려있는 탭을 작업표시줄로 잡아끄는 것 입니다.

탭을 끌어서 시작표시줄에 놓는 모습

작업표시줄에 등록이 되면 사이트의 파비콘이 아이콘이 되며, 사이트 접속시 고정된 사이트임을 알려주게 됩니다.

시작표시줄에 등록된 모습

2. 사이트 고정 (2)

사이트를 고정하게 되면 보너스 기능을 하나 더 사용할 수 있습니다. 이건 웹사이트에서 지원을 해 주어야 하는 내용이지만, 지원만 된다면 서비스를 좀 더 편리하게 사용할 수 있습니다. 바로 점프리스트 기능입니다.

페이스북을 사이트 고정시켜놓고, 아이콘에서 오른쪽 버튼 혹은 왼쪽클릭 후 잡고 끌면 위와 같은 메뉴가 나타납니다. 페이스북 같은 경우는 뉴스나 메시지, 이벤트 등의 메뉴로 바로 갈 수 있고, 트위터나 위 이미지의 joinsmsn 에서도 기능을 제공하고 있습니다.

IE8에서 웹슬라이스 라는 기능을 제공했었습니다. 신기능이지만 잘 사용하지 않는 기능중 하나죠. 개인적으로 이 기능도 웹슬라이스의 뒤를 따르지 않을까 걱정도 되지만 이런 기능들이 잘 활성화 되면 좀 더 웹을 편리하게 사용할 수 있을 텐데 말이죠. 기능의 활성화를 빌어봅니다.

조만간 사이트에 점프리스트 추가 하기를 포스팅 할 예정입니다. (매우 간단합니다.)

3. 보안 강화

MS에서 IE8 출시부터 강조했던 것이 하나 있는데, 바로 보안입니다. IE8 에서는 XSS필터, ClickJacking방지, 탭색변경, 스마트주소표시줄, 스마트스크린 등의 보안 기능을 대거 추가 하였고, 내부적으로 메모리 보호에 강화된 점을 내세웠죠. IE9 에서도 물론 보안 강화를 갖고 나왔습니다. 이미 IE8에서 웬만한건 추가 했기 때문에 특별한 것은 없고, 눈에 띄는 거라면 추적방지 기능과 엑티브액스 필터링 정도 입니다.

추적방지기능 :
제 3사 쿠키 라는 것이 있습니다. 예를 들어서
1. 어떤 검색서비스에 접속했습니다.
2. 그 곳에 B라는 회사가 광고를 하고 있었습니다.
3. B라는 회사에서 임의로 광고에 쿠키를 삽입하였습니다.
4. 쿠키를 통해서 제가 검색서비스에서 활동하는 내역을 추적할 수 있도록 하였습니다.

여기서 B라는 회사가 광고속에 삽입한 쿠키가 제 3사 쿠키입니다. (** 쿠키는 웹상에서 활동하는 정보를 갖고 있을 수 있는 일종의 임시파일 입니다.)

이러한 제 3사 쿠키의 활동을 막는 것이 추적방지기능 입니다. 이 추적방지 기능은 IE8에도 제3사쿠키방지 라는 옵션으로 제공되던 보안서비스이지만, 이를 좀 더 강화 했습니다.

아래 링크에 접속하여 외부 사이트에서 제공되는 블랙리스트 사이트를 IE9에 추가할 수 있습니다.
(링크 http://iegallery.com/kr/trackingprotectionlists/default.aspx)

의외로 제3사쿠키를 활용하는 사이트들이 많이 있습니다. 스스로도 개인정보 보호에 힘써주세요.

4. 자주 방문하는 사이트

about:blank 라는 문구가 낯이 익으신 분들은 저처럼 성격이 좀 급하신 분들 아닐까 합니다. 웹사이트의 시작페이지로 about:blank 를 넣으면 브라우저가 실행됨과 동시에 빈페이지가 뜨기 때문에 조금이나마 쾌적한 인터넷 환경을 만들 수 있습니다.

IE9 에서는 about:Tabs 라는 시작페이지를 공식적으로 지원하기 시작했습니다. 브라우저를 실행하면 방문했던 페이지들을 빈도수 별로 리스트업하여 보여줍니다.

어떤 브라우저 툴바에서도 비슷한 기능을 지원하는 것으로 알고 있는데요, IE9 에서는 자체적으로 지원하니 더이상 툴바에 의존하지 않아도 됩니다.

5. 성능

빠릅니다. 많이 빨라졌습니다. IE9 사용하시다가 IE8 이하 버전으로 못돌아갑니다. 자바스크립트 성능 향상이니, 뭐니 어려운 말 하지 않겠습니다. 설치하셔도 후회하지 않으실 겁니다. 은행권이나, 기타 대형 포털들에서도 무리없이 사용 가능하니, 망설이고 계시다면 한번 설치해보시는게 어떨까요.

6. 아쉬움

A. 확장기능
- IE9이 아무리 빨리지고, 보안성이 향상 되어도, 절대 안쓰는 사람들이 있습니다. 그 사람들이 꼽는 가장 큰 이유는 아무래도 확장기능 이 아닐까 합니다. 얼마 없기도 없을뿐더러 그나마도 찾기가 매우 어렵습니다. 윈도우모바일6.5 이하버전의 스마트폰을 사용하는 기분입니다.

아, 확장기능이 있기는 합니다. 다만 그 이름이 액티브엑스 라는게 문제지만요.

B. 부가기능
- 웹슬라이스나, 검색제안 등이 활성화가 안되는 것이 많이 아쉽습니다. 사용하기 어려운 것도 아니고, 만들기 어려운 것도 아닌데 의외로 많은 분들이 모르고, 쓰지 않습니다. 무엇이 문제일까요. 개발자스러운 접근방식? 검색제안 같은 것은 주소창과 검색창이 합쳐진 지금은 조금 기대가 됩니다만 웹슬라이스는 도무지 답이 없네요.

C. HTML5
- IE9의 특징 중 하나로 꼽는 것이 웹표준지원, HTML5의 지원 입니다. 하지만 이 지원 수준을 보면 참담합니다.

다른건 봐야 머리만 아프니, 점수만 공개합니다. 일반 사용자야 브라우저를 사용하는데 HTML5 지원 미지원 여부가 뭐 그리 큰 차이겠냐만 개발자들에게는 참담합니다. 지원되지 않는 것들은 어떤 방식으로 구현을 해야 할지, 고민부터 앞섭니다.

타 브라우저에 비해서 업데이트도 쉽지 않은데 말이죠.

7. 끝

분명 크롬이나 파이어폭스, 사파리 등에 비해서 떨어지는 부분도 많고, 이미 다른 브라우저들에서는 기본적으로 제공되고 있었던 기능들도 많이 있습니다. 하지만 국내 환경에서 IE 시리즈는 분명 버릴 수가 없는 존재입니다. 그렇다면 그 중에서 가장 나은 IE9을 선택해 보는 것은 어떨까요.

평범한 69%를 제외한 나머지 – 31% 인간형

onionmen — Wed, 16 Mar 2011 02:26:33 +0900

언제나 이런 것을 선호한다. 지극적인 제목, 뭔가 있어 보이는 제목. 이런 것들로부터 독서의 욕구를 느낀다. 물론 이와는 다르게 누군가의 추천에 의해서도 다음 독서의 타겟이 정해지기도 한다. 하지만 어떤 경우에도 해당되지 않는 부류들의 책이 있는데, 그 중 하나가 자기계발서 이다. 이렇게 저렇게 하라는 자기계발서를 그다지 좋아하는 편은 아니고, 또 자기계발서를 단지 추천만으로 읽기엔 그다지 내키지 않는 부분(링크)도 있다. 개인적으로 자기계발서는 판타지나 무협지처럼 이도 저도 아니고 그냥 뭔가 읽고 싶어서 보는 경우에 속한다. 하지만 이 책은 예외로 추천을 통해 접하게 되었다.

http://xrath.com/ 의 rath 형으로부터 추천 받은 책이고, 이 형은 애자일 컨설팅의 김창준 님으로부터 추천을 받았다고 한다. 김창준님이 추천했다고 하는 말을 듣고 바로 읽기 시작했다. 결론부터 말하자면 자기계발서이다. 여느 책과 마찬가지로 이래라 저래라 시키지만 정작 따라 하기는 정말 힘들다. 그럼에도 이 책은 추천할 만 하다. 보자, 지금부터.

대부분의 사람들은 자신들의 인생에서 이루어야 하는 몇 가지 목표를 갖고 살아간다. 물론 목표 없이 하루하루를 살아가는 사람도 있지만, 이런 사람들 조차 살면서 한번쯤은 목표를 세워 실천하려 노력해 봤을 정도로 많은 사람들이 목표를 가지고(또는 가졌었거나) 살아간다. 목표를 가졌었는데 지금 제대로 실천하지 못하는 사람들의 특징이 있는데 바로 목표의 계획을 너무 상세하게 설계 하려 한다는 점이다.

목표의 설계는 삶을 사는데 있어서 꼭 필요하다. 목표는 개개인의 삶에 어떤 동기를 부여해 주고, 이 동기 라는 것은 새로운 일에 도전하여 무엇인가를 성취하거나, 혹은 현재 삶을 유지하게 하는데 있어서 매우 중요하다.

결국 목표라는 것은 삶의 동기부여를 위해 이에 대한 계획을 세우고, 실천하는 것이다. 성공하는 삶을 위해 목표를 치밀하게 계획하여 삶을 살고 있다. 이러면서 우리는 점점 목표설계중독자로 변해간다.

나는 지금 "목표는 중요하지만 버려야 한다." 라는 역설적인 주장을 하려 하고 있다. 물론 이것은 내 주장이라기 보다 이 책에서 말하고 있는 내용이다.

책은 목표를 버리라고 우리를 설득하며 시작한다. "수많은 성공한 사람들은 목표지향적 삶을 살았는데, 목표를 버리라니." 이런 생각을 하고 책을 펼치게 된다. 그리고는 곧 목표를 버리라고 하는 것이 진짜로 목표 를 버리는 것이 아님을 알고는 조금 더 흥미를 갖게 된다.

책은 여덟개의 작은 챕터를 통해서 목표 없는 삶을 살라고 말하고 있다. 아니 정확하게 말하자면 목표를 버리고 테마를 정해서 삶을 살라고 말하고 있다. 상세한 목표를 느슨한 목표로 변경하고, 이 느슨한 목표를 테마로 정해라. 다음 몇몇 문장은 이 책의 내용을 잘 축약하여 나타내고 있다.

"지금 당신의 한해를 나타내는 말은 무엇인가? 체중을 줄이자? 담배를 끊자? 이와같은 문장을 선택한 이유는 무엇인가. 건강을 지키고 싶어서? 자신감을 키우기 위해서? 아니면 애인에게 예쁜 모습을 보이고 싶어서? 그렇다면 "다이어트나 금연" 보다는 "건강이나 자신감" 을 올해의 테마로 정하는게 더 나을지 모른다."

월급을 받으면 그걸 다른 사람의 월급과 비교하지 마시오. 다만 내가 제공한 근로에 대한 합당한 보상을 받고 있는가를 자신에게 물어보시오.

위 문장들이 너무 길다면 다음 한문장으로 이 책의 주제를 나타낼 수 있다.

지도대신 나침반을 사용하라.

빙빙 돌려 말해왔는데, 주제는 상세한 지도대신 나침반을 사용하여 삶을 살라는 것이다.

나는 초등학교(그 때는 국민학교) 시절, 막연히 컴퓨터로 먹고 살아야 겠다고 생각했고, 그에따른 별다른 계획들은 없었다. 중학교 시절 선생님이 나에게 뭐가 되고 싶냐고 물었을 때 어물거리며 전산관련일을 하고 싶다고 답했지만 어느 대학 어느 학과를 나와서 어디에 취직하고 어떤 일을 할 것이다.'라는 상세한 계획은 없었다.

심지어 어떤 직업군을 택할 것인지에 대한 생각도 없었고 전산과 전자과 컴퓨터과가 모두 동일한 학과인줄 알았다. 난 왜 그런 계획을 미리부터 세우지 않고 알아보지 않고 살았을까. 라며 스스로를 자책하던 시절이 있었는데, 지금 컴퓨터를 하면서 만족할 만한 생활을 하고있는것을 보면 그래도 그렇게 나쁘지는 않았던 것 같다.

다만 문제는 목적을 달성하여 지금까지 사용하던 나침반이 더이상 필요가 없어진 것인데, 이를 위해서 조만간 또다른 나침반을 마련해야 할 것 같다.

[내 앨범 위젯] 내 블로그를 즐겁게 만들어주는 또 한가지 재미

onionmen — Wed, 22 Dec 2010 13:07:40 +0900

싸이월드

2002년부터 약 2005년까지 대한민국에서 최고의 전성기를 보냈던 서비스가 있었다. 이제는 하락세 이지만, 그래도 여전히 꾸준한 사용율을 보여주고 있는 서비스의 이름은 바로 싸이월드 이다.

현재는 이 자리를 여러가지 다른 웹서비스들에게 조금씩 나누어 주며 이제는 대세의 반열에서 내려오고 있고, [커넥트, C2, C로그, 싸이플래그등] 여러가지 시도를 하고 있긴 하지만 더이상 어렵다는 생각을 지울 수가 없다.

여기 조금이나마 가능성이 있는 서비스가 있는데, 음원 서비스이다. 지금까지의 행보를 보면 아마 이 마저도 곧 날려먹지 않을까 하는 생각이 들지만, 수 많은 음원들과 이 음원을 구입하여 자신의 배경음악으로 등록해둔 수천만명의 이용자들을 잘 활용할 수 만 있다면 새로운 반등의 기회가 오지 않을까.

블로그

이 싸이월드와는 상대적으로 블로그의 인지도는 조금 올라갔다. 블로그와 싸이월드는 여러가지 차이점이 있는데, 큰 차이점 중 하나가 바로 배경음악 서비스이다. 물론 싸이월드와 블로그는 제공되는 서비스의 성격이 많이 다르지만, 사용자 파이를 나누고 있다는 점을 생각해보면 좋은 비교가 될 듯 하다.

2007년 경 싸이월드 관리를 멈추고 블로그로 넘어 오게 되었는데, 이 때 가장먼저 찾았던 서비스가 배경음악 서비스였다. 한동안 여러가지 플러그인이나 소스코드수정을 통해서 많은 시도를 했었지만 결국은 모두 제거해버렸다.

스킨을 바꿀 때마다 적용 방식을 변경해야 했고, 음원에 대한 여러가지 문제도 있었기 때문에 블로그에서는 음악재생을 깨끗하게 포기해버렸다. 하지만 요즘에는 블로그용으로 유용한 플러그인들이 제공되어 청각적으로 재미를 제공하고 있기 때문에 원하기만 한다면 자신의 블로그를 잘 꾸밀 수도 있다.

내 앨범 위젯

청각적인 재미를 제공하는 블로그용 플러그인들(위젯)은 여러가지가 있다. 음악방송을 재생해주는 세이라디오(링크), SBS라디오를 들을 수 있는 고릴라라디오위젯(링크), 그리고 벅스뮤직에서 음원을 제공해주는 내 앨범 위젯(링크) 등이 있다.

내 앨범 위젯은 벅스뮤직에서 제공하는 음악재생위젯이다. 플래시로 만들어져 있어서 플래시가 설치되는 곳이라면 어디서든 음악재생이 가능하다는 이야기이다.

아래 위젯링크 중 편한 곳으로 방문하여 설치가 가능하다.

1. http://widgetbank.daum.net/widget/view/897
2. http://www.bugs.co.kr/guide/widget/myalbum

1번의 경우 다음블로그나 티스토리 사용자라면 추천할만하다.

2번의 경우 자신만의 플레이리스트를 수정하여 등록하고 싶다면 추천한다. (벅스뮤직유저)

위젯뱅크에서 설치하기

위젯뱅크로 이동하면 위 이미지와 같은 화면을 볼 수 있다. 사용중인 블로그가 붉은박스 안의 목록에 있다면 선택하여 설치하면 되고, 만약 없다면 HTML 소스를 선택하여 직접 소스코드를 입력해야 한다.

HTML소스를 누르면 위젯에 대한 간단한 설정을 진행할 수 있다.

내앨범 URL : 벅스뮤직에 등록된 URL을 설정할 수 있다.

자동 재생 : 별도의 플레이 버튼을 누르지 않아도 자동을 재생할 것인지 여부를 결정한다. (개인적으로 끄기를 추천함)

내앨범 URL의 경우는 조금 설명이 필요한데, 처음 위젯을 설치하는 사람들은 저 URL을 어떻게 설정해야 할지 모르는 경우가 대부분 일 것이다.

아무것도 신경쓰기 싫고, 그냥 최신가요가 나오는게 좋겠다 라고 하는 분들은 아무것도 수정하지 말고 퍼가기 버튼을 눌러서 설치하면 된다. 하지만 특별한 플레이리스트를 원하는 사람들을 위해서 아래 방법을 설명한다.

내 앨범 URL

1. 내 앨범 URL 넣기

우선 [내 앨범 위젯] 은 기본적으로 벅스뮤직(링크) 에 기초를 두고 있기 때문에, 벅스뮤직에 회원가입이 되어 있다면 상당히 쓸만하다.

벅스뮤직에 로그인을 하고 http://www.bugs.co.kr/user/ 이 링크에 접속해보자.

하단에 붉은색으로 박스표시한 부분에 새앨범만들기 버튼이 존재한다. 클릭하면 [내앨범] 메뉴로 이동하는데, 여기서 자신의 플레이리스트(앨범) 을 만들 수 있다.

플레이리스트(앨범) 를 만들었다면 이 리스트를 [내 앨범 위젯] 을 통해 들을 수 있다.

새로 만든 앨범을 클릭하면 웹브라우저의 주소표시줄에 주소가 나타난다. 이 주소를 복사하여 내 앨범 URL 메뉴에 붙여넣으면 완성이다.

내 앨범 URL에 앨범주소를 붙여넣음

위와 같이 설정하고 위젯을 설정하면 본인이 등록한 앨범의 음악이 흘러나온다.

1. 타인의 공개앨범 URL 넣기

많은 음원사이트에는 타인이 자신의 앨범을 공개하는 경우가 많이 있다. 의도한것인지 아닌지는 모르겠지만, [내 앨범 위젯] 은 이런 공개앨범까지도 활용할 수 있다.

아래는 주간 인기 공개앨범 리스트 캡쳐 이미지이다.

공개앨범 중 마음에 드는 앨범을 클릭하여 동일하게 URL을 복사한다.

위젯 설정 페이지, 혹은 퍼가기 페이지에서 앞서 복사한 공개앨범 URL을 붙여넣는다.

[내 앨범 위젯] 의 Playlist가 공개앨범 리스트로 구성된 것을 확인할 수 있다.

공개된 앨범들 중에는 내가 알지 못하는 좋은 곡들의 묶음도 많이 있다. 테마별로 음악을 듣고 싶을때나, 슬플때, 기쁠때 여러 DJ들의 도움을 받아보자.

이런 공개 앨범을 따로 등록하여 종류별로 위젯을 여러개 설치할 수도 있으며, 음악포스팅을 할 때에도 플레이리스트를 모아서 유용하게 사용할 수 있다.

디자인

[내 앨범 위젯]의 디자인은 꽤나 잘 나왔다.

여러개의 스킨을 변경해 가면서 적용을 해 보았는데, 우선 색상별로 3가지만 뽑아보았다.

어두움, 밝음, 중간 정도의 색상을 가진 사이드바에 설치를 해 보았는데, 위화감도 없고, 전혀 튀는 느낌없이 잘 어울렸다.

물론 이런 위젯을 설치하기에 앞서서 자신의 사이드바를 한번쯤 정리 할 필요는 있다.

[내 앨범 위젯] 은 몇몇 사람들에게는 굉장히 유용하고 매력적인 위젯이고, 또 활용만 잘 한다면 매우 유용한 위젯이다. 하지만, 블로그를 방문하는 대다수의 사람들에게는 그다지 유용하지 않다. 음악도 1분간만 나올뿐이고, 자동으로 재생하기를 설정했을 경우에는 오히려 거슬릴 수도 있다.

이를 유용하게 만들 수는 없을까?

개선

1. 재생시간

싸이월드는 BGM 기능으로 구매한 음원에 대해서 전체재생이 가능했다. 또, 상대적으로 사용률은 떨어지지만 쥬크박스 기능도 넣어서 자신의 음악을 자랑/공개할 수도 있었다.

[벅스 내 앨범 위젯] 또한 구매한 음원에 한해서는 1분 재생제한을 없애기 기능을 넣는 것은 어떨까. 아니라면 (수익률은 보장할 수 없지만) 아예 위젯전용 음원 판매도 생각해볼만 하지 않을까?

2. 앨범검색

어차피 공개된 모든 앨범을 등록할 수 있다면 위젯 자체에서 앨범검색도 가능했으면 좋겠다.

벅스 웹사이트에 접속 -> 앨범을 검색 -> URL을 복사 -> 위젯설정 -> 붙여넣기 의 과정은 너무 번거롭다. 그냥 아예 위젯 자체에서 공개앨범, 또는 내앨범을 변경, 등록할 수 있다면 사용성이나 유저편의성이 훨씬 증가할텐데 말이다.

3. 음악재생

재생 중 새창을 띄우면 이중으로 노래가 재생된다. 돌림노래형식으로 재생되는데, 이건 자동재생 옵션 여부와 상관없이 현재 내가 재생중이면 새창을 띄웠을 때 무조건 나온다. 물론 같은 블로그에서 새 창을 띄우는 경우는 많이 없겠지만, 이럴 경우 찾아서 꺼야 한다. 어차피 음악 재생은 쿠키등 어떤 방법을 사용하여 현재 재생위치를 기억하는 것 같은데, 여기 변수를 추가해서 재생중일 경우는 새창에서 재생되는 음악은 꺼주면 어떨까.

4. 위젯크기

위젯의 크기 여러가지로 제공할 수 있다면 어떨까? 많이도 필요없이 large, small 두 개 정도로 구분하여 사이즈를 고려할 수 있다면 1단으로 구성된 블로그에도 문제없이 위젯 설치가 가능할 듯 한데 말이다.

작은사이즈도 플레이제어부를 반투명하게 처리하여 앨범커버를 살짝 가리는 수준으로 만들어주면 이쁠 것 같고, 사용자 선택폭도 넓어져서 좋을 듯 하다.

마치며

디자인이나 기능면에서 꽤 완성도 있는 위젯이다. 유용성이야 사용하기 나름이겠지만 나같은 경우는 벅스뮤직 유료 회원이기도 하고, 내 블로그에서 보내는 시간이 많기 때문에 별도의 뮤직플레이어를 실행하지 않아도 되어 매우 편리하다.

위에서 이야기한 개선점만 고쳐진다면 장수 할 수 있는 위젯이다. 다만 설치시에 옵션으로 제공되는 "자동재생"은 꺼두도록 하자.

내가 이용하는 벅스뮤직 유료이용권은 월 7천원 짜리 상품으로 PC용 스트리밍 서비스+40곡 다운로드도 받고, 안드로이드용 벅스앱을 통해서 실시간으로 음악을 청취할 수 있어서 매우 애용하고 있다. 여기 보너스로 블로그 위젯까지 사용하니 매우 괜찮은 상품 구성이라고 볼 수 있다.

단순히 PC용 스트리밍 서비스만 받는다면 월 3천원으로 충분하니, 웹하드 사이트에서 힘들게 MP3를 불법 다운로드하는 듣는 사람들이라면 한번쯤 고려해볼 만한 서비스 아닐까?

인생의 목적과 당장의 목표

onionmen — Wed, 22 Dec 2010 11:52:17 +0900

얼마 전 누군가 '미래의 나의 모습'에 대해서 물었다. 막연한 모습에 제대로 된 대답을 하지 못하고 대화는 마무리 되었다. 그리고 "목표를 한번 잘 생각해 보라는" 그 분의 조언을 곰곰이 곱씹어 보게 되었다. 그 뒤로 매일 저녁, 이에 대해서 생각을 해보았는데, 결국 그려지는 모습은 김밥집 아저씨 외에는 없었다.

2007년, 장기적인 인생의 테마(목적)를 잡을 때에는 명성을 쌓는 것이 인생에 대한 성공이라 생각했다. 쉽게 말해서 평판을 쌓는 것. 주변 사람들에게 존경을 받고, 본받고 싶어하는, 배우고 싶어하는 사람이 되는 것이 최고라고 생각했다. (그 당시의 나는 주위 평판에 민감한 사람이었기 때문인 것같다.)

앞서 2011년의 목표를 생각하고 정리해봤는데, 이를 보면 아직 이 목적에는 큰 변함이 없는 듯 하고, 2011년 목표또한 목적에 부합하여 잘 정한 것 같다. 하지만 다른 한편으로는 정말 그게 맞는가에 대한 의문이 들기도 한다.

31%인간형의 감상을 쓰면서 느낀건 "국민학생, 중학생" 의 기준으로 인생의 목적은 내가 무엇을 하면서 먹고 살 것인지 보다는, 20대, 30대에 어떤 일을 하게 될까 라는 것 정도이다. 그리고 그게 지난 뒤 "존경받는 사람" 이라는 나침반을 새로 잡게 되었는데, 한 3년이 지난 지금 위 계기로 인해서 이게 과연 정말 내가 원하는 것 나침반인가 라는 생각이 들었다.

본격적인 경제활동을 시작하고, 여자친구와 결혼을 생각하면서부터 스스로에게 이런 의문이 들기 시작하였는데, 행복의 조건으로 돈 이라는 것을 빼놓을 수가 없었기 때문이다.

이것이 현실과 이상을 타협하는 과정인지, 아니면 내 본심이 드러나는 것인지 확신할 수는 없지만, 돈이야 쓸 만큼만 있으면 된다. 라는 생각이 돈은 많으면 많을수록 좋다. 라는 생각으로 변화하고 있는 것을 보면 타협이라는 것은 핑계 같기도 하다.

앞서 이야기한 김밥집 아저씨. 그리고 지금 이야기한 명성, 돈을 조합해보면 김밥을 잘 마는 돈잘버는 김밥집 아저씨 정도이다. 김밥집 아저씨는 여자친구와 결혼하여 미래에 어떤 삶을 살고 싶은지에 대한 모습이다. 여기서 김밥집 이라는 것은 삶에 대한 구체적은 모습이고, 이에 추상적인 모습은 행복이다.

행복과 명성, 그리고 돈 세가지로 다시 생각을 해보면 행복이라는 것은 일정 이상의 경제력이 바탕이 되어야 한다고 생각하기 때문에 결과적으로 행복을 위해 필요한건 돈이라 볼 수 있다. 그럼 이제 내게 남은건 명성과 (일정이상의)돈 둘 중 하나의 선택인데, 이건 참 결정하기 쉽지 않은 듯 하다.

명성과 존경(주변사람의 평가)는 개인적인 삶의 목적이고, 돈은 반려자와의 행복을 위한 필수적 항목이다. 삶을 살면서 두가지 중 한가지를 선택해야 할 시기가 분명 언젠가 올텐데, 과연 나는 어떤 선택을 할까.

현재는 아마 후자에 더 가깝지 않을까 한다.

아무래도 조만간 내 장기적인 인생의 테마를 새로 설정해야 할 듯 하다.

엮인글

2007/08/07 - [Day by day] - 인생의 목표 10가지

2008/01/06 - [Review/Book] - 1분 경영 – 목표수립의 방법
2008/06/29 - [Review/Book] - 평범한 69%를 제외한 나머지 – 31% 인간형

2009/01/03 - [Day by day] - 올해의 컨셉.

2010/12/13 - [Deep] - 추운 2010년을 보내고, 2011년을 맞이하며

추운 2010년을 보내고, 2011년을 맞이하며

onionmen — Mon, 13 Dec 2010 23:52:16 +0900

2009년을 마무리하고, 2010년을 시작할 때 즈음에는 한 해의 정리를 시작으로 다른 한 해의 목표를 세우려 했다. 하지만, 이를 생각하는 것은 여느 때와 마찬가지로 귀찮아졌고, 곧 "어차피 지켜지지도 않고 목표 따위 안 돌아볼 거 아니야?"라는 자기합리화로 이어졌다.

그리하여 결국 나는 2010년을 목표나 테마 없는 한 해로 살았고, 하루를 되는대로 살았다. 폴 발레리가 경고한 대로 나는 곧 생각하는 대로 살지 않고, 사는 대로 생각하게 되었다.

한해의 목표를 잡고, 인생의 목적을 갖는 것은 매우 중요하다. 나에게 어릴 적 장래희망을 물었던 선생님들은 이 행위를 의례적인 행사로만 여긴 듯하다.(적어도 그렇게 기억된다.) 나는 내 아이를 갖게 된다면 장래희망도 좋지만 매년 묻고 싶은 것이 있다. 넌 할아버지가 되었을 때, 어떤 모습이고 싶으냐고.

인생의 목적을 갖고 삶을 살게 되면 그 삶에는 일관성이 생긴다. 삶에서 일관성이라는 것은 매우 긍정적 요소이다. 일관성이 있는 삶의 장점 중 하나는, 무언가의 어려운 선택에서 매우 좋은 스스로 조언자가 될 수 있다는 것이다.

이제야 한 해를 정리하고 계획하는 일에 대한 중요성을 막연하게나마 조금 인지하게 되었다. "이렇게 살자!"라는 목적이 있다면 일단 기준이 잡힌 것이고, 이는 목적을 향한 목표설계를 통해서 삶이 갈팡질팡하지 않게 도와준다.

2010년 한 해. 했던 일들을 정리하고 2011년 한 해 다짐을 새롭게 해볼까 한다.

2010 년을 정리하며

계획하고 성공

없음

시도하고 성공

jQuery 공부
웹트렌드 동향 주시 및 신기술 적용
모바일 변환 페이지
Flex공부

계획했지만 실패

없음

시도했지만 실패

안드로이드 개발 공부
아이폰 개발 공부
작년보다 많은 독서량
작년보다 많은 글쓰기 & 독후감
우쿨렐레 배우기

2011 년을 시작하며

페이스를 잃지 않는 독서 (약 한 달에 두세 권)
독후감 (읽은 책의 80%정도)
에세이 (한 달에 한 번 정도)
세금공부 (연말정산 내 힘으로)
안드로이드 공부 (웹을 벗어나보자)

2011 테마

많이 보고, 많이 듣고, 덜 말하고, 표정을 지키자.

목표는 역시 없는 것보다 있는 것이 삶의 질을 높이며 살아가는 데 도움이 되는 것 같다. 2011년은 확실한 목표와 자신의 테마를 갖고 선택과 결정을 일관성 있게 해봐야 하겠다. 그렇다고 얽매이지는 말고.

엮인글

2007/08/07 - [Day by day] - 인생의 목표 10가지

2008/01/06 - [Review/Book] - 1분 경영 – 목표수립의 방법
2008/06/29 - [Review/Book] - 평범한 69%를 제외한 나머지 – 31% 인간형

2009/01/03 - [Day by day] - 올해의 컨셉.

2010/12/22 - [Deep] - 인생의 목적과 당장의 목표

올려보자 신용 - 신용의 달인 (by 크레딧뱅크)

onionmen — Sat, 11 Dec 2010 14:45:15 +0900

이런 스팸문자 한번 못받아 본 사람 찾기 힘든게 요즘이다. 몇 천만원을 대출을 해주겠다는, 그것도 당일에 통장으로 넣어주겠다는 대인배들이 너무 많다. 물론 대부분의 사람들이 저런 문자들은 정말 너무 진짜 많이 초절정 급한 경우가 아니라면 거들떠도 보지 않는 것도 사실이다.

개인정보

대한민국 국민의 개인정보는 너무 쉽게 돌아다니고 있다. 검색어 한줄로 수십수백명의 주민등록 번호와 이름이 줄줄 나오고, (제대로 관리할 것 같지 않은) 웹사이트들도 너무 쉽게 주민번호를 요구한다. 더 비참한 것은 대한민국 국민의 개인정보는 중국에서 개당 10원 가량에 거래되고 있다(고한다).

꽤 많은 사람들이 자신의 개인정보에 대해서 소중하게 생각하지 않는다.그러니까, 웹사이트가 달라는대로 너무 쉽게 줘버린다. 인터넷 문화가 성숙하지 않을 때 자연스럽게 접한 것 들이기 때문에 아직까지도 거부감이 없다.

개인정보를 심각하게 생각하지 않는 사람들의 대부분은 그 이유를 "나에게 직접적인 피해가 없기 때문" 으로 생각하고 있다. 그러다가 내가 가입하지도 않은 사이트에서 이메일 등이 날아오게 되면 잠시 놀라고 또 금방 잊어버린다. 조금 알아 보다가 금방 귀찮아 지기 때문이다.

이런 상황들이 반복되면서 결국 불감증이 생기게 되고, 그러다가 나중에 크게 당해 후회하게 된다. 나중에 후회하지 않으려면 스스로 개인정보를 보호하고 관리해야 한다. 그리고 이 개인정보와 함께 필수적으로 관리 보호해야 하는 것이 있다.

바로 신용정보가 그것 이다.

신용정보

신용정보는 개인의 금융상거래 활동을 점수로 산출하여 이를 토대로 신용거래 능력을 판단하는 척도이다. 많은 사람들이 이 신용정보(신용점수)의 존재를 알고 있지만, 자신의 신용점수를 제대로 파악하고 관리하는 사람은 드믈다.

신용도 관리를 하고 있느냐고 주변 사람들 13명(20대 후반 ~ 30대 초반) 에게 물어봤다.(감사염) 대부분의 사람들은 신용도라는 것에 대해서 알고는 있지만, 자신의 신용등급이나 신용점수에 대해서는 모르고 있었다.

아래 차트를 보자.

잘 관리하고 있음 : 2

관심없음 : 3
유료사이트 가입에 대한 거부감 : 3
신용도 체크를 통한 신용점수 하락에 대한 두려움 : 3
관심은 있지만 어떻게 확인해야 하는지 모름 : 1
기타 : 1

관심없는 사람들이야 언젠가는 어떠한 계기를 통해 관심이 생길 것이고, 의외였던 것은 "신용도 체크를 통한 신용도 하락에 대한 두려움" 이 꽤 된다는 것이었다.

신용도 체크를 할 수 있는 곳이 몇 군데 있다. 아래 사이트에서는 신용점수를 조회해도 자신의 신용도에 전혀 영향을 미치지 않는다.

크레딧뱅크
사이트 주소 : http://www.creditbank.co.kr
1년 이용료 : 10,000원 ~
추가 선택으로 명의도용 방지(인터넷 실명인증) 서비스도 제공하며 기본적인 가격이 저렴함.

올크레딧
사이트주소 : http://www.allcredit.co.kr/
1년 이용료 : 22,800원
국내 금융사가 출자하여 설립한 KCB에서 신용데이터를 받기 때문에 비교적 등급이 높게 산정됨. 가격이 비쌈.

마이크레딧
사이트주소 : http://www.mycredit.co.kr/
1년 이용료 : 20,000원(?)
가격도 비싸고 우량신용정보 보다는 악성 신용정보를 토대로 신용등급을 산정함

본인은 현재 [크레딧뱅크, 올크레딧] 두 사이트를 이용하고 있다. 세 개의 사이트를 이용하게 되면 금전적인 부담은 물론이고, 아직은 굳이 마이크레딧 까지 하나 더 이용할 필요성을 못느끼고 있다.

하나의 사이트만 가입해서 관리해도 크게 상관은 없지만, 평가 기관에서 산정하는 기준이 각기 다르기 때문에 최소한 두 개 사이트 정도는 가입해서 보는 것이 바람직하다고 생각한다.

그리고 설문조사의 기타 의견으로 카드사용이나 대출등의 신용도에 영향을 미치는 행위를 하지 않았기 때문에 신용도가 높을 것 이다. 라는 의견이 있었다.

이는 잘못된 상식으로 신용 기록이 없는 사람은 신용 평가를 할 수 없기 때문에 신용등급이 낮지는 않겠지만 그렇다고 절대 높지만은 않다.

신용도를 쌓는 가장 좋으 방법은 신용카드 사용료, 공과금, 대출금 등과 같은 납부금을 연체없이 납기일내에 납부하고, 적금, 펀드 등에 가입하여 금융 기록을 쌓는 것이다.

그리고 신용도 조회 사이트 등에 가입하여 주기적으로 자신의 신용도를 체크 하는 것도 중요하다. 올크레딧은 신용정보만 관리하여 정보를 제공해준다. 하지만 마이크레딧과 크레딧뱅크는 신용정보뿐만 아니라 개인정보에 대한 보호 서비스도 제공 하여 준다.

개인적으로는 크레딧뱅크를 자주 이용하는데, 별 다른 이유는 없고 단지 크레딧뱅크에서 자주 변동알림 메일을 보내주고 있어서 메일이 올 때 마다 확인해보고 있다.

인터넷 사이트에 가입하기 위해 실명인증을 하거나 은행 관련 업무를 볼 때 크레딧뱅크에서 알림 메일을 보내주고 있다.

실명확인내역이나, 신용정보 변동등을 체크하여 바로바로 메일로 보내주고 있다. 유료회원으로 가입하면 변동상세내역을 확인해볼 수도 있어서 좋다. 때문에 크레딧뱅크에 자주 접속할 수 밖에 없었다.

처음엔 호기심으로 내 신용점수가 얼마나 될까 무료 신용점수 확인을 했다가 이제는 유료회원으로 등록해 수시로 관리해주고 있다.

메일에서 볼 수 있듯 명의도용시도 또한 설정할 경우 알아서 차단 해주기 때문에 원하지 않는 개인정보의 사용을 사전에 예방할 수 있다. 올크레딧 또한 메일 발송 정도의 기능은 있고, 이를 통해서 관리도 가능하다.

다만 이런 것들의 문제는 메일 확인 후 직접 사이트로 이동하여 변동/차단 내역을 확인해봐야 한다는 것이다. 이런 사이트들은 대게 익스플로러만 지원하기 때문에 OSX 나 모바일에서 바로 확인할 수가 없어 또 다른 불편을 낳는다.

(빨간 박스를 클릭하여 사이트로 이동하면, 로그인 후 내용을 확인할 수 있다. 기본적으로 메일 클라이언트로 크롬을 사용하기 때문에 매우 불편하다.)

얼마 전 크레딧뱅크에서 자사의 신용관리 서비스를 아이폰용 앱으로 이용할 수 있도록 어플리케이션을 공개 하였다. 이 앱을 사용하면 앞서 이야기한 여러가지 불편한 사항들이 쉽게 해소된다.

이 앱은 신용점수는 물론이고, 정보 변동내역이나 신용거래내역 또한 보여준다. 매번 익스플로러를 실행하여 불편한 로그인 과정을 거친 후 여러 정보를 확인하던 내게는 정말 희소식이었다.

이번달 내 신용도가 몇 점 인지 확인해 보는건, 오늘 내 펀드 수익률이 얼마나 나왔는지 확인하는 것 만큼 재미있다.

저번달에 비해서 점수가 낮게 나왔다면 그 달에 했던 신용거래를 다시한번 상기하여 다음번에 동일한 실수를 하지 않게 할 수 있는 동기부여가 되고, 저번달 보다 높게 나왔다면 잘 하고 있다는 생각과 함께 이 역시 삶의 동기부여중 하나가 된다.

크레딧뱅크에서 제공하는 신용의 달인 app은 iOS4.1 버전 이상만 지원하고 있고, 아이팟터치나 아이패드에서도 OS버전만 맞으면 사용이 가능하다. 하지만 안드로이드와 같은 다른 플랫폼에 대한 지원은 미정이며, 추후 지원 가능성은 아직 알 수 없는 상태이다.

앱스토어에 접속해서 "신용의 달인" 으로 검색을 해도 되고, 아래 링크를 통해서 직접 다운로드 받아도 된다.

다운로드 링크 : http://itunes.apple.com/kr/app/id405012303?mt=8

신용의 달인

설치 하고 실행하면 로그인 창이 나온다. 지금은 프로모션 기간이기 때문에 30일간 무료로 자신의 신용상태를 점검해 볼 수 있기 때문에, 자신의 신용도가 궁금했거나, 결제를 망설이던 사람들에게는 좋은 기회라 생각된다.

앱에서도 바로 회원가입이 가능하다. 단 본인명의로된 핸드폰이 있어야 하기 때문에 본인명의의 핸드폰이 없다면 가입이 불가능 하다.

로그인 후 접속하게 되면 마이페이지가 나타난다. 마이페이지는 요약정보와 신용변동내역 이라는 두 개의 하위 메뉴를 제공한다.

요약정보 : 말그대로 신용정보에 대한 요약 내용이다. 신용등급과 신용변동건수에 대한 내용을 보여주며, 납부해야 할 세금이나 카드납입금이 있따면 그것 도 보여준다. (단, 본인이 미리 설정을 해놔야 한다.)
신용변동내역 : 본인의 신용 이력이 최근 한달간 변경되었다면 그 내역을 보여준다. (대출이나 신용카드 발급 과 관련된 내용)

한 화면에서 자신의 신용등급을 포함한 신용정보를 한눈에 볼 수 있도록 디자인 되었다.

신용등급이 나온 아이콘을 클릭하면 상세내역을 볼 수 있다. 상세페이지에서는 신용등급은 물론이고 신용점수와 자신이 상위 몇%에 속해 있는지를 보여준다.

종합평가와 함께 산출에 대한 근거도 함께 보여주기 때문에 자신의 신용도가 낮다면 영향요인을 잘 살펴보도록 하자.

눈여겨 살펴볼만한 부분은 신용조회 부분이다.
등급과 평점은 위 이미지에서 보이는 신용등급과 평점 및 종합평가부분이다.

등급비교 리포트와 월별 등급 이력은 아래 이미지와 같이 보여진다.

(개인정보 보호를 위해서 신용정보 내용은 가림처리 하였습니다.)

자신의 나이대의 평균 등급과 비교한 자신의 등급을 보여주고, 최근 6개월간의 자신의 신용점수에 대한 변화를 그래프로 보여준다.

두번째 탭으로 이동하여 신용정보를 보면 자신의 주민등록번호로 활동한 신용거래 내역들이 보여진다.

카드발급 카운트나 대출*보증정보 또, 그 외에 신용정보들을 한눈에 확인할 수 있다.

(개인정보 보호를 위해서 신용정보 내용은 가림처리 하였습니다.)

신용카드 발급 기관이나, 각종 신용정보 열람 기관에 대한 정보가 나오고, 어디에서 어떤 사유로 신용정보를 사용했는지에 대한 내역을 모두 확인 할 수 있다.

수시로 확인하여 자신의 개인&신용정보가 도용되고 있지는 않는지 점검 해보자.

납부관리 부분은 아직 앱이 불안정하여, 제대로된 테스트를 진행하지 못하였다.

이 기능에서는 일정(세금, 카드)등을 등록할 때 갑자기 앱이 종료되는 현상이 발견되었다.이렇게 종료되어 튕길 경우 다시 로그인을 하여도 정상적으로 로그인이 되지 않고 다시 강제 종료되는 현상이 발견되었다.

이럴 경우엔 무려 앱을 지우고 새로 설치해야 정상 접속이 되었다.

4 번을 시도하여 4 번 모두 동일한 증상 이었다. 정상 동작을 하지 않아서 서비스를 제대로 사용해보지 못했다.

간략한 기능에 대한 부분만 리뷰해 보도록 하겠다.

이 기능은 특별한 기능은 아니다. 단순히 개인의 관리 포인트를 집중시켜줄 수 있는 기능을 한다.

여러가지 돈이 나가는 부분을 미리미리 등록해 놓아서 통장 이체나, 공과금 납부등을 잊지 않게 해준다. 등록일 전날 PUSH 알림을 통해서 납부공지를 해주기 때문에 연체로 인한 신용도 하락에 대비하게 해준다.

위 이미지 처럼, 카드 사용액등을 입력하여 관리할 수 있고, 항목에 없는 것들은 직접 등록하여 관리 할 수 있다.

신용카드나 대출과 같은 항목은 앱에서 자동으로 내 명의로 된 것들을 검색하여 보여주기 때문에 편리하다.

나는 개인적으로 집에서 사용하는 가스비나 전기세 등은 자동이체를 사용하지 않는다. 내 집이 아니기 때문에 이사전 귀찮은 것들을 대비하기 위함도 있지만, 직접 납부를 하게 되면서 알게 되는 가스&전기등의 사용내역을 통해서 가계를 운영할 수 있기 때문이다.

그리고 자동이체는 신용카드 자동이체만을 사용한다.

신용카드로 납부할 수 있는 모든 것들은 하나의 신용카드로 자동이체를 등록해 놓는다. 신용카드 결제금은 하나의 통장에서 빠져나가도록 등록을 해두고, 결제일은 월급날 다음날로 등록 해둔다. 통장에서는 한번만 빠져나가기 때문에 돈의 흐름에 대한 관리포인트를 줄일 수 있어서 편하다.

현재는 버그로 인해서 위 기능을 제대로 사용할 수 없는데, 빠른 시간내에 패치가 되어 사용할 수 있으면 좋겠다.

설정에 대한 부분은 간단하게 구성되어 있다.

"신용정보가 변동 되었을 경우 아이폰에 어떻게 반응을 줄지" 에 대한 설정과 처음 실행시 어떤 화면을 볼 것이냐는 기본적인 설정을 할 수 있다.

불편하지 않다면 기본설정으로 놔두는 것도 나쁘지 않다.

멤버십 설정은 한마디로 결제창이다. 프리미엄 서비스를 연장하고 싶을 경우에 탭하여 3,000원을 결제할 수 있다.(휴대폰결제)

결제를 원할 경우 사파리가 실행되어 웹페이지로 넘어간다. 그 후에 휴대폰 인증을 통해서 결제를 시도할 수 있다.

대략적으로 신용관리 앱인 "신용의 달인" 에 대해서 살펴 보았다. 버그도 조금 있고, 웹에 비해서 기능은 축소되었지만, 전체적으로 나쁘지 않았다. 다만 몇 가지 단점들이 있는데, 이 부분들만 해소 된다면 매우 유용하게 사용할 수 있을 듯 싶다.

아래에 불편한 점들을 나열해 보았다.

보안키보드의 불편

처음 로그인시 나오는 보안키보드는 매우 불편하다. 탈옥한 아이폰에서는 어플을 지원하지 않도록 하고, 보안키보드를 일반 키보드로 바꿔서, 편의성을 증대 시킨다면 훨씬 나을 듯 하다. (그리고 굳이 보안키보드를 써야 하는 필요성을 느끼지 못하겠다.)

멀티태스킹의 불편

앱이 iOS의 멀티태스킹을 지원하지 않는다. 앱 종료 후 다시 실행하면 또 로그인을 해야 한다. 물론 보안을 위한 부분도 있겠지만, 1번에 이야기 했던 키보드 때문에 로그인이 매우 불편하다.

불안정한 어플리케이션

아직 1.0 버전이기에 개선될 여지가 있지만, 아이폰 특성상 어플의 패치가 일주일 정도 걸리는 것을 감안 할 때, 유료서비스로서 다른 대안을 제시해주어야 할 듯 하다.

요금의 불만

휴대폰 결제를 보면 한 달 삼천 원으로 생각되는데, 일 년이면 삼만육천 원이다. 웹에서 제공되는 비슷한 서비스가 년 일 만원인 것에 비교하면 너무나 부담되는 금액이다. 한달 천원 정도로 서비스를 하거나 웹 유료 회원은 무료로 사용할 수 있다면(또는 저렴한 추가요금) 좋겠다.

이 외에 크레딧뱅크에서 서비스중인 명의도용에 관련된 앱도 출시가 되었으면 하는 바람이다.

명의도용 메일이 올 때마다 매번 사이트에 접속하여 기록을 확인하느 것이 여간 귀찮은 일이 아니다.

위에서 이야기한 불만 사항이 어느정도 해소되고, 이와 함께 명의도용 차단 서비스도 시작 된다면 충분한 메리트가 있다고 생각한다. 개인적으로는 명의도용 차단 서비스와 함께 서비스를 하면서 월 2천원 정도로 이용할 가치가 있다 생각한다.

던파 커뮤니티 모바일 (jquery mobile)

onionmen — Fri, 10 Dec 2010 13:58:11 +0900

스마트폰으로 접속 해 주세요. http://df.href.kr

얼마전 jquery mobile 알파버전이 릴리즈 되었습니다. 그리고 지금 알파2 버전이 최종버전 입니다.

몇 가지 살펴보고, 아직 알파이지만 충분히 쓸만하다 판단하여 취미용 모바일 사이트를 만들어 봤습니다.

던전앤파이터의 커뮤니티 사이트를 모아놓고 모바일로 쉽게 열람이 가능한 사이트 입니다.

이미지로 보시면 좀 더 쉽게 이해가 가실거 같습니다.

이런식으로 게시판만 추출하여 모바일로 변환해주는 사이트입니다.

아이폰이나 안드로이드폰에서 접속해보시면 쉽게 사용이 가능하실 듯 합니다.

현재 구현된 기능은 다음과 같습니다.

모바일용 게시판으로 변환
디시인사이드 로그인 가능
디시인사이드 게시물 작성 가능
디시인사이드 댓글 작성 가능
루리웹 로그인 가능
루리웹 게시물 작성 가능
루리웹 댓글 작성 가능

입니다.

던파조선이나 던파타임도 로그인 및 게시물 관련 기능을 추가할 예정입니다, 현재 테스트 아이디가 없어서 기능추가가 안되고 있는데, 조만간 가능할 것 같습니다.

꼭 로그인을 하지 않더라도 (반영이 늦긴 하지만) 비회원으로 댓글을 달 수 있기는 합니다. 다만 실제 웹사이트에는 반영되지 않고, 모바일사이트에서만 확인이 가능하죠.

조만간 몇 가지 기능들을 더 추가 할 예정입니다.

침대에 누워서, 학교에서, 자유롭게 사용해주세요~!

덧붙임.

일반 PC에서 접속 시 익스플로러에서는 아래와 같이 나옵니다.

때문에 접속을 자제해 주세요.

주소는 여기 입니다.

핸드폰 브라우저를 열고, 주소를 입력하세요

http://df.href.kr

가을방학1집과 브로콜리너마저2집

onionmen — Thu, 28 Oct 2010 20:15:32 +0900

가을방학 1집과 브로콜리너마저 2집을 샀다.

작년에 브로콜리 1집을 처음 들었을 땐 이게뭐야 했는데, 계속 듣다보니 이보다 더 좋을순 없었다. 그래서 1집을 샀다. 1집이 2008년도에 출시되었으니 벌써 2년이 지났다. 2집은 언제 나올까 내심 기다리고 있었는데, 곧 나온다는 소식을 10월 중순에 듣고 예스 24에서 예판으로 구입했다.

여기서 중요한 사실이 하나 있는데, 1집과 2집의 앨범은 보컬이 다르다. 사실 난 브로콜리너마저 라는 그룹 보다는 계피라는 여자보컬이 좋다. 이 여자보컬의 목소리는 1집에서만 들을 수 있다. 그럼에도 내가 브로콜리 2집을 산 이유는 단지, 1집이 너무 좋았기 때문이다.

계피는 브로콜리너마저 1집의 보컬이었는데, 2집에선 더이상 목소리를 들을 수 없었다. 음악활동을 안한다고 어디서 들은 것 같은데, 어쨌든 앨범이 나왔으니 옛날에 뭐라 했던 상관은 없다. 어쨌든 지금은 브로콜리너마저가 아닌 가을방학 이라는 그룹에서 노래를 부른다. 그래서 가을방학 1집도 샀다. 역시 만족스러웠다.

브로콜리너마저 2집은 처음엔 1집과 마찬가지로 이게 뭐야 했는데, 계속 듣다보니 좋았다. 그래도 1집만큼의 중독성은 없는 것 같다.

가을방학 1집은 대부분의 노래가 좋다. 샛노랑과 새빨강 사이도 좋고, 동거도 좋고, 취미는 사랑 도 좋고, 인기있는 남자애도 좋다. 그리고 언급되지 않은 나머지 여덟개의 노래도 다 좋다. 멜로디도 좋고, 가사도 좋아서 계속 듣게 된다.

음반 잘 산 것 같다.

[책리뷰] 성공을 부르는 환경들 - 아웃라이어

onionmen — Thu, 28 Oct 2010 20:13:27 +0900

1983년도 2월생과 3월 생에게는 한 달이라는 시간. 그 이상의 큰 차이점이 있다.

바로 대한민국에 존재하는 "빠른" 이라는 개념이 그것인데, 한달로 생기는 이 빠른이라는 차이가 결정짓는 인생의 요소들은 실로 어마어마하다고 할 수 있다.

물론 모든 2월생과 3월생이 차이가 나는 것은 아니다. 1월 2월에 태어남에도 불구하고 "혜택" 을 받지 못한 아이들도 많이 있고 또, 4월생임에도 불구하고 부모님의 노력(?) 으로 한학년 일찍 학교에 들어가는 경우도 있다. 음력을 이용해서 말이다.

'일년을 이익보자.' 라는 생각이 우리의 부모님들을 이렇게 만들었을까.

아웃라이어(OUTLIERS)
카테고리	자기계발
지은이	말콤 글래드웰 (김영사, 2009년)
상세보기

말콤글래드웰은 자신의 저서 "아웃라이어" 에서 이야기 하고 있다. "캐나다에서 프로하키선수가 되려거든 1월달에 태어나라." (사실 정확히 이런 이야기를 한것은 아니지만 요약하자면 말이다.)

10살의 아이를 놓고 신체적 비교를 해보면 같은해 1월생은 12월생보다 신체적으로 발달이 빠르다는 것이다. 이에 대한 근거로 프로 하키선수들의 생일들을 모두 찾아 비교해보고, 그 지역의 주니어 하키선수들의 생일을 찾아 표로 만들어 제시했다.

이는 비단 하키선수들의 체력비교에만 국한되지 않는다. 도서 "아웃라이어" 에 따르면 상반기에 태어난 아이의 성적이 하반기에 태어난 아이들의 그것보다 최대 12%정도 높다는 연구결과도 나와있다고 한다.

이 학업성취도와 관련한 내용은 유치원시기부터 밀접한 연관성을 맺는데 몇 개월 앞서 태어난 아이는 좀 더 듣고, 좀 더 보고, 부모님과 함께하는 시간이 좀 더 많기 때문에 익숙함에 있어서 뒤늦게 태어난 아이들을 앞선다. 여기서 교사들은 익숙해서 잘 하는 것과 정말 똑똑해서 잘 하는 것을 혼동하게 되는데, 어찌되었든 결과적으로는 잘하는 아이를 좀 더 똑똑하고, 우수한 아이로 평가한다. 이러한 현상은 초등교육에 진학해서도 마찬가지의 결과를 낳고, 이는 곧 우열반으로 가려져 잘하는 아이들은 점점 더 잘하는 아이로 만들어지고, 이 격차는 점점 더 심해진다.이는 피그말리온 효과와도 어느정도 관련이 있다고 볼수 있다.

"아웃라이어" 에서는 "있는자는 더 풍족하게 되고, 없는자는 더 빼앗기리라." 라고 이야기 하고 이를 마태복음 효과라 이야기 한다.

다시 1983년도 2월생과 3월생의 차이로 돌아가보자. 학업성취능력 또한 인생을 결정하는 요소들 중 하나이기도 하지만 정말 큰 차이 중 하나가 대한민국에 있다. 바로 대학진학을 위해서라면 누구나 응시해야 하는 대학수학능력시험. 수능시험이다. 실제로 83년도에 태어난 학생들이 응시한 01년도(02학번)의 시험과 83년 빠른 학생들이 응시한 00년도(01학번)의 시험의 난이도 차이는 실제로 엄청났다. (참고자료 링크)

01년도와 02년도 모두 난이도 조절이 실패한 대표적 수능으로 꼽고 있는데 그 이유가 01년도는 너무 쉬워서, 02년도는 너무 어려워서이니 그 사이의 공백은 다른 어떤 경우보다 심했을 것으로 예상한다.
실제로 02년도 수능 응시자들은 생각보다 낮게 나온 점수 때문에 많은 수험생들이 대학교에 하양지원을 했던 것으로 기억한다.

시험이 쉽고 어렵고의 차이로 인해 가장 큰 영향을 받는 것은 상위 20% 하위 20%를 제외한 나머지 60%의 학생들이다. 이들은 시험 난이도에 가장 큰 영향을 받는 학생들로, 시험이 어려울 경우 조금 유리하고, 시험이 쉬울 경우엔 조금 불리하다. 이 중간 계층들은 대부분이 실수가 잦고, 광범위한 범위와 기본 개념이 약하다. 때문에 차라리 어려운 편이 상위권 학생들과 조금이나마 격차를 줄일 수 있다.

때문에 01년도 수능 응시생들은 많은 수의 학생들이 손해를 보았고, 02년도의 수능 응시생들은 01년도에 비해 비교적 많은 학생들이 이득을 보았다.

01년도에 수능시험에 응시한 학생들 중 빠른 83년도 생이 있다면, 이 학생들은 환경조건 때문에 60%의 그룹에 속할 가능성이 높다. 이들이 "빠른" 이 아닌 정상적인 계단을 밟아왔다면 결과가 달라졌을까? 같은해의 후반기에 태어난 아이들에 비해서 여러가지 면에서 좀 더 혜택을 받았을 수도 있다. 그리고 좀 더 나은 대학에 진학하여 다른 삶을 살았을 수도 있다. 이런 점을 생각해본다면, "빠른" 아이들은 과연 일년을 이득 본 것이었을까?

"아웃라이어" 에서는 이와 같은 마태복음 효과에 대한 이야기를 비롯하여, 환경에 영향을 받아 천재가 된 사람들, 그리고 그 반대로 천재이면서도 환경의 영향을 받아 빛을 보지 못한 사람들의 이야기를 풀어내고 있다.

마태복음효과가 궁금하고, 두 천재의 전혀 다른 길이 궁금하고, 아시아인이 수학을 더 잘하는 이유 따위가 궁금하다면 한번 이 책을 펼쳐보는 것도 나쁘지 않겠다.

이 책을 읽기 시직하는 것이 당신 성공의 시작일지 혹시 모르겠다.

jquery 플러그인 만들기 (2)

onionmen — Fri, 1 Oct 2010 17:30:04 +0900

2010/08/31 - [Review/IT] - jquery 플러그인 만들기 (1)
jquery 플러그인 만들기 (1) 편에 이은 연재글입니다.

이전에 만들었던 플러그인에는 작은 단점이 있다. 바로 범용성이 떨어진다는 것인데, 플러그인은 어떤 환경에서 쓰일지 모르기 때문에 보편적으로 만들어야 한다.

간혹 jquery와 prototype.js 등의 프레임워크를 동시에 사용하는 환경이 있는데, 이런 경우 jquery의 $ 를 다른 표현으로 사용하기도 한다. 하지만 우리가 만들어놓은 플러그인은 $ 를 사용하기 때문에 충돌이 날 수 있다.

해결책으로 자신이 만든 플러그인 메소드를 래핑하는 방법이 있다.

우선 형식은 다음과 같다. (function() { statement })()

자신이 만든 메소드를 유효범위로 감싸면서 내부의 변수와 함수들을 private 하게 만드는 것이다.

(function() { statement })() 빨간색으로 되어 있는 부분을 하나의 함수명 이라고 생각하면 좀 더 쉽다.

function() 이 될텐데, 이는 마찬가지로 인자를 넘길 수 있다는 뜻이 된다.

(function() { statement }) == function

우리는 일전에 아래와 같은 플러그인을 만들었다.

$.fn.Alert = function() {
	return alert(this[0].id);
}

이걸 유효범위로 만들기 위해 아래와 같이 수정한다.

(function($) {
    $.fn.Alert = function() {
	return alert(this[0].id);
    }
})(jQuery);

이렇게 되면 $ (여기서는 jQuery) 변수를 익명함수의 인자값으로 넘기고, 익명함수는 jQuery 를 $로 받아서 플러그인에서는 계속 $를 사용할 수 있다.

jquery 플러그인 만들기 (1)

onionmen — Tue, 31 Aug 2010 22:19:18 +0900

jQuery 에 대한 기본적인 문법적 이해가 있다는 가정하에 문서를 작성합니다.

약 1년간 jQuery를 사용하면서 jQuery가 제공하는 자바스크립트 사용의 편의성에도 매우 감탄했지만, 정말 매력적이었던 부분은 플러그인에 대한 지원이었다.

한동안 남들이 만들어놓은 플러그인 들을 고맙게 가져다 썼지만, 어느 시점에서 부터 요구사항에 맞는 플러그인을 찾기가 쉽지 않았다. (이는 우리 사이트에서 jQuery를 필요로 하는 부분이 그만큼 많아졌다는 것에 대한 반증이기도 하다.)

요구사항에 맞춰서 UI를 만들다 보니 기존에 사용하던 플러그인을 대충 수정하면서 사용했지만, 점점 더 높아지는 요구사항에 아예 플러그인을 새로 만드는게 더 나아보였다.

겸사겸사 간단하게 플러그인을 만드는 방법을 작성해볼까 한다.

기본적으로 jQuery를 사용함에 있어서 사용하는 플러그인의 타입은 크게 아래 두 종류 이다.

$('div').plugin_name();
$.plugin_name();

1번은 셀렉터를 이용하여 메소드체인을 생성할 수 있고, 2번은 그냥 function 이다.

1. $('div').plugin_name(); 를 만들어보자.

jquery.test-plugin.js

$.fn.Alert = function() {
	return alert(this[0].id);
}

div tag를 셀렉터로 하여 정보를 출력하는 간단한 플러그인이다.

위와 같이 작성하면 간단하게 끝난다.

위 메소드에서 두가지를 살펴볼 수 있는데, 하나는 this 이고, 나머지 하나는 그 this를 리턴하는 것이다.

this는 예상하는대로 div 엘리먼트에 대한 참조이고, this를 리턴하는 이유는 메소드체인을 사용하기 위함이다.

this 에 대한 프로퍼티를 확인해보면, 할당된 Method 들이 있고, 이 div 엘리먼트에 대한 프로퍼티를 담고있는 배열( [0] )이 있다.

div 엘리먼트가 하나라고 가정할 수 없으니, 배열로 엘리먼트를 구분하는 것이다. (현재는 html 상의 div가 한개 뿐이므로, 배열도 한개만 나온다. div 엘리먼트가 여러개라면 배열 또한 그에 상응하게 나타난다.)

jquery의 강점중 하나는 메소드 체인을 사용할 수 있다는 것인데, 예를 들어서 $("div").Alert().fadeOut(); 과 같은 코드를 사용할 수 있다는 것이다.

메소드 체인이 끊어지지 않게 하기 위해서는 jquery 객체 (여기서는 this) 가 리턴되어 유지되는 것이 중요하다.

$.fn.Alert = function() {
	return this.each(function(i,k) {
		alert(k.id);
	});
}

그리고 div 와 같은 엘리먼트들은 배열(오브젝트) 이기 때문에 each 와 같은 순환문을 통하여 "사용하고 리턴될 수" 있어야 한다.

2. $.plugin_name(); 를 만들어보자.

jquery.test-plugin2.js

$.Alert = function() {
	alert("plugin-test");
}

1번과 비교해서 fn 부분이 제거되고, return 되는 부분도 없다. 그냥 일반적인 함수 작성하듯 만들면 된다.(함수니까!) 하나의 기능만을 담당하는 것이라면 문제는 없다.

이는 아래와 같이 사용된다.

그러니까, 태도의 문제인거다.

onionmen — Mon, 9 Aug 2010 20:16:25 +0900

솔직히 과장님이나, 팀장님이 그렇게 이야기 하고 지키라고 했으면 군소리 없이 했을 것이다. 하지만 입사한지 얼마 되지 않은 사람이 이렇게 해달라 저렇게 해달라 요구하면 쉽게 들어줄 수 있을까는 좀 다른 문제이다. 그것이 업무방식에 영향을 미칠 때 말이다.

과장, 팀장이라서 따르고, 신규입사자라서 안따르고 하는 것은 아니다.(물론 어느정도는 있겠지만) 회사의 분위기와 문화를 이해하고, 변경을 시도하면 충분히 공감하면서 변화를 수긍할 수 있다. 하지만 제대로된 말 도 없이 이런 변화를 받아들이라고 강요하면 반감부터 생기는 것이 사람이다.

게다가 이야기 하러 갔는데, 회사를 다녀도 이런 시스템은 없었다 라는 식으로 이야기를 한다면, 좋게 이야기 하고 싶지 않아질거다.

진정하고 조금만 생각해보자. 순수하게 업무적으로 생각한다면 내가 민감하게 반응한게 맞다. 하고자하는 내용은 논리적으로 문제없고, 어떻게 볼 때 효율성을 위해서는 더 좋다. 문제는 잘 알지도 못하는 사람이 바꾸자고 하는거다. 앞으로는 이렇게 해야한다. 라고 못박고 전혀 협상의 여지도 두지 않는다. 범용적인 것은 좋은데, 다른 부서들의 상황을 전혀 고려하지 않고 밀어붙인다는거다.

필요한 정보가 이름, 주소, 주민번호라고 하자. 그런데 내가 알 수 있는건 이름과 주소 뿐이다. 그래서 이름과 주소를 적어서 냈다.

다음 상황을 보자.

A: "이름과 주소밖에 몰라서 그것만 적어서 냈어요."

O: "주민번호도 적어서 내셔야 하는데요."

A: "이름과 주소를 알면 주민번호는 그 쪽에서 알 수 있지 않나요?"

O: "이름과 주소를 알려주시면 주민번호를 알려드릴게요. 그거 적어서 내세요."

A: "그럼 다음번에도 이름과 주소를 알려드린 뒤에 주민번호를 받아서 여기 적은 다음에 다시 내야 하나요?"

O: "이미 한번 주민번호를 알려드렸잖아요. 그걸 기억하고 계셨다가 쓰셔야죠."

A: "왜 이렇게 하나요?"

O: "좀 더 확실하고 정확하게 하기 위해서 입니다."

A: "예전엔 이렇게 안하고 그냥 이름과 주소만 적어서 냈는데요?"

O: "예전 담당자는 이제 없으니 그렇게 못합니다.ㅋ"

예전에는 그냥 이름과 주소만 적어서 냈다. 그런데 이제 주민번호를 알아내서 적으라고 한다. 주민번호 물어봐서 적은 다음에 다시 낼 수 있다. 그런데 여기서 문제는, 알려준 정보로 얻어낸 주민번호가 정확한 주민번호인지 판단할 수 없다는 거다. 그냥 그 쪽에서 이거라고 던져준 주민번호를 써 넣어서 요청을 하는데, 이게 정확하다고 판단할 수 있는건가? 어차피 그쪽에서 알려준 주민번호인데 말이다. 이럴거면 무엇하러 주민번호를 요청해서 쓰나.

회사에는 이미 주민번호를 알고 있는 부서도 있고, 주민번호를 모르는 부서도 있다. 이미 알고 있는 부서는 문제가 안되겠지만, 모르는 부서는 이게 문제가 된다. 그럼 융통성 있게 해결할 자세를 보여야 하는거 아닌가?

아 답답하다.

말도 좀 부드럽게, 융통성 있게, 상황판단 해서 적절하게 하면 안될까?

이왕 입사한거고, 함께 일을 해야 하니 적절한 선에서 타협해야겠지만, 앞으로 힘들어 질 것 같다.

당신에게 내 모습이 보입니까? - 어둠속의 대화

onionmen — Fri, 6 Aug 2010 11:15:38 +0900

"에이 설마.. 아무리 어두워도 익숙해지면 윤곽이라도 보이기 마련인데, 진짜로 아무것도 안보이겠어?"

입에서 나온 저 한 줄 문장은 어둠의 아가리 속으로 내 몸통이 들어가고 얼마 지나지 않아, 도로 제 입 속을 찾아 들어갔다. 정말 '아무것도' 보이지 않는 칠흑 같은 어둠 속. 여기서 그 칠흑이 무엇을 의미하는지 이제서야 진정 그 의미를 알게 되었다.

1. 어둠과의 대화

어둠을 이야기 하면, 무엇이 생각나냐 라고 묻는다. 이럴 때 단연 말 할 수 있는 것은 "한치 앞이고, 인생이다." 그냥 깜깜할 뿐이다.

놀거리 없던 내 어린 시절. 수건 한 장과 친구들 두세 명만 있으면 언제 어디서든 할 수 있는 눈감고 찾기 라는 놀이. 그 놀이의 박수소리를 생각나게 하는 가이드 분의 박수소리. 시각을 지운 이런 전시가 내 어릴 적 동심을 기억나게 해줄 수도 있구나.

그저 고맙다.

이번 '대화' 를 통해서 내 근거리 지각의 능력이 어느 정도인지 너무나도 명확하게 알게 되었다. 굳이 알아듣기 쉬운 말로 고쳐 다시 평가 내리자면.

"이번 '대화' 를 통해서 형편 없는 내 근거리 지각 능력을 알게 되었다."

시각을 사용하지 않고서는 정말 아무것도 할 수 없는 모습이라니. 그저 우울했다. 나에게도 육감(six sense)이라는 것이 있어서 "I can see dead people" 을 외치며 부들부들 떨 수 있다면, 이 우울함이 좀 사라질까?

촉각적인 내 시각을 잠시 몸에서 잠재우고, 4감각들을 사용한 어둠과의 전쟁이 시작되었다. 내 몸에서 내 시각이 어느 정도의 권력을 갖고 있었는지 새삼 실감할 수 있는 상황이었다. "왼쪽을 만져보세요." 라는 가이드 분의 말을 듣고 뻗은 내 왼손에 만져진 것은 죄송하게도 어떤 분의 어깨였다. 몸통을 돌려 왼쪽을 만져야 하는 상황을 제대로 파악하지 못한 것은 단지 내 상황판단능력의 문제일까?

2. 시선의 폭력

힘을 가진 자는 그 힘을 잘 사용해야 한다. "슈퍼맨이 나쁜 마음을 먹는다면?" 아니, 굳이 상상 속의 인물로 한정할 필요도 없다. "부시가 나쁜 마음을 먹는다면?(얘는 이미 많이 나쁜 아이지만, 그냥 대놓고 나쁜 아이가 된다면 이라고 상상해보자.)으로 정정하도록 하자." 그렇게 되면 세계 여러나라가 쌀나라의 속국이 되어, "부시 만세" 를 외쳐야 할 상황에 놓이게 될지 모른다.

이만큼은 아니더라도 시선의 힘은 대단하다. 위아래로 훑어보는 행위 하나만으로도 상대방에게 굉장한 불쾌감을 줄 수 있는 것이 시선의 힘이다. 게다가 이 시선의 폭력은 법적 제재조차 받지 않는 면죄부도 갖고 있다. 약간이라도 특이한 사람을 보면 끈적한 시선이 그의 움직임에 들러붙어 떨어질 생각을 않는다.

보통 이렇게 이야기 한다. "눈의 소중함을 새삼 느꼈어요."

이렇게 라도 알았으면 이제 좀 잘 사용해보자.

3. 장애

가이드 분들을 보고 생각난 영화는 "조제, 호랑이 그리고 물고기들" 이었다.

장애를 가진 조제와 헤어지는 남자친구를 욕했다. "저런 나쁜새끼." 나는 눈물을 훔쳤다. 그 후에 우연히 듣게된 작은 설명은 내 뒤통수를 때렸다. 남자친구는 조제를 동정한 것이 아니다. 동정해서 사귄것이 아니라 그냥 평범한 여자아이와 사귄 것이다. 평범한 여자 아이와 헤어지는데 그 여자를 동정해야 할 이유가 없지 않은가. 왜 이 남자 주인공은 보통 연인의 헤어짐에서 욕을 먹어야 하는가. 그리고 난 왜 이 남자를 욕해야 했는가.
난 정말 진정한 장애에 사로잡혀 있던 것은 아니었을까.

4. 끝

전쟁이라는 표현을 사용 했지만, 어둠은 정복해야 할 대상도 아닐뿐더러, 절대 정복 할 수도 없는 곳이다. "위대한 불의 발견이 어둠의 정복이다." 라고 생각한다면, 그 횃불을 뒤로 돌려보라. 조금 전까지 환하던 그 자리는 횃불이 사라진 지금 어둠만 남아있을 것이다.

당신의 물김치는 너무 맛있다.

onionmen — Sun, 25 Jul 2010 00:07:19 +0900

음력상으로는 늦은 봄인 어느 여름날, 땀을 뻘뻘 흘리면서 회사로 향하는 발걸음속에서 물김치가 생각났다. 아삭하게 깨물리는 열무 이파리와 시원해보이는 뽀얀 국물. 어제 저녁 먹었던 미지근한 물김치가 생각났다. '그게 조금만 더 차가웠더라면 어땠을까.' 하는 생각을 하며, 상상속에서나마 시원한 물김치를 한입 떠먹었다. 그리고는 마치 진짜로 먹은 듯 온 몸이 시원해졌다.

그러니까, 당신의 물김치는 너무 맛있다.

"설마, 처음해본거야? 물김치."

"아니~ 이전에도 가끔 했었는데. 별로 안좋아 하잖아. 물김치."

'내가 물김치를 싫어했었나' 라는 의문이 들고 몇 초 지나지 않아서 그게 아니라는 결론을 내렸다. 싫어하지 않는다. 아니 오히려 좋아하는 축에 낀다. 여름날의 물김치는 좋아한다. 그리고 겨울에 떠먹는 아삭한 동치미도 좋아한다.

잠깐 내린 소나기 때문이었는지, 그다지 덥지 않은 오늘 저녁도 당신의 물김치가 생각났다.

자, 이제 설거지를 해보자.

자바스크립트(1-1) - 클로저(closure) 에 대한 이해.

onionmen — Sun, 11 Jul 2010 22:49:26 +0900

클로저는 실무에서 자바스크립트로 개발을 하다보면 자신도 모르게 사용했던 개념이다. 클로저는 몰라도 예제코드를 보면 "아하, 그게 클로저야?" 라고 되묻는 사람들이 꽤 많을 것이다.

아래 코드를 보자.

var closureTest = function() {
	var closureVar = "closure test";

	return function() {
		alert(closureVar);
	}
}

closureTest 라는 함수는 closure test 라는 문자열을 출력하는 익명함수를 리턴한다. 그리고 위 코드를 수행하면 정상적으로 closure test 메시지가 alert창으로 뜬다.

위 코드가 왜 이상한지 모르겠는 사람은 클로저에 대한 이해가 충분하거나, 아니면 자바스크립트에 대한 이해가 불충분한 사람일 것이다.

기본적으로 closureVar 변수는 closureTest 에 속한 지역변수 이기 때문에 다른 외부함수에서 호출하는 것이 불가능하다. 변수를 호출하기 위한 방법으로는 지역변수로 선언된 closureVar 변수를 전역변수로 바꿔 선언하는 방법이 있다.

그런데 자바스크립트에서는 굳이 이렇게 하지 않아도, 함수에 속한 지역변수를 다른 함수가 호출하게 하는 것이 가능하다. 이게 바로 클로저다. 좀 더 정확하게 이야기 하면, 클로저란 자신이 생성된 함수의 context에 직접 접근(참조) 할 수 있는 것이다.

위 코드를 좀 더 쉽게 풀어보면 아래와 같다.

var closureTest = function() {
	var closureVar = "closure test";

	return closureTest2();
}

var closureTest2 = function() {
	alert(closureVar);
}

하지만 위 코드는 제대로 동작을 하지 않는다. closureVar 변수가 closureTest 함수에 선언되었기 때문에, closureTest2 함수에서 접근할 수 없기 때문이다.

위 코드를 동작시키기 위해선 closureVar 변수를 전역변수로 새로 선언해야 한다.

var closureVar = "";
var closureTest = function() {
	closureVar = "closure test";

	return closureTest2();
}

var closureTest2 = function() {
	alert(closureVar);
}

하지만 변수가 많아진다면 이 모든 변수를 전역변수로 할당해야 하는데, 코드도 어려워지고(지저분해지고) 개발자도 힘이 든다. 변수를 모두 전역변수로 선언하지 말고, 클로저를 잘 이해하여 써먹어보자.

애드센스와 함께 블로그 개편

onionmen — Thu, 1 Jul 2010 18:28:22 +0900

블로그 스킨을 개편했습니다.

스킨을 새로 입힌지 1년도 넘은듯 한데, 갑자기 무슨 바람이 불었는지 스킨을 바꾸고 싶더라구요. 무심결에 스킨 변경을 눌렀는데, 생각보다 다시 설정해 줘야 할 것들이 많아서 꽤 애먹었습니다.

작년엔 스킨변경하면서 오픈아이디 델리게이션도 까먹었습니다. 미투데이 로그인도 안되서 원인 찾는데 애먹었는데, 이번엔 무사하게 제대로 스킨변경을 했습니다.

이왕 이것저것 만지는 김에 애드센스도 달았습니다. 오랜만에 광고를 설치하네요. 얼마 안되는 구독자분들에게는 죄송합니다.

애드센스를 설치할 때 늘 고민하게 됩니다.

클릭을 최대한 유도하기 위해서 광고를 달아야 하는지, 아니면 최대한 디자인을 해치지 않는 선에서 달아야 하는지.

솔직히 애드센스가 디자인을 해치지 않고서는 달 수 없는 것 이라서 그나마 조화를 맞추려고 노력 하는데요, 그러면 클릭을 유도하지 못하는 광고를 설치할 필요가 있는가 에 대한 딜레마에 봉착하게 됩니다. 이거 참.

어쨋든 다음뷰AD 와 함께 AD센스를 함께 설치했습니다.

양파맨의 겨울나기

Nest Learning Thermostat EU버전 설치기

얼룩

실패경험

무색

RIP

쉽게 살고싶다.

의식하게 되면 낯설어진다.

이번 사태의 원인은 전적으로 너에게 있다.

티스토리 사진 공모전 - 가을

티스토리 사진 공모전 - 여름

티스토리 사진 공모전 - 봄

결혼 뭐하러 하노, 도쿄 공원

이사일기 & 후기

화차, 레슬리의 비밀일기

element

element

element

element

element

신입사원 소개

element

element

element

element

element

element

element

촌마게푸딩

element

촘스키, 빅픽처, 촌마게푸딩

element

element

element

element

element

element

element

2011년 정리, 2012년 시작.

그지같은 구글리더 개편

element

element

가끔 너의 발가락이 생각난다.

element

애플 앱스토어 국가별 ID(email) 관리

element

element

함께 일하고 싶은 개발자

element

element

element

element

nodejs 알기 (1) - 활용과 설치

아이폰 MTU 실패로 인식 안되는 경우 해결 방법

element

1주차 - Hello World 1

네이트 사태, 비밀번호 30초만에 뚫림이 중요한가?

[새신스터디] 커리큘럼

[NDC] 라이브서비스조직에서 웹개발자로 잘살기 발표자료

NDC2011에 초대합니다.

창의력은 어디에서 오는가 IDEO vs Tadao by prezi

아이패드 블로깅

패스워드는 복잡성을 만족해야 할까?

자바스크립트(1-2) - 클로저(closure) 에 대한 이해

IE9으로 디버깅 하기 (1) - 콘솔창

이왕 써야 한다면 IE9

평범한 69%를 제외한 나머지 – 31% 인간형

[내 앨범 위젯] 내 블로그를 즐겁게 만들어주는 또 한가지 재미

인생의 목적과 당장의 목표

추운 2010년을 보내고, 2011년을 맞이하며

올려보자 신용 - 신용의 달인 (by 크레딧뱅크)

던파 커뮤니티 모바일 (jquery mobile)

가을방학1집과 브로콜리너마저2집

[책리뷰] 성공을 부르는 환경들 - 아웃라이어

jquery 플러그인 만들기 (2)

jquery 플러그인 만들기 (1)

그러니까, 태도의 문제인거다.

당신에게 내 모습이 보입니까? - 어둠속의 대화

당신의 물김치는 너무 맛있다.

자바스크립트(1-1) - 클로저(closure) 에 대한 이해.