주요 문서
-
XHR 진행표시와 편리한 파일 업로드 피드백
이 글은 XHR progress and rich file upload feedback에 대한 번역 및 편집본입니다. 오늘날 웹에서는 파일 업로드를 할 때 리치 인터페이스를 제공하는 위젯에 대한 공통적인 제약점을 가지고 있다. 많은 사이트들이 Flash 혹은 데스크탑 어플리케이션을 이용하여 파일을 업로드할 때 보다 나은 사용자 경험을 제공하고 있다. Firefox 3.5에서는 더 나은 프로그레스 표시바를 만들 수 있도록 이러한 격차 […]
-
HTML5 이미지 업로더 개발 방법
HTML5에는 정말 놀라운 API들이 포함 돼 있습니다. 이러한 API를 <canvas> 엘리먼트와 조합하면, 강력하고 현대적이며 놀라운 이미지 업로더를 만들 수 있습니다. 이 글은 그런 이미지 업로더를 만드는 방법을 설명합니다. 여기에서 소개하는 모든 팁들은 Firefox 4에서 잘 동작합니다. 또한 웹킷 기반의 브라우저들에서도 문제없이 동작하는 대체 방법들도 기술하였습니다. API의 대부분은 IE에서는 동작하지 않지만, 그에 대한 대비책으로 일반적인 폼을 […]
-
HTML5 기반 오프라인 이미지 에디터 데모
원글: an HTML5 offline image editor and uploader application, 2010년 2월 2일, Paul Rouget 많은 웹 어플리케이션들은 이미지 업로더를 사용한다: 이미지 호스팅 웹사이트, 블로그 출판 어플리케이션, 소셜 네트웍, 다른 많은 것들과 함께. 그런 업로더들은 제약사항들을 가지고 있다: 한 번에 하나 이상의 이미지를 업로드할 수 없으며 전송 전에 편집을 할 수 없다. 하나 이상의 이미지를 업로드하고 이미지를 […]
-
Firefox의 웹소켓(WebSocket) 기능
웹소켓의 요점은 낮은 복잡성, 낮은 지연, 웹 개발자를 위한 매우 간단한 API를 가진 양방향 통신 시스템이다. 잠시 쉬면서, 만약 우리가 파이어폭스에 그것을 포함시킬지, 그렇다면 언제가 될지에 대해 이야기 해보자. 낮은 복잡성 HTTP 처럼 핸드쉐이크로 시작하는 웹소켓 프로토콜은 텍스트 패킷을 서로 주고받을 수 있는 비교적 간단한 모델을 가지고 있다. 이 프로토콜의 복잡성을 상당히 낮다. 다중 통신이나 […]
-
Firefox 4: FormData를 사용하여 JS로 보다 쉽게 폼 다루기
이 기능은 Mozilla Central (trunk)에 탑재됐고, 당분간 Firefox Nightly Build에서만 사용할 수 있습니다. XMLHttpRequest 레벨 2 (편집자 초안)에는 새로운 FormData 인터페이스에 대한 지원이 추가됐습니다. FormData 객체는 폼의 각 필드와 값을 나타내는 키/값 쌍들의 집합을 쉽게 구성할 수 있는 방법을 제공하며, 이를 이용하면 데이터를 “multipart/form-data” 형식으로 XMLHttpRequest의 send() 메소드를 사용하여 쉽게 전송할 수 있습니다. FormData가 유용한 […]
