작년 영국의 파이낸셜타임즈는 애플의 앱스토어의 폐쇄성과 수익 분배 이슈에 대응하기 위해서 HTML5를 활용한 웹 앱을 도입했다고 합니다. 그래서 빠른 업데이트가 가능하고 기존의 웹사이트와 통합해서 관리할 수 있게 되었고, 가입자도 5개월만에 1백만 접속자가 웹앱에 접속함으로 인해 성공한 사례로 회자되고 있습니다. 실제로 아이폰으로 파이낸셜타임즈(http://app.ft.com)에 접속해 보면 "홈 화면 추가"를 통해 Web App으로 등록을 유도하도록 잘 설명되어 있습니다. 처음 등록한 후, 일반 앱처럼 실행되고 로컬 저장소도 사용하는 것을 보면서 잘 만들었다는 생각이 들기도 했습니다. 아직 HTML5가 보편화되지는 않았지만 향후 발전 가능성에 대해서는 잘 보여준 사례라고 할 수 있을 것 같습니다. 실제..
페이스북 이펙트 - 데이비드 커크패트릭 지음, 임정민.임정진 옮김/에이콘출판 최근 페이스북이 기업공개를 하면서 다시 주목받는 것 같습니다. 국내에서도 이제는 꽤 많은 사용자를 보유하고 있는 서비스이기도 하고 상장하면서 수많은 억만장자를 만들어내기도 했는데요. 사람과 사람을 이어주는 소셜네트워크로 페이스북이 최초는 아니었지만, 현재까지 성장에는 타당한 이유가 있을듯 하여 이 책을 읽어보게 되었습니다. 국내에서도 2000년대 초반의 아이러브스쿨에서부터 최근 싸이월드까지 친구를 기반으로 한 소셜네트워크 서비스가 많이 있었죠. 하지만 서비스가 계속 지속되지 못하고 점차 하락 추세에 있는 것은 분명합니다. 반면에 페이스북은 현재까지도 지속적으로 성장하고 있는데요. 책에 나온대로라면 창업자인 마크 주커버그의 확신과..
행복한 경영이야기(http://www.happyceo.co.kr/Default.aspx)에서 가져온 내용입니다. 이치를 따질 때에는 반드시 깊이 생각하고 힘써 탐구하여야 한다. 의심할 것이 더 이상 없는 곳에서 의심을 일으키고, 의심을 일으킨 곳에서 또 다시 의심을 일으켜 더 이상 의심할 것이 없는 완전한 지경에 바짝 다가서야 비로소 시원스럽게 깨달았다고 말할 수 있다. - 정조대왕, [정조 치세어록]에서 (안대회 저) 다음과 같이 다섯 번을 ‘왜’라고 물으라고 강조합니다. 첫째, 왜 그런가? 둘째, 이 정도로 괜찮은가? 셋째, 무언가 빠뜨린 것은 없는가? 넷째, 당연하게 생각하는 것들이 정말 당연한 것인가? 다섯째, 좀 더 좋은 다른 방법은 없는가? 특히 네번째 질문인 당연하게 생각하는 것이 정말 당연..
HTML4와 CSS2에서는 다양한 미디어 타입에 따라 처리할 수 있는 스타일시트를 지원하고 있습니다. 스마트폰, 태블릿, 스마트TV 등 다양한 화면의 크기를 가진 기기들이 배포됨에 따라 관심을 받게 된 것 같습니다. 먼저 미디어 쿼리를 적용한 사이트(http://mediaqueri.es/)를 모아둔 곳을 한번 살펴보시죠. One-Source Multi-Use 측면이나 모바일 웹 개발이 증가하면서 미디어 쿼리를 적절하게 활용하는 것이 필요할 것 같습니다. 미디어쿼리에 대한 W3C의 문서는 현재 Candidate Recommendation 상태로 거의 현재 상태로 표준이 될 것 같네요. 미디어쿼리는 CSS에 설정을 통해서 화면 크기 등에 따라 다른 형태로 보여줄 수 있도록 구현하는 것입니다. 이를 위해 me..
예전에 HTML 태그에 대해서 정리했었는데요. 오늘 살펴보니 DOM을 활용해서 제어할 수 있는 기능이 추가되어 있네요. 즉, 동영상 내에 재생, 중지 등의 버튼이 포함되는 것 뿐만 아니라 HTML 내에 있는 버튼을 통해서 동영상을 제어할 수 있도록 Methods, Properties, 그리고 Events가 제공되고 있습니다. 다음 예제를 살펴보시면 재생과 정지를 하는 버튼과 속성(Property)를 변경해서 동영상 크기를 제어하는 것을 알 수 있습니다. HTML5에서 항상 그렇듯 지원하는 브라우저에서만 제대로 보입니다. ㅠㅠ Example 1 Play/Pause Big Small Normal Your browser does not support HTML5 video. Video courtesy of Bi..
구글 앱 엔진 활용하기 - 찰스 세브란스 지음, Software in Life 옮김/지&선(지앤선) 클라우드 컴퓨팅의 PaaS(Platform as a Service)의 대표인 구글 앱 엔진에 대해 다룬 책으로 관심있게 읽어봤습니다. 기본적인 GAE(Google App Engine)의 설치나 서버에 적용하는 방법등은 짧지만 이해하기 쉽게 설명되어 있습니다. 그러나 이 책이 매우 맘에 들었던 가장 큰 이유는 하나의 흐름을 가지고 Google App Engine 뿐만 아니라 해당 엔진을 활용한 웹 프로그래밍에 대해서 전반적으로 잘 설명하고 있다는 점입니다. 웹프로그래밍 개요, HTML과 CSS, Python, Ajax 등 기본적인 내용이지만 구글 앱 엔진에 적용하기 위해서 반드시 알아야 하는 부분들에 대해 ..
아파치 로그를 분석하는 awstats에 대해서는 지난번에 블로깅을 한 적이 있습니다. 2011/08/20 - [프로그래밍/리눅스] - 웹로그 분석 프로그램 AWStats 활용 그런데 최근 로그 파일을 분석하려고 해보니 2달 정도 쌓이 로그가 6G 정도 되더라구요. (월별로 쌓도록 구성했어야 했는데.. 설정을 변경해야 겠네요. ㅠㅠ) awstats가 분석하다가 결국 out of memory라는 말을 남기고 그대로 종료해 버렸습니다. 그래서 로그 파일을 분할하는 프로그램을 찾아봤는데요. cronolog(http://cronolog.org/)라고 하는 프로그램이 있더군요. 원래는 아파치 로그가 쌓일때 월별, 날짜별로 저장하도록 필터를 쉽게 설정할 수 있는 프로그램이라고 합니다. 그런데 여기 실행파일을 보면 c..
포털 사이트를 비롯한 모바일 웹을 살펴보면 좌우로 스와이프 하는 기능들이 많이 포함되어 있습니다. 협소한 공간에 여러 컨텐츠를 배치하기 위한 방법으로 활용되고 있는데요. 이러한 스와이프를 구현하기 위해서는 꽤 많은 자바스크립트와 코드가 들어가야 합니다. 오늘 소개할 SwipeView는 이러한 기능을 처리해 주는 스크립트를 제공하는 거네요.. http://cubiq.org/swipeview cubig.org 사이트를 보면 이외에도 상당히 괜찮은 모바일 웹 기반의 소스들을 제공하고 있습니다. 먼저 스와이프가 적용된 동영상과 데모 페이지들을 살펴보시죠. 이미지 갤러리에 대한 데모 페이지는 다음과 같습니다. http://cubiq.org/dropbox/SwipeView/demo/gallery/ 이미지 이외의 컨..