[영상] Chrome Devtools Update

소개 2013년  11월 ~ 2014년 2월까지 업데이트된 내용중 일부 기능을 소개합니다. HTML5Rocks(한국어) 참고 링크 Chrome DevTools for Mobile: Screencast and Emulation Chrome DevTools November Digest Updates to the Developer tools in Chrome 33

[영상] Promise

Promise는 Callback의 중첩을 해결하지 못합니다. 이번 발표에서 Promise의 오해 그리고 목적과 본질에 대해서 이야기해 봤습니다.

글쓴이 UYEONG,

자바스크립트 객체 생성

Class를 기반으로 상속을 구현하는 다른 언어와 달리 JavaScript는 Prototype을 기반으로 상속을 구현합니다. 즉, Class를 생성해서 상속받는 것은 원론적으로 불가능합니다. 자바 언어에서 클래스를 생성하는 예제를 보겠습니다. // Java // User Class를 생성합니다. public class User { private String name; private int age; public String getName() { return name; } public void 더보기…

Ambient Light Events

인간의 눈은 주변 빛의 양에 따라 한번에 들어올 수 있는 빛의 양을 조절합니다. 어두운 곳에 있으면 동공은 축소되고 그만큼 한번에 받아들이는 빛의 양이 많아집니다. 그런 경우 휴대폰의 밝기가 최대로 되어있으면 한꺼번에 많은 빛을 받아들이게 되어 눈이 아파집니다. 반대로 밝은 곳에 있으면 동공은 확대되고 그만큼 한번에 받아들이는 빛의 양은 적어집니다. 하지만 더보기…

[번역] ECMA-262-3 in detail. Chapter 6. Closures.

원문 출처 : ECMA-262-3 in detail. Chapter 6. Closures. by Dmitry Soshnikov     소개(Introduction)   이번에는 JavaScript의 아주 중요한 개념인 클로저(Closures)에 대해서 알아보겠다. 그 동안 여러 번 이야기했던 내용으로 새로운 것은 아니지만, 이론적인 관점에서 조금 더 깊이 있게 들여다 보고 ECMAScript가 어떻게 클로저를 다루는지 설명할 생각이다. 이번 챕터를 이해하려면 스코프 더보기…

Flash Builder 4.6에서 EGit 사용하기

소개 네이버 개발자 센터에 Git 원격저장소를 생성하고 Flash Builder 4.6에서 간단히 EGit을 사용해보도록 하겠습니다. EGit은 Eclipse Git Plug-in 입니다. . . 원격저장소(Git 서버) 설정 네이버 개발자 센터 바로가기 네이버 개발자 센터에 프로젝트를 생성해주세요. . 프로젝트를 등록하였으면 코드 저장소 비밀번호를 변경해주세요. 코드 저장소 비밀번호 변경 바로가기 . 비밀번호를 변경하였으면 Git 서버 설정은 완료하였습니다. . . EGit 더보기…

글쓴이 최성렬,

Web Notification

소개 Web Notification은 W3C에서 정의한  웹브라우저를 통해 사용자 운영체제에 Notification(알림) 창을 띄워주는 역할을 하는 javascript API입니다. 보통 Notification 은 스마트폰에서 App이 실행되어 있지 않은 상태에서도 여러가지 알림을 사용자에게 전달해 주기 위해 사용되고 있는데요. 이러한 기능을 웹에서도 구현할수 있도록 도와주는게 Web Notification 이라고 볼 수 있습니다. 현재는 Working Draft 상태지만 Chrome, 더보기…

글쓴이 김대현,

도전! JavaScript TDD – 3. 점진적 명세 작성

    이전 시간에는 자판기에 재고 기능을 추가하면서 “TDD 리듬”에 대해서 이야기를 했다. 지금까지 만든 테스트 코드는 아래와 같다. $(function() { var oVendingMachine = null; module(‘VendingMachine’, { setup : function(){ oVendingMachine = new VendingMachine(); oVendingMachine.supply({ “Coke”: 1, “Sprite” : 1, “Orange Juice” : 1, “Apple Juice” : 1, “NonExistingDrink”: 0 더보기…

Vibration API

소개 진동은 사용자가 특정한 상황을 접했을 때, 사용자에게 알림을 주기 위해 사용됩니다. I-OS나 안드로이드, 바다 OS 등 여러 Mobile OS에서 진동을 사용하기 위한 API를 제공하고 있습니다. 그럼 Web OS에서는 그 상황이 어떨까요? W3C에서는 2009년 Device APIs Working Group을 결성하여 Web Device API 문서를 발행하고 완성시킨 뒤 사용을 권고하고 있습니다. 오늘은 더보기…

viewport

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