React

ReactJS 둘러보기 – XHP부터 React Native까지

페이스북이 지난 1월 28일, 29일 양일간 열린 ReactConf 2015에서 React Native라는 기술을 발표했다. 흥미로운 기술이지만 이에 대해서는 잠시 뒤에 알아보기로 하고 이 글에서는 먼저 React Native의 기반이 된 ReactJS 자체에 대해 살펴볼까 한다. ReactJS의 역사는 XHP로 거슬러 올라간다. XHP 잘 알려진대로 페이스북은 PHP를 사용한다. 어느 정도로 열심히 사용하냐면 PHP 자체의 성능을 개선하기 위해 PHP를 C++로 …

download

[HTML5] A 태그의 download 속성

HTML5에 추가된 속성 중 <a> 태그에만 추가된 download라는 속성이 있다. 브라우저는 <a> 태그에 download 속성이 설정되어 있으면 링크가 가리키는 파일을 다운로드한다. 즉, 마치 링크 위에서 마우스 오른쪽 버튼을 클릭하고 “다른 이름으로 링크 저장”을 실행하는 것과 같다. HTML5가 도입되면서 웹 브라우저에서도 바이너리 콘텐츠를 생산하는 경우가 많아졌는데(이미지 편집, 사운드 편집, Blob 등) 이를 사용자가 다운로드하려면 일단 서버로 …

[JS] Blob와 Blob URL

Blob는 Binary Large Objects의 약자로 “대용량 바이너리 객체”쯤으로 해석할 수 있다. 이름 그대로 이미지, 동영상 등 단순 텍스트 데이터가 아닌 바이너리 데이터를 담을 수 있는 객체이다. HTML5에 들어서면서 자바스크립트에서도 이러한 파일을 다루어야 할 필요성이 생겨 File API 명세에 정의되었다. 이 글에서는 Blob 데이터를 구성하는 방법과 URL을 통해 Blob 객체에 접근하는 방법을 다루어 보겠다. Blob 데이터 …

조명 lamp

[JS] 조도(Ambient Light) API

조도(Ambient Light) API를 사용하면 디바이스 주변의 밝기가 변하는 것을 확인하고 이에 따라 애플리케이션의 동작을 제어할 수 있다. 2015년 1월 현재 지원하는 브라우저는 파이어폭스 뿐이며 파이어폭스도 OSX에서만 지원하는 API이다. 파이어폭스의 윈도우즈 지원은 진행 중이며, 크롬이나 IE 등 다른 브라우저에서는 아직 고려 단계에 있다. 사용 방법은 간단하다. window 글로벌 객체에 devicelight라는 이벤트를 추가하면 되는데, 디바이스 주변의 밝기가 …

Mustache 템플릿 문법

Mustache는 제어 구조를 갖춘 것 중 (아마도) 가장 문법이 간단하고 (아마도) 가장 많은 언어로 포팅된 템플릿 엔진입니다. Mustache를 기반으로 이를 확장한 템플릿 엔진도 여럿 있는데 대표적으로는 헬퍼 개념을 추가한 Handlebars와 트위터에서 만든 Hogan.js를 들 수 있습니다. 이 문서는 Mustache 공식 문서를 기준으로 작성되었으며 예제도 해당 문서에서 가져왔습니다. 많은 스펙 문서가 그렇듯 Mustache의 템플릿 문법 문서에도 …