파이어폭스 30.0 릴리즈 XHR 같은 생성자 함수는 지금까지 new 키워드를 선언하지 않아도 에러가 나지 않았지만, 이제는 new 키워드를 선언하지 않으면 TypeError가 발생합니다. var req = XMLHttpRequest(); TypeError: Constructor XMLHttpRequest requires ‘new’ Chrome for Android는 이미 삭제한 width=device-width 작성시 300ms 터치 더보기…
Bluebird 2.0.0 릴리즈 자바스크립트의 Promise를 구현한 라이브러리인 Bluebird 2.0.0이 릴리즈 됐습니다. WIP 자바스크립트 Promise 책(일본어)에서도 소개하고 있는 Bluebird는 Q(2.0 개발중)와 함께 유명한 Promise 라이브러리입니다. progression과 deferreds가 삭제예정 되었고 Promise.cast 역시 권장하지 않으며, Promise.using나 .disposer함수가 추가되는 등 여러가지 변화가 생겼습니다. Promise.resolve가 더보기…
ECMA-262 1-3은 변수 객체(Variable Object), 활성화 객체(Activation Object)를 가지고 자바스크립트 코드의 스코프 처리 매커니즘을 설명합니다. 그런데 ECMA-262 5가 등장하면서 변화가 생겼습니다. 변수 객체, 활성화 객체가 사라지고 Lexical Environment가 등장한 것이죠. 과연 무엇이 달라졌는지, Lexical Environment가 도대체 뭐하는 녀석인지 정리해봤습니다. 발표 더보기…
마크업 개발시 현재 페이지의 레이아웃을 쉽게 확인할 수 있는 툴을 소개합니다. pestcide.io 라는 툴 인데요. CSS상에서 레이아웃 문제가 있을때 해당 툴을 통해서 각각의 모든 요소들의 외곽선을 그어 확인할 수 있습니다. 각각의 요소들마다 다른 컬러값을 주어 표현할 수도 있습니다. (설치형 더보기…
Ajax의 역사 1990년대까지 웹 애플리케이션은 사용자가 서버로 요청을 보내면, 서버가 비지니스 로직을 처리한 후 새로운 웹 페이지를 만들어 클라이언트로 전송하는 방식이었다. 일부 데이터만 갱신하고 싶어도 페이지 전체를 받아와야하기 때문에 낭비가 많았다. 웹의 시작이 ‘문서’였다는 점을 생각해보면 당연한 일이었는지도 모르겠다. 더보기…
어제 한국장애인단체총연합회 및 한국웹접근성인증평가원에서 진행한 웹 접근성 세미나에서 발표를 맡게 되었습니다. 마지막 세션이라 긴장도 많이 되고 시간도 짧아서 많은 이야기를 드리지 못한 거 같아 아쉽습니다. 더 많은 내용은 블로그에서 추가로 다루도록 하겠습니다. 발표자료 공유드립니다. 모바일 웹 어플리케이션 접근성 from Eun 더보기…
HTML, Hyper Text Markup Language는 1993년 ISO 표준이 되어 현재는 가장 사랑받는 웹 개발 언어입니다. 꽤 오랫동안 사용되어왔지만, 그동안 비표준 브라우저들의 시장 잠식, 브라우저 전쟁 등으로 인해 많은 오해를 받기도 한 언어입니다. HTML과 더불어 오랫동안 사용되어 왔던게 CSS, Cascading Style 더보기…
div태그로만 레이아웃을 구성하고, span태그로 모든 인라인 스타일을 넣어주던 시대도 있었지만, 시멘틱 웹의 중요성과 표준을 준수하는 것, 그리고 웹 접근성의 중요성이 대두되면서 대부분의 웹 페이지나 어플리케이션들이 태그의 목적에 맞게 태그를 사용하여 웹 페이지나 어플리케이션을 개발하는 시대가 되었습니다. HTML5에서 Content Model을 대대로 더보기…
How to read W3C specs from ourmaninjapan Front-End 개발자라면 누구나 한번쯤 W3C의 스펙을 접해봤으리라 생각합니다. W3C 스펙을 읽어야할 필요성은 어떤 개발자나 가지고 있지만, 영어에 대한 막역한 두려움과 W3C 문서들이 가지고 있는 법칙들을 이해하지 못해 읽는데 어려움을 겪었으리라 생각합니다. 그런 점에서 더보기…
마크업을 하며 누구나 한번쯤 이미지 편집 노가다를 겪어봤을 것입니다. 특히 스프라이트 이미지를 생성할 때 많이 겪습니다. 포토샵에서 채취한 이미지를 일정한 패턴의 좌표로 표현하기 위해선 많은 수작업이 필요하기 때문입니다. 이 포스트에선 스프라이트 이미지를 쉽게 만든 한가지 사례와 함께 괜찮은 이미지 편집툴 두가지를 더보기…