Blog
리얼 레이싱 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)
세월호
사실 루리웹 유저는 아니지만 수학여행 가기 전에 올린 글에 달려있는 댓글을 보고 많이 슬펐다(발인에 참석한 루리웹 회원의 후기). 계속해서 나오는 혼란스러운 언론 기사들, 뭐하는지 알 수 없는 많은 책임자들, 나 역시도 아무것도 안한 외부인의 한사람이기는 하다. 이 슬픔과 분노, 좌절을 어떻게 해야 할까... 삼가 고인들의 명복을 빕니다. 그리고 부디 한명이라도 더 생존자가 구조될 수 있기를 빕니다. 청해진해운 세월호 침몰 사고(엔하위키 미러) 세월호 침몰 사고(위키피디아) 선장 한 명 탓인가, 그래서 세상은 좋아질까 [칼럼] …
life |2014-04-23 | Comments (3)
HTML 서식의 리셋 기능
사용자가 입력한 값을 AJAX로 전송하고 UI가 사라진 후 다시 그 UI에 접근하면 종종 이전에 입력한 값을 지워주곤 한다. 지금까지는 $('[name=comment]').val(''); 이런 식으로 일일이 초기화 구문을 넣어 줬었다. 서식이 복잡하고 라디오 버튼이나 체크박스 같은 것이라도 있으면 꽤나 번거로운 일이다. 서식마다 코드도 다 다르고 말이다. 오늘 다른 내용을 찾아보다가 <input type="reset">이 있었다는 사실을 기억해냈다. 구구절절 서식을 초기화 해줄 필요 없이 $('#my-form').get …
dev |2014-03-20 | Comments (3)
휴대폰 소액결제 사기보다 더 이해 안가는 휴대폰 안심결제 서비스
휴대폰 소액결제 사기를 당한지 얼마 지나지 않아서 휴대폰 안심결제라는 스팸 SMS가 날라왔다. 소액결제을 할 때 비밀번호를 입력하게 해주는 서비스인데 월 990원의 유료란다. 파트너쉽에 주요 이통사들이 다 있다. 상식적인 사람이라면 소액결제에 이런 문제가 있다는 것을 알았으면 비밀번호 도입을 기본 사항으로 채택해야 하지 않을까? 아니면 휴대폰 소액결제를 유료화 하든지... 이걸로 돈을 벌어 먹으려는 인간들 머리를 한번 열어보고 싶다. 이통사도 알면서 쉬쉬하는게 분명하다. 뭐가 어떻게 돌아가고 있는지 모르겠다.
life |2014-02-16 | Comments (0)