viewport

소개 스마트 기기에서 여러 단말기의 해상도에 대응하기 위해 사용하는 viewport에 대해 알아보고자 합니다. viewport는 스마트기기 상에서, 최초에 페이지를 로딩할 때 확대정도, 최대 확대비율, 최소 확대비율등을 다루는 meta data에 속하는 속성입니다. viewport를 사용함으로서 무선을 위한 디자인을 무선에서 최적화 되게 보여줄 수 있습니다. 사용법 사용법은 의외로 간단합니다. <meta name=’viewport” content=””/>를 head사이에 추가해 더보기…

[번역] Static Memory Javascript with Object Pools

  이번에 Static Memory Javascript with Object Pools라는 html5rocks의 아티클을 번역했다. 제목만 보고 상당히 흥미로울 것 같아서 무작정 번역을 시작했는데 막상 번역해놓고 보니 별로 재미가 없어서 실망했다. 하지만 누군가에게는 흥미로운 주제일지도. JavaScript는 Garbage Collector라는 메모리 관리 기술을 이용하기 때문에 개발자가 직접 메모리를 관리할 수 없다. 이 포스트는 Object Pool을 만들어서 우회적으로 더보기…

[번역] Performance Tips for JavaScript in V8

  일전에 JavaScript Interperter에 대해서 공부를 하다가 V8에 관심이 생겨서 html5rocks.com의 “Performance Tips for JavaScript in V8″을 번역했다. 다른 일들에 치여서 지금은 V8 스터디를  그 언젠가로 미뤄둔 상태지만…  좋은 날이 오면 꼭 다시 V8을 공부해보고 싶다. 이 포스트는 Daniel Clifford가 2012년 Google I/O에서발표한  V8 위에서 돌아가는 JavaScript 애플리케이션의 성능 향상을 위해 더보기…

도전! JavaScript TDD – 2. TDD 리듬

  우선 이야기를 시작하기에 앞서, 이전에 작성했던 코드를 다시 한 번 살펴보자. 아래는 모델 코드다. 모델 코드는 테스트 코드에 대응하는 실제 구현 코드를 말한다. function VendingMachine() {}; VendingMachine.prototype = { _htProducts : { “Coke” : “Coke”, “Sprite” : “Sprite”, “Orange Juice” : “Orange Juice”, “Apple Juice” : “Apple Juice” }, 더보기…

Javascript Mobile Events의 이해

W3C의 터치 이벤트 지금까지 HTML 및 Javascript 등의 웹 표준 기술은 마우스와 키보드만 고려한 사용자 인터페이스 이벤트만 지원했습니다. 그러나 스마트폰이나 태블릿 등의 보급으로 화면을 손가락이나 펜으로 조작하는 일이 많아지면서 멀티 터치 조작과 같은 마우스 및 키보드와는 다른 형식의 조작을 감지 할 수 있도록 하는 새로운 이벤트 사양을 책정 할 필요가 더보기…

글쓴이 UYEONG,

speech Input

speech Input은 현재 Chrome(Google)에서 제공하고 있는, Input의 새로운 방법으로 Mic를 사용할 수 있도록 하는 Input이다. 사용법은 하기와 같다. <input type=”text” x-webkit-speech> Speech Input은 Chrome 브라우저에서만 작동하는데, 그 이유가 궁금했다. 관련된 내용을 찾다가, Android 개발자 페이지에서 재미있는 내용을 찾았는데, (이게 웹 관련 이슈는 아니지만 Speech 공통 이슈로 파악된다) Google’s servers currently 더보기…