Blog
2014년 결산
올해의 가장 중요한 사건은 누가 뭐래도 둘째 예철이의 탄생, 무럭무럭 잘 크고 있다. 다음커뮤니케이션으로 회사를 옮겼고 그 회사가 카카오와 합병을 해서 다음카카오가 되었다. 개발 조직에서 다시 디자인 조직으로 돌아왔으며 올해는 5개의 페이지(후보vs후보, 세월호 72시간의 기록, 3분야구, 길냥이를 부탁해, 신해철 그대에게.)를 만들었다. 텐트와 캠핑 용품을 구매했고 가족들과 같이 캠핑을 즐겼다. 형이 태국에 갔고 아버지도 지방현장으로 출장을 다니신다. 연락을 많이 하고 살지는 않았지만 거리가 멀어지니 신경써야 겠다는 생각이 더 많 ……
life |2014-12-31 | Comments (1)
신해철 그대에게.
오늘은 신해철의 49재이다. 너무나 갑작스럽게 떠나버려서, 하지만 워낙 많은 사람들의 사랑을 받은 그였기에, 그의 음악 인생을 살펴보고 기록으로 남기는 취지의 '신해철 그대에게.' 페이지를 제작하였다. 신해철의 음악 활동을 시대별로 살펴볼 수 있다. 또한 음악 활동 뿐만 아니라 어록이나 각종 삶의 이벤트들도 같이 볼 수 있게 하였다. 타임라인 상단 영역에 그 시대에 대한 사용자의 의견을 남기고 보여줄 수 있게 하였다. 마지막 화면은 그를 기리는 동영상으로 마무리 하였다. 모바일 화면과 태블릿 화면도 반응형 웹디자인을 적용 ……
work |2014-12-14 | Comments (5)
길냥이를 부탁해
서울시와 함께 길고양이에 대한 이해와 인식을 제고하는 프로젝트인 "길냥이를 부탁해" 사이트를 제작하였다. 길냥이 사진과 스토리, 길냥이 분포를 공유함으로써 사용자들간의 커뮤니티를 활성화하고 서울시의 활동 내역도 쉽게 파악할 수 있게 하는 목적을 가지고 제작되었다. 그런데 문제가 발생했다. 서울시와 이러한 활동을 지지하는 단체, 이러한 활동을 지지하지 않는 커뮤니티 간의 의견 대립이 생겼다. 그래서 오픈도 연기되고 공청회도 열고 등의 활동을 한 것으로 알고 있다. 관련해서 할 말은 많지만 제작한 사람이 이러쿵 저러쿵 의견을 피력하 ……
work |2014-12-06 | Comments (2)
리얼 레이싱 3 - 포르쉐 919 하이브리드
요즘 리얼 레이싱 3(Real Racing 3)를 하고 있는데 여기 나오는 포르쉐 919 하이브리드(Porsche 919 Hybrid)에 대해서 간단히 정리해 보겠다. 일단 차 모양이 예사롭지 않은데 처음 이 차가 나올 때에는 로드 투 르망(Road to Le Mans; RTLM)이라는 이벤트로 획득 하는 방식이었다. 지금도 이벤트를 선택해서 진행할 수도 있고 바로 사도 된다. 로드 투 르망에는 총 12개의 스테이지가 있고 각 스테이지에는 4~7개의 파트로 나눠져 있고 한 파트에 최고 3개의 트랙이 들어가게 된다. 이걸 10일 안 ……
hobby |2014-11-17 | Comments (4)
안녕...신해철
데뷔시절부터 안 것은 아니다. 중학교때 반 친구가 동화같은 표지의 테이프를 보여줬고 정확한 표현은 기억이 안나지만 그 당시 수준에서 활용할 수 있는 언어로 극찬을 했었다. 음악을 그리 많이 듣지는 않았던지라 그냥 아 사람들이 좋아하는 음악이구나 싶었고 라디오에서 나오는 음악이랑은 좀 다르네 정도의 느낌이었다. 고등학교를 들어가면서 음악을 좀 듣기 시작했고 CDP를 들고 다니면서 용돈아껴 CD를 사모으기 시작했다. The Being 앨범을 접하게 되고 이 앨범이 예전에 친구가 극찬을 했던 그 밴드라는 것도 알게 되었다. World ……
life |2014-10-28 | Comments (1)
포스트 시즌 3분야구
포스트 시즌 경기를 한눈에 즐길 수 있는 "3분야구" 사이트를 제작했다. 페이지 단위를 스크롤로 넘기면서 경기의 중요 장면과 기사, 사진 등을 즐길 수 있는 서비스 이다. 야구에 별로 관심이 없어서 포스트 시즌이니 경기 하이라이트니 등이 어떤 의미인줄 잘 몰랐는데 만들어놓고 보니 꽤나 재미있다. 2, 3차전이 비때문에 취소되어서 지금은 1차전만 볼 수 있고 이후 다른 경기는 다음 가을야구 페이지에서 경기 종료 후에 볼 수 있다. 반응형 웹디자인으로 모바일 페이지도 제공하고 있는데 매번 할 때마다 느끼지만 반응형 웹디자 ……
work |2014-10-22 | Comments (3)
배경이미지 위치를 백분율로 지정하기
"세월호 72시간의 기록"에는 시간을 나타내기 위해서 사용된 숫자가 총 4가지 사용됐다. 각각의 숫자는 크기가 다 달라서 서로다른 이미지를 사용하고 있다. 이미지는 모두 동일하게 0부터 9까지의 숫자가 스프라이트된 이미지이지만 이미지의 크기가 다 달라서 배경이미지 위치를 지정하는 코드를 이미지별로 새로 작성해야 했다. #timer span { background: url(../img/number-1.png) 0 0 no-repeat; } #timer span.num1 { background-position: -30px 0; ……
dev |2014-08-15 | Comments (1)
세월호 72시간의 기록
오늘은 세월호 참사가 있은지 100일이 되는 날이다. 그동안 팀에서 제작한 "세월호, 72 시간의 기록" 페이지를 오픈했다. 골든타임이라 불리우는 초기 72시간동안 어떠한 일이 있었는지 기록해보고 사용자들이 시간순으로 탐색할 수 있게 기획한 타임라인 형태의 페이지이다. 처음에는 우리팀 디자이너 분이 아이디어를 냈다. 많은 정보들과 기사들이 있지만 명확하지 않은 점과 혼란스러운 부분이 많다는 데에 다들 공감을 했던 것 같다. UX적으로도 도전적이고 내용적으로도 의미있는 일이 될 수 있을 것 같아서 진행하게 되었다. 내가 속해있는 ……
work |2014-07-24 | Comments (1)
머큐리얼 큐(Mercurial Queues)
깃(Git)이 대세이기는 하지만 상환의 영향으로 머큐리얼(Mercurial; hg)에도 계속 관심이 간다. 모질라(Mozilla)도 많은 프로젝트의 버전관리를 머큐리얼로 하고 있어서 더욱 그러하다. 모질라에서는 패치를 리뷰받기 위해서 머큐리얼 큐(Mercurial Queues; mq)를 사용하고 있는데 한번 사용해 봤다. 요새는 패치를 보내면 풀 리퀘스트(pull request)로 보내라는 답변이 온다고는 하지만 패치와 풀 리퀘스트는 엄연히 다르다. 풀 리퀘스트보다 패치가 좋은 측면도 분명히 있다. 머큐리얼 큐는 머큐리얼의 확장기 ……
dev |2014-06-08 | Comments (0)
언딘이 도대체 무슨 회사길래
배가 뒤집어 진 뒤 구조자 0명... 처음에는 복지부동의 군경과 공무원들에 대한 분노가 있었다. 하지만 양파처럼 계속해서 밝혀지는 이상한 사건들로 인해 뭔가 구린 구석이 있다는 생각이 들었다. 특히나 이해할 수 없는 것은 해양경찰의 대응이다. 실제로 구조활동을 전반적으로 책임지고 지휘해야 하는 입장에 있는데 이 해경이 구조에 적극적이지 못한 수준을 넘어서서 구조를 지연시키고 있는 것 같았다. 특히나 이미 세월호와 교신을 했지만 처음에는 교신을 안했다고 했다가 급기야 교신한 내용을 다 공개해야 할 필요는 없지 않느냐는 적반하장의 대응 ……
life |2014-05-02 | Comments (0)