긍적적인 사고, 음식의 절제, 규칙적인 운동

'모바일웹과 웹개발자가 2011년 주목해야 하는 기술들'

Modern Javascript
: web2.0과 함께 자바스크립트 개발에 초점이 맞춰졌다.
  다양한 OpenAPI 개발환경이 구축되고, 다양한 모바일 디바이스에서 HTML5로
  Application을 개발할 수 있기 때문에 브라우저들은 HTML5기술을 수용하기 위해
  경쟁 중이며, 다양한 자바스크립트 라이브러리들이 나오고 개발되어지고 있다.
  HTML5는 기존의 문서기반 정보를 탐색하기위한 방식에 불과했다면,
  HTML웹환경에서 Application platform을 그대로 가지게 된 것이고 API를 가지고
  HTML5기능을 접목시키면 기존에 데스크탑에 있었던 application을
   Web에서 그대로 구현 가능해진 것이다.

  JavaScript + Html5 + Ideas, Libraries, Tool, API = Marketplace

1. HTML5
     ▷ HTML5가 모바일에 중요한 이유는 각 모바일 플랫폼용 네이티브앱을
          기간내에 모두 만들기는 어렵기 때문이다.
     ▷ 한글 HTML5 Spec : http://clearboth.org/html5/spec.html
     ▷ HTML5의 Tutorial & Presentation : http://www.html5rocks.com/
     ▷ IE에서 HTML5에 새로 추가된 element들을 사용할수 있게 도와준다.
          :  http://code.google.com/p/html5shiv/
     ▷ 브라우저가 신기능을 지원하는지 체크하여 조건분기 할 수 있게 도와준다.
          : http://www.modernizr.com/
     ▷ 웹개발자들을 위해 정리된 HTML5 Spec : http://developers.whatwg.org/
     ▷ HTML5의 Video, Audio 지원이 안되는 브라우저를 지원한다.
          : http://videojs.com/, http://kolber.github.com/audiojs/
     ▷ HTML5 Initializer라는 서비스는 HTML5템플릿을 제공하서 프로젝트 진행을 빠르게
          시작할 수 있도록 한다. : http://www.cssclip.com

2. Javascript
     ▷ zepto.js 는 모바일을 위한 자바스크립트 라이브러리. jQuery 와 호환되는 문법을
          사용하지만 jQuery보다 가벼운 용량이어서 용량에 대한 부담을 줄여준다.
     ▷ 서버사이드 자바스크립트 node.js는 구굴크롬의 V8엔진을 사용하며,
          대용량 서버에 적용할수록 기존 서버에 비해 좋은 효율을 보여준다.
          자바스크립트로 서버의 모든 기능들을 활용할 수 있도록 계속 개발되어지고 있다.
     ▷ 브라우저가 아닌 서버/데스크탑 어플을 자바스크립트로 작성하기 위한 Common.js
          란 스펙이 있는데, 이는 node.js를 따르고 있고 그 외에도 CommonJS를 통한
          많은 시도들이 되어지고 있다.
     ▷ CoffeeScript 자바스크립트로 컴파일되는 간단한 언어
          .: 나 { 가 없는 영어와 같은 간단한 문법을 사용하는데, 문법이 간결해지고 더 빠르게
           실행될 수 있도록 컴파일 해주기 때문에 익숙해지면 굉장히 유용하다.



3. Responsive Web Design
     ▷ 다양한 사이즈의 해상도에 자동으로 대응하기 위한 웹페이지 제작 방법
          - Screen Size, Platform, Orientation에 반응

4. Web App Stores
     ▷ Crome Webstore https://chrome.google.com/webstore
          : 구글에서 payment 부분을 개발해놓았기 때문에 웹앱 개발자들이 자신이 만든
             앱을 쉽게 팔아 수직을 얻을 수 있는 환경이 생겼다는 점에서 큰 의미
     ▷ GetJar http://www.getjar.com/
          : 멀티플랫폼 앱스토어, 모든 플랫폼의 앱을 동시에 취급,판매한다.
             Getjar 는 사용자의 단말정보를 저장하여 사용자에게 필요한 앱만을 리스트에
              보여주어 사용자가 신경쓰지 않고 편하게 사용 할 수 있다.

5. Hybrid App
     ▷ Native App  과 WebApp의 기술을 합친 형태.
     ▷ 외형은 네이티브, 내용은 웹앱으로 만든것을 말한다.
     ▷ 멀티플렛폼이 가능한 장점이 있으나,
           네이티브 대비 웹부분의 속도가 문제가 되기도 한다.
     ▷ Hybrid App의 범위
         : 서버에 접속해서 웹앱을 실행하는 방식부터 NativeApp내에서 약간의 WebView를
            사용하는 방식까지 해당되는 범위가 넓고, 업데이트가 잦은 부분은 웹으로
            구현하면 관리에 용이하다.
     ▷ Hybrid App 개발방법.
          : 작업은 웹앱으로 모두 마친 뒤에 Appspresso, PhoneGap, Titanium 같은
             프레임웍으로 감싸준다. 프레임웍에서 Device 기능을 컨트롤 할 수 있는
             기능을 제공하여 이용할 수 있다.

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

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

Posted by 홍반장

N-Screen & UI
▶ N스크린은 TV나 PC, TabletPC, SmartPhone 등 다양한 기기에서 하나의 콘텐츠를
     끓김없이 이용할 수 있게 해주는 서비스

▶ 사용자가 구입한 콘텐츠가 단말기가 아니라 서버에 저장
     - 언제 어디서나 다양한 단말기로 불러와 이용할 수 있다는 장점

▶ 국내외 이동통신사들은 N스크린을 미래 핵심 서비스로 인지


예제 사이트
http://www.colly.com/

http://www.edmerritt.com/

http://www.tenbytwenty.com/

http://thinkvitamin.com/

http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html

http://www.20thingsilearned.com/web-apps/1

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

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

Posted by 홍반장

2011년 3월. 요근래 드는 궁금증들.
스마트폰, 스마트패드 많이들 얘기하지만, 정말 사용자와 요구수요자의 차이는 어느 정도일까?
막상 사지는 않으면서 이미 만들어낸 여론때문에 뭔가 써봐야 할거 같고, 하나쯤은 있어야 할꺼 같은 심리인가?
모바일웹, 모바일앱의 차이를 아는 사람은 얼마나 될가?
웹 표준화를 얘기하지만, 과연 이해할 수 있을까?
네이버 뉴스벤더들이 다 외부사이트들이라서  네이버에서 뉴스 클릭시 외부사이트로 이동. 표준화가 되어 있지 않고 난잡한 광고와 뭔가 프로그램을 설치하려는 많은 행위들에 의해 스마트폰이나 스마트패드에서 끊김이 생긴다. 사용이 어렵다. 그런 뉴스만 좋아하는 이용자라면 스마트패드를 좋아할까?  의문스럽다.
스마트열풍으로 인해 생각지 못했던 소비가 많이 생겨난 것도 사실이다.
그런 것들이 가게 경제에 미치는 영향은? 어제 저녁 뉴스에도 나왔지만, 스마트폰 통신료가 비싸다. 비싼 줄 알면서 다 구입하고, 지금 그런 말을 뉴스에서 떠드는건 뭘 바라는걸까?
난 다만 통신료가 가변적으로 형성되서 가격이 내려가길 바랄뿐이다. 하지만, 더 큰 통신료나 뭔가 소비를 위해 미리 밑밥을 깔고있는건 아닐까 라는 생각이 없어지지 않는다.

맥북사용자도 심심치 않게 볼수 있게 됐는데,이미 트렌드가 된지 오래다.
한순간에 치기에 의해서 과소비를 하지 않기를 바랄뿐.

모바일웹을 모바일앱으로 바꿀수 있는 프로그램들이 있지만, 아이폰용은 맥북에서만 사용가능하다. 결국 맥북이 대세인가?
윈도우는 맥을 수용할수 없고, 맥은 윈도우도 수용이 가능하니 달리 방법이 없지 않겠는가?
특히 신규 노트북 구매자라면.
노트북만 사용한지 2006년부터니까 한참 됐구나.

순간의 분위기에 휩쓸리기 보다는 나에게 필요한게 뭔지, 내 생활패턴이 어떤지 먼저 알아야 하지 않을까?

스마트폰 쓸 시간도 없는데, 가지고 있어봐야 의미가 없지 않은가?

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

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

Posted by 홍반장

# javascript library story

1. 모든 요소들을 읽어 들인다.

2. 모든 요소들을 관리할 수 있다.

3. 모바일 디바이스에 최적화한다(해상도 or 장비).

4. CSS로 관리되고, HTML로 표현한다.

5. 필요기능을 우선순위로 추가하고, 최신버전은 수시 배포한다.

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

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

Posted by 홍반장

살아 있는 모든 인간은
자기 삶의 수준을 개선하려는 기대가 높으면 높을수록
피할 수 없는 불안이란 것과 함께 가야 하는 운명이다.
생존에 가장 적합한 사람은
불안에 떠는 사람일 수도 있다.
-알랭 드 보통

실제로 우리 인생에서 가장 좋은 시기는
우리가 어렵고 불행하고 불만족스러울 때 도래합니다.
어려움을 극복하기 위해
여러 가지 방법과 진정한 해결책을 모색하기 때문입니다. (스코트 펙)

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

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

Posted by 홍반장

새소리 들으며
새처럼 가벼운 마음으로 봄 인사 드립니다
겨울을 견디느라 수고 많으셨습니다

까치가 나무 꼭대기에
집 짓는 걸 보며 생각했습니다
다시 시작하자
높이 올라가자

절망으로 내려가고 싶을 때
우울하게 가라앉고 싶을 때


- 이해인의 시 <봄 인사> 중에서 -


* 봄을 시샘하듯 옹달샘에 함박눈이 내렸습니다.
그래도 봄은 어김없이 다가와 인사를 합니다.
산자락의 생강나무부터 꽃을 피웁니다.
봄처녀처럼 산에 화색이 돌고
생명이 가득 차오릅니다.

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

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

Posted by 홍반장