Firefox3 beta3가 릴리스되었습니다.
저는 Firefox2 beta2부터 줄곧 사용해왔는데, 안정성에는 문제가 없었고, 단지 아직 Firefox3 베타를 지원하지 않는 확장들을 못쓰는 부분만 불편합니다.

beta2를 쓰고 있다면 자동적으로 beta3로 업데이트가 되는데, 처음으로 UI의 변화가 눈에 띄기 시작했습니다. 물론 그전 부터 조금씩 바뀌긴 했지만 도구모음이 바뀌는 수준은 아니였지요. 현재 beta4계획도 있기 때문에 바로 정식 버전이 나올 것 같지는 않고 아마도 늦은 봄이면 beta4테스트를 끝내고 정식 버전이 나오지 않을까 기대해봅니다.

참고로, 릴즈스 노트를 보시면 새로 추가되거나 바뀐 부분을 알 수 있습니다.
모질라 개발자라면, Mozilla Developer Center에 등록된 글을 보시면 좀 더 자세한 개선 사항을 알 수 있습니다.

개발할 때, 제일 싫은 것은 바로 "빌드 에러"다.

새해 첫날 우분투를 업데이트하고, 사실 이번 업데이트는 오래전부터 망설였는데, 지난 번 cairo업데이트 한 후, gtk+로 개발된 애플리케이션이 동작하지 않아 낭패를 본 경험때문이다. 이번 업데이트는 커널 부터 파이어폭스2.0, firefox-dev, apache까지 포함되어 있었다.

업데이트 한 후, 우려했던 것 처럼 문제가 발생하기 시작했다.

파이어폭스가 실행되지 않는 것이다.

joone@R2D2:~/mozilla/mozilla/obj_debuglog/dist/bin$ firefox
The program 'firefox-bin' received an X Window System error.
This probably reflects a bug in the program.
The error was 'BadWindow (invalid Window parameter)'.
(Details: serial 2377 error_code 3 request_code 20 minor_code 0)
(Note to programmers: normally, X errors are reported asynchronously;
that is, you will receive the error a while after causing it.
To debug your program, run it with the --sync command line
option to change this behavior. You can then get a meaningful
backtrace from your debugger if you break on the gdk_x_error() function.)

다행히 firefox --sync 하니까 실행은 되지만 온갖 디버그 정보가 터미널에 주르륵 나타났다.

더 시급한 문제는 Firefox trunk 빌드가 안되는 부분이다. 간만에 mainline으로 부터 소스를 업데이트하고 빌드하려고 하니 에러가 발생했다.

../../../config/./nsinstall -R -m 444
/scratch/chen/X/mozilla/nsprpub/pr/include/md/
/scratch/chen/X/mozilla/build/dist/include/nspr
../../../config/./nsinstall: cannot make symbolic link
/scratch/chen/X/mozilla/build/dist/include/nspr/md: File exists
gmake[7]: *** [export] Error 1
gmake[7]: Leaving directory

경로는 다르겠지만 /dist/include/nspr/md 심볼릭 링크를 만들지 못해 발생한 에러였다.

이 문제는 크로스 컴파일할 때, 타겟을 못찾는 경우 발생한다고 한다. 그래서

ac_add_options --target=i686-linux-uclibc

위 옵션을 추가했더니 컴파일이 잘된다.

갑자기 멀쩡한 우분트가 업데이트 하나로 뭔가 이상하게 동작하기 시작했다.

새해 부터 삽질은 시작되는 듯 싶다.

모질라 프로젝트(Mozilla Project)와 캐나다 Senecac 대학에서 그동안 함께 모질라 관련 연구와 Couresework을 운영해왔습니다.

그 결과물이 Wiki에 그대로 공개되어 있습니다. 현재 학생들의 창의적인 프로젝트 부터 다양한 기술 문서가 등록되어 있습니다. 특히, Real World Mozilla라는 lab도 마련되어 있는데, 실제 학생들이 수업에서 받는 실습 자료가 공개되어 처음 모질라를 접하는 개발자에게도 도움이 되고 있습니다.

이런 실습과정은 Mozilla Developer Center에서도 찾아볼 수 없었기 때문에 무척 유용한 자료가 아닐수 없습니다.

국내에도 다음에서 제주대학과 오픈소스 관련 교과목을 개설해서 작년 한 해 성공적으로 운영했습니다. Senecac 대학 처럼 직접 오픈소스 프로젝트와 연계하여 이런 결과물을 만들어 내고 공유가 된다면 국내 오픈소스 문화 확산에도 도움이 될 것 입니다.

참고

* 한국 공개 SW, 한걸음 더 나가기

얼마전 Mobile Firefox에 대한 개발 계획이 발표 된 이후, 현재 활발하게 개발이 진행되고 있습니다.
(오픈소스 프로젝트라 개발 상황을 요구사항 단계 부터 훤히 볼 수 있어 참 좋습니다)
최근 개발을 주도 하고 있는 Christian의 블로그에 Mobile Goal이라는 글이 소개 되었는데, 모바일 파이어폭스(Mobile Firefox)가 추구하는 방향과 주요 특징이 간략하게 소개되어 있습니다.

Firefox의 주요 장점(XUL, Add-on)을 그대로 가져가며 모바일 환경에 맞게 최적화하고 디바이스 특성에 맞는 사용자 경험을 제공하는 것이 주 목적입니다. 모바일 환경에서 XUL(XML User Inteface Language)을 유지한다는 것이 상당한 모험같습니다. 하지만 파이어폭스가 갖는 장점을 살리려면 XUL도 지원해야겠지요. 문제는 성능과 메모리 사용인데, 노키아가 microB를 개발하면서 어느 정도 성능 문제를 해결해가고 있고 현재도 노력중이라 합니다. 쓸만한 모바일 브라우저가 나오기를 기대해봅니다.

간략하게 소개하면 다음과 같습니다.

목표

1. 모바일 환경에 최적화된 모질라 표준 기반의 오픈소스 브라우저 엔진 제공


2. 파이어폭스의 기본 원칙인 사용하기 쉽고, 보안, 접근성을 제공하며 XUL기반 Add-on을 지원하는 Full 브라우저


3. 모바일 영역에서의 모질라 커뮤니티 확산


4. 개발자들이 모바일 웹 애플리케이션을 개발, 디버그, 구축하는데 필요한 도구와 문서 제공


5. 이 모든 작업은 기본 모질라 소스코드와 공유되어 데스크탑, 모바일이 서로 도움이 되도록 함.

다음 단계

1. Linux/ARM 플랫폼용 자동 빌드시스템 구축


2. 노키아(Nokia) microB 패치 1.9 mainline 적용


3. 리눅스, 윈도 모바일 플랫폼을 위한 빌드 타겟 생성


4. 메모리와 성능에 대한 프로파일 작업 지속


5. 아래와 같은 사용자경험(UX) 실험을 XULRunner기반에서 테스트

타겟 플랫폼

우선, ARM11(Arm v6)기반의 다음 두 플랫폼에 집중

 

• Linux - maemo기반의 노키아 N800 (N810로 업데이트 가능)


• Windows Mobile 6 - HTC S730

 

사용자 경험(UX)

작은 화면에 XUL UI를 효과적으로 표현하는 방안 간구

• XUL로 이용 가능한 새로운 레이아웃 옵션(?)


• 다양한 탐색 옵션 (예: spatial navigation, directional tabbing, panning, mini map, allow extensions to control navigation, software cursor)


• Device에서 제공하는 텍스트 입력과 위젯과의 통합


• 자바스크립트를 이용한 디바이스 고유 기능(주소록, 카메라, 등) 접근

관련글

• Mobile Firefox는 어떤 모습일까?

오랜 알파 테스트를 끝내고(알파8까지) 드디어 베타 릴리즈를 시작했습니다.
그 동안 성능 문제로 계속 알파를 벗어나지 못했는데, 조금씩 문제가 해결되나 봅니다.

Firefox3의 가장 큰 특징은 Cairo라는 벡터 그래픽 엔진의 사용입니다.

지금까지 SVG만 cairo를 통해 렌더링해왔고, 각 플랫폼 마다 각자 고유 그래픽 기능을 사용해왔는데, 이제부터 모든 그래픽 렌더링은 Cairo를 통해 구현됩니다. 물론 Cairo는 플랫폼 마다 각기 다른 backend를 갖게 됩니다.

Cairo를 선택하게된 이유는 폰트, SVG, Canvas에서 높은 수준 그래픽 기능을 요구했고 OpenGL을 통해 하드웨어 가속이 가능하기 때문입니다.

향후 Firefox는 플래시 수준의 벡터 그래픽 표현 능력을 갖게 되어 새로운 웹의 모습을 보여줄 것입니다.. 지금도 웹을 돌아다니다 보면 많은 예제를 볼 수 있습니다~

자세한 내용은 아래글을 참조하세요..

• Firefox3의 새로운 기능 (사용자 입장에서)


• Firefox3의 향상된 기술(개발자 입장에서)


• 릴리즈 노트

현재 Mozilla Developer Center 는 Mediawiki를 기반으로 운영되고 있습니다. 하지만 향후 Deki Wki로 마이그레이션 작업을 시작한다고 합니다.
아시다시피 Mediawiki는 wikipedia에서 사용하는 wiki기반 CMS입니다.

지금까지 MediaWiki만큼 훌륭한 위키서비스를 찾아보기 힘들었는데, 모질라에서 왜 Deki Wiki 를 선택했는지 무척 궁금하더군요.

Deki wiki는 물론 오픈소스이며, 기능은 단순한 위키가 아닌 것 같습니다.

모질라가 선택한 이유는 다음과 같습니다.

• Syntax highlighting - 코드에 줄번호 표시와 함께 좀 더 보기 쉽게 해줍니다.


• 검색 기능 - 첨부 파일까지 검색이 가능하다고 하네요.


• WIGWIG Editor 지원 - 요즘 웬만한 편집기는 다 위지위그이죠...


• Attach file 관리 기능이 편리해서 코드 추가하기가 쉽다고 합니다...


• 통계 기능


• 모든 컨텐츠는 DB대신 XML로 저장 <- portable wiki도 가능하다고 합니다..


• UI customized가 쉽다.


• 태깅 지원


• PDF 변환 지원


• 스팸 방지

아무리 Deki Wiki가 좋더라도 기존 위키를 다른 것으로 교체한다는 것이 쉽지 않은 일인데, Deki Wiki를 개발한 회사에서 무료로 마이그레이션을 해줘서 가능해진 것 같습니다.

향후 바뀔 Mozilla Developer Center에 기대가 됩니다.(내년 상반기)

그 동안 minimo 개발 이외에 모바일에 대한 모질라의 의지가 별로 눈에 띄지 않았는데, 드디어 Mobile Firefox에 투자하기로 결정했다고 합니다.

아마도 WebKit이 모바일쪽에서 강력한 영향력을 발휘하면서 내부에서도 많은 논의가 있었나 봅니다. 사실 WebKit은 웹브라우징 기능에 집중하면서 모바일 환경에서도 가볍게 동작하지만 Firefox는 XUL Runner기반으로 개발되어 모바일쪽에서도 사용하기에는 다소 무거웠습니다. 심지어 gecko를 버리고 WebKit으로 Firefox를 개발하자는 논란도 있었습니다.

새로 개발될 Mobile Firefox는 우선 두명의 개발자가 투입된다고 합니다.

OpenWave에서 일했던 크리스찬 세예르센(Christian Sejersen)과 프랑스 텔레폼에서 일했던 브래드 래시(Brad Lassey)입니다. 이 분은 minimo개발을 해왔던 것 같습니다.

Mobile Firefox는 기본 Firefox3에서 사용한는 gecko1.9가 아닌 Mozilla2 플랫폼을 기반으로 개발됩니다. Mozilla2 플랫폼은 그 동안 논란이 되었던 XPCOM을 걷어내고(JavaScript로 노출안되는) JavaScript엔진을 JIT기반의 Tamarin으로 바꿀 예정입니다. 또한 SVG, Canvas에 대한 HW가속을 지원하고 지금까지 복잡했던 코드를 경량화 최적화한다고 합니다.

내년 중반 이후 부터는 아마도 알파 수준의 모습을 확인할 수 있을 것 같습니다. 많은 오픈소스 개발자의 참여를 기대합니다~

Future of Web Apps 에서 발표된 자료를 바탕으로 정리한 것입니다.

SVG와 Canvas

SVG는 웹페이지에 벡터 그래픽을 표현하는 표준이고, Canvas는 웹페이지에 Drawing기능을 제공하는 표준입니다. 둘 다 지금까지 웹에서 경험하지 못한 자유로운 그래픽 표현을 위해 HTML5에 추가될 예정이며, 이미 일부 웹브라우저에서는 구현되어 있습니다.

아래 소개하는 예제는 Firefox3 최근 알파 버전에서 동작하며 실험적으로 구현된 기능을 일부 맛볼 수 있습니다.

웹과 Firefox의 앞으로 모습을 잠깐 살펴보시기 바랍니다.

SVG ForeignObject를 이용하면 SVG에 다른 마크업을 임베딩하여 각종 벡터 그래픽 효과를 줄 수 있습니다.

아래 예제에서는 HTML 태그인 <iframe>를 임베딩하여 20도 돌린 효과를 보여주고 있습니다.

<?xml version="1.0" standalone="yes"?>
<svg xmlns = "http://www.w3.org/2000/svg">
<g transform="translate(300, 0) rotate(20)">
<foreignObject x="10" y="10" width="800" height="800">
<body xmlns="http://www.w3.org/1999/xhtml">
<iframe src="http://starkravingfinkle.org/blog" style="width:700px;height:700px"></iframe>
</body>
</foreignObject>
</g>
</svg>

출처: http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/

SVG ForeignObject를 이용하여 동영상을 자유자재로 돌리는 기능을 구현한 예제도 있습니다.

향후, 웹에서도 플래시(Flash)나 실버라이트(Silverlight) 수준의 그래픽 효과를 구현할 수 있을 것 같습니다.

Canvas3D를 구현한 예제도 있는데, firefox3에서 확장을 설치하면 데모를 볼 수 있습니다OpenGL에 thin layer를 제공하여 구현되었고 Canvas 2D처럼 사용하나 봅니다. 실제 해보니 아직은 잘 안되네요.

video와 audio 태그

HTML5에 추가될 video와 audio태그입니다. WHATWG에서 현재 HTML5 스펙을 만들고 있는데, 오페라의 제안으로 video와 audio 태그가 들어간 것 같습니다. 별도의 plug-in 설치 없이 기본적으로 OGG는 동작하도록 하고 다른 파일은 plug-in 형태로 추가됩니다. plug-in이 다르더라도 앞으로는 <video>, <audio> 태그를 통해 동일한 방식으로 멀티미디어 파일을 제어할 수 있게 되었습니다.

 

<video src="BillysBrowser480.ogg" id='v1' style="width: 640; height: 480;"></video>

<script type="text/javascript">
function time_update(v, t) {
t.innerHTML=v.currentTime;
if(!v.paused)
setTimeout(function() { time_update(v, t); }, 1000);
}

function play(video, time) {
var v = document.getElementById(video);
var t = document.getElementById(time);
v.play();
if(time)
time_update(v, t);
}

function pause(video) {
var v = document.getElementById(video);
v.pause();
}

http://www.double.co.nz/video_test/test2.html

Offline Web Application

현재 offline 기능은 Google Gears, 모질라, WHATWG에서 각각 작업을 하고 있습니다. Google Gears는 얼마전에 출시되어 일부 Google 웹서비스에 적용되었습니다. 모질라에서는 SQLite를 이용해서 cookie, cache, bookmark, profile 등의 데이터를 저장할 계획을 갖고 있습니다. 현재는 각각 작업중이지만 Firefox3에서 모두 통합될 전망입니다.

XMLHttpRequest++

Ajax 혁명을 불러온 XMLHttpRequest도 더욱 발전된 전망입니다. 지금까지 하나의 도메인으로만 Request를 보낼 수 있었는데, Firefox3에서 여러 도메인으로 Request를 지원합니다. 웹 어플리케이션의 서버 의존성이 점점 줄어둘고 브라우저 하나만으로 많은 서비스가 가능해졌습니다. 향후 매쉬업 서비스 개발이 더욱 활성될 전망입니다.

참고

http://ejohn.org/blog/future-of-firefox-and-javascript/

이 글은 스프링노트에서 작성되었습니다.