Kim, Myung Shin가 쓴 문서
-
파일 업로드를 재개하는 방법
이 글은 객원 기고가인 사이몬 스파이크가 작성한 글입니다. 사이몬은 웹 개발자이며, 웹 표준 신봉자이자 모질라 0.8(!)부터 모질라 애호가입니다. 이번 글은 사이먼이 파일 API와 Firefox 4에서 새롭게 소개된 slice() 메소드를 가지고 실험한 내용입니다. 여기에 사이먼이 구현한 파일 업로드를 재개방법이 설명돼 있습니다. XHR 레벨 2 객체를 사용하면 파일을 업로드 할 수 있습니다. 이 객체는 요청(예: 파일 전송, […]
-
Firebug 1.7의 새로운 기능들
Firefox 4를 온전히 지원하는 Firebug 1.7이 출시됐습니다. 그리고, 이번 버전에서 새로 소개된 몇몇 기능들을 설명하는 기회를 놓칠 수 없어 이렇게 이글을 씁니다. Firebug 블로그를 구독하지 않거나 Firebug에 익숙치 않은 분들은 Firebug 세계를 좀 더 상세히 설명해 주는 다음과 같은 링크들을 확인해 보시기 바랍니다. Firebug: getfirebug.com 블로그: blog.getfirebug.com 위키: getfirebug.com/wiki/index.php/Main_Page 포럼: groups.google.com/group/firebug DOM 저장소(Storage) DOM 저장소는 […]
-
HTML5 이미지 업로더 개발 방법
HTML5에는 정말 놀라운 API들이 포함 돼 있습니다. 이러한 API를 <canvas> 엘리먼트와 조합하면, 강력하고 현대적이며 놀라운 이미지 업로더를 만들 수 있습니다. 이 글은 그런 이미지 업로더를 만드는 방법을 설명합니다. 여기에서 소개하는 모든 팁들은 Firefox 4에서 잘 동작합니다. 또한 웹킷 기반의 브라우저들에서도 문제없이 동작하는 대체 방법들도 기술하였습니다. API의 대부분은 IE에서는 동작하지 않지만, 그에 대한 대비책으로 일반적인 폼을 […]
-
Firefox 4: 하드웨어 가속
Firefox 4 베타 최근 버전이 나왔습니다. 이 버전에는 Direct2D 가속 기능이 기본적으로 활성화 돼 있습니다. 하드웨어 가속이란? “하드웨어 가속(Hardware acceleration)”이란 기본적으로 환경이 허락하는 경우 (CPU 대신에) GPU를 사용하는 것입니다. 이 기능은 페이지 그리는 작업을 더 빠르게 합니다. 가속에는 다음과 같이 두 가지의 수준이 있습니다. 콘텐트 가속은 텍스트나 이미지, CSS 경계선 등과 같은 실제 페이지 콘텐트를 […]
-
Firefox 4 베타 – 동영상 preload 기능
이 글은 크리스 피어스의 블로그에 있는 글을 이 곳에 다시 올린 것입니다. HTML5 명세에 맞추기 위해서 우리는 autobuffer 속성을 세 가지 유형의 값을 갖는 preload 속성으로 변경했습니다. 여러분은 코드를 갱신하시기 바랍니다. MDC에 있는 관련 문서를 참고하세요. 지난 주 늦게 Firefox 트렁크(trunk)에 HTML5 video ‘preload’ 속성을 추가했습니다. 이 속성은 이전에 지원하던 autobuffer 속성을 대체하는 것입니다. 여러분이 […]
-
Firefox 4 – FormData 와 새로운 File.url 객체
이 글은 Gecko 내부의 콘텐트 관련 기능에 많은 작업을 하고 있는 조나스 시킹의 객원 글입니다. 그는 우리가 이전에 얘기했던 FormData에 대해서 다루기는 하지만, 거기에 더하여 Firefox 4에 추가된 File API의 중요한 부분인 File.url과 FormData를 어떻게 연계할 수 있는지를 보여줍니다. Firefox 4는 파일을 보다 쉽고 편하게 다룰 수 있는 기능들을 계속해서 추가하고 있습니다. Firefox 4 베타 […]
-
Firefox 4: CSS3 calc()
이 글은 CSS3의 calc()를 기술한 것입니다. 이 기능은 아직 Firefox의 어떤 소스 트리에도 추가되지 않았지만, 구현을 위한 작업이 진행중입니다. Firefox는 CSS의 cals() 함수를 지원할 것인데 이 기능을 사용하면 산술 식을 통해 길이 값을 계산할 수 있습니다. 이 말은 div들의 크기나 마진 값, 경계(border)의 폭이나 그 외 여러가지의 크기를 정의할 때 산술 식을 사용할 수 있다는 […]
-
Firefox 4: FormData를 사용하여 JS로 보다 쉽게 폼 다루기
이 기능은 Mozilla Central (trunk)에 탑재됐고, 당분간 Firefox Nightly Build에서만 사용할 수 있습니다. XMLHttpRequest 레벨 2 (편집자 초안)에는 새로운 FormData 인터페이스에 대한 지원이 추가됐습니다. FormData 객체는 폼의 각 필드와 값을 나타내는 키/값 쌍들의 집합을 쉽게 구성할 수 있는 방법을 제공하며, 이를 이용하면 데이터를 “multipart/form-data” 형식으로 XMLHttpRequest의 send() 메소드를 사용하여 쉽게 전송할 수 있습니다. FormData가 유용한 […]
-
Firefox 3.6에서 다중 파일 input 태그
Firefox 3.6은 다중 파일 input 태그를 지원합니다. 이 새로운 기능을 이용하면 표준 기술을 사용하여 하나의 input 태그로 여러 파일을 다룰 수 있습니다. 이 기능은 그 동안 한 번에 하나의 파일을 사용해야만 했던 제약이나, 써드 파티 애플리케이션을 사용해야만 했던 문제를 해결해 주므로 커다란 발전이라 할 수 있습니다. 이 기능은 특히 사진 업로드는 같은 곳에 유용할 것입니다. […]
-
Firefox 3.6의 W3C FileAPI
웹 애플리케이션은 서버로 파일을 업로드 하는 경우처럼 필요한 경우 사용자에게 파일을 선택하도록 합니다. 웹 애플리케이션이 플러그인을 사용하지 않는 다면<input type="file"/>같은 HTML input 엘리먼트를 통해 파일을 선택하게 됩니다. Firefox 3.6은 이제 W3C File API의 많은 부분을 지원합니다. W3C File API는 선택된 파일들을 메모리로 비동기적으로 읽어들이는 기능과 웹 애플리케이션 내에서 파일 데이터를 다룰 수 있는 방법 – […]
