저는 파이어폭스 0.9버전부터 지금까지 주력 브라우저로 파이어폭스를 사용하고 있습니다.
가벼움은 크롬에게 밀리지만 안정성과 다양한 플러그인은 버릴 수 없는 매력 입니다.

지난번에 올린 파이어폭스 4.0b2pre 리뷰에 이어서 새롭게 추가된 기능을 4.0b6pre를 바탕으로 소개하겠습니다.

HTML5 테스트 점수

HTML5 테스트가 지난번(4.0 b2pre) 189점에서 214점으로 크게 올랐습니다.
아직은 지원하지 않는 HTML5용 폼객체가 많습니다.
정식 버전이 나올때쯤이면 모두 구현되길 기대합니다.

새롭고 강력한 탭 기능 – 탭 그룹

새로운 탭기능은 파이어폭스4의 새로운 기능중 정말 제 마음에 쏙 드는 기능입니다.

탭 우측 끝을 보면 특이한 모양의 버튼이 보입니다.
이 버튼을 누르면 탭 그룹이라는 놀라운 기능이 실행됩니다.

현재 자신이 띄워놓은 탭들이 사각영역에 그룹이 되어 표시가 됩니다.
탭 그룹안의 섬네일을 클릭하면 다시 원래의 모습으로 탭이 표시됩니다.
아직은 어떤 장점이 있는지 감이 안오시죠? 스크린샷을 좀 더 보겠습니다.

탭 그룹 안에 있는 탭의 위치를 바꿀 수 있습니다.
그리고 탭 그룹을 여러개 만들 수 있고 탭 그룹 상단에 그룹 이름을 설정할 수 있습니다.

저는 자주 방문하는 사이트는 브라우저를 재시작 하더라도 탭으로 유지시켜서 항상 많은 탭이 떠있습니다.
그래서 해결책으로 파이어폭스와 크롬 2개의 브라우저를 사용해서 탭을 그룹화하고 있었습니다.
하지만 이제 파이어폭스4의 탭 그룹 기능을 이용하면 업무, 놀이 등 연관된 탭을 분류해서 쓸 수 있습니다.

탭이 길면 작게 만들자 – 앱 탭으로 만들기

탭에 마우스 우측 버튼을 클릭하면 ‘앱 탭으로 만들기’라는 메뉴가 있습니다.
이것을 선택하면 탭의 글씨가 사라지고 파비콘만 남습니다.
그리고 앱 탭은 무조건 일반 탭보다 왼쪽에 위치하게 됩니다.

우분투에서의 스크린샷과 맥에서의 스크린샷이 섞여 있습니다.
인터페이스에 혼동이 있지 않으면 좋겠습니다. ^^

북마크, 방문기록, 비밀번호, 설정, 탭 동기화

파이어폭스 우측 하단에 처음보는 아이콘이 생겼습니다.
딱 봐도 동기화라는 느낌이 드는 아이콘 입니다.

동기화 아이콘을 클릭하면 동기화 설정창이 뜹니다.
기존에 처음 동기화를 이용하는 것인지 기존에 동기화를 이용했었는지 선택합니다.

동기화를 처음 이용하는 것이라면 파이어폭스 동기화 서버에 계정을 등록해야 합니다.
개인이 운영하는 동기화 서버를 이용할 수도 있습니다.

모든 설정을 완료하면 우측 하단의 동기화 아이콘이 빙글빙글 돌면서 서버와 동기화 합니다.

제 우분투의 파이어폭스4의 정보를 맥북의 파이어폭스4와 동기화 해봤습니다.
우분투에서 쓰던 파이어폭스4의 북마크, 방문기록, 비밀번호, 설정은 동기화가 되었습니다.
여기서 한가지 더 중요한 사실은 탭의 동기화 입니다.

탭이 여러개 떴을때 탭을 선택하는 버튼에 ‘타 컴퓨터 탭 이용 정보‘라는 것이 생겼습니다.
이것을 선택하면 아래와 같이 제가 우분투에서 사용했던 탭 목록을 이용할 수 있습니다.

아직 파이어폭스4의 변화는 끝나지 않았습니다.
지금 파이어폭스4 베타 버전을 쓰셔도 기본 기능을 사용하는데는 별다른 문제가 없을 정도로 안정적입니다.

파이어폭스 많이 사랑해주세요. ^^

2.1에서 수정된 사항

• 첫화면 내용 및 모양 개선
• [##_ATTACH_PATH_##] 치환자 처리

WordPress TTXML Impoter 다운로드 페이지에서 최신버전을 확인하고 받으세요. ^^

$ sudo mount -t nfs 서버주소:/경로 /마운트경로
mount_nfs: /마운트경로: Operation not permitted

이럴때는 아래와 같이 -P 옵션을 주면 됩니다.
(주의: 그냥 -P만 쓰면 안됩니다. 옵션을 뜻하는 -o를 앞에 넣어줘야 합니다.)

$ sudo mount -o -P -t nfs 서버주소:/경로 /마운트경로

2.0에서 수정된 사항

• 첨부 이미지의 섬네일과 메타정보가 생성됨(TTXML에 첨부파일 포함 필수)

WordPress TTXML Impoter 다운로드 페이지에서 최신버전을 확인하고 받으세요. ^^

요즘 두각받기 시작하는 HTML5로 인해 파이어폭스4에 대한 기대가 큽니다.
Firefox 4 비전: fast, powerful, and empowering

UI가 크롬과 비슷해졌다고 해서 두근두근 실행해봤는데 “헉! 거의 변화가 없어~ ㅠㅠ“

변화가 없어 급좌절하고 있었는데 못보던 메뉴를 발견했습니다.

메뉴에서 ‘보기 -> 툴바 -> 탭을 위로’를 선택하면 짜잔~! 아래와 같이 바뀝니다. ^^

기본으로 북마크 툴바는 숨겨져 있고 우측 끝에 있는 별모양 책은 북마크 관련 도구가 있습니다.

설정에 특이한 변화는 없습니다.

위 스크린샷에서 탭을 보시면 파비콘이 나오는 위치에 로딩 진행상황이 표시되는 것을 보실 수 있습니다.
이전에는 빙글빙글 로딩되는 모습만 보였는데 이제는 얼만큼 로딩되었는지 확인 할 수 있어서 편리해졌습니다. ^^

부가기능 페이지 입니다.
이제는 이렇게 탭으로 뜨네요.
새창으로 뜨던 것 보다 편리한 것 같습니다.

웹개발자를 위한 ‘Heads Up Display’ 라는 것이 생겼습니다.
긴 설명 필요없이 아래 스크린샷을 보시면 이해가 됩니다. ^^

웹페이지 위에 콘솔 로그들이 출력되는 것을 볼 수 있습니다.
뿐만 아니라 아래쪽에 입력란이 있는데 이곳에 자바스크립트를 입력 할 수 있습니다.

제가 자바스크립트를 입력하여 현재 띄워져 있는 구글 페이지의 색상을 바꾸고 경고창도 띄웠습니다.
아마 자바스크립트 입력 말고도 다양한 활용법이 있을 것 같습니다. ^^

북마크 관리도 크게 달라진 점은 없습니다.

HTML5 테스트를 ‘파이어폭스 3.6.6, 파이어폭스 4.0b2pre, 크로미움 6.0.466.0‘에서 실행해봤습니다.

HTML5 지원이 파이어폭스 4.0b2pre가 이전 버전보다 나아졌지만 아직 크로미움 보다는 부족하군요.
저는 크로미움을 우분투 저장소에 넣어서 수시로 업데이트 하고 있습니다.
파이어폭스4 정식버전에서 HTML5를 마음껏 쓸 수 있다면 좋겠습니다. ^^

PS. 이 글은 파이어폭스 4.0b2pre에서 작성하였는데 오류없이 글 작성을 완료했습니다.
베타버전이지만 안정적인게 쓸만 한 것 같습니다. ^^)b

관리자 페이지의 업데이트 기능을 이용해서 한번에 성공했습니다.

테마도 업데이트 했습니다. 제 테마는 iBlog 입니다.

http://code.google.com/p/php-simple-html-parser/

PHP가 제공하는 XML 파서는 문법이 엉망인 HTML은 오류를 발생하며 해석을 하지 못합니다.
그래서 어떻게 하다보니 직접 파서를 만들었습니다.

아래와 같은 엉망인 코드도 파이어폭스에 준하게 해석 합니다.
<b alt=”><” x y g>xxx</b>

SAX와 DOM의 모든 기능을 제공하지 못하지만 자주 사용하는 실용적인 기능들은 제공합니다.

Doxygen 문서와 샘플 예제도 포함되어 있어서 쉽게 사용하실 수 있습니다.

1.9.3에서 수정된 사항

• http://를 포함하는 URL상의 백업파일을 가져올 수 있음
• 백업파일의 크기를 출력하는 부분 제거

WordPress TTXML Impoter 다운로드 페이지에서 최신버전을 확인하고 받으세요. ^^

아래는 prototype을 이용하여 클래스를 만들고 객체를 생성하여 사용한 코드 입니다.

function A() {
    this.n = 10;
}
A.prototype.run = function () {
    alert(this.n);
};
 
var a = new A();
 
// CASE1: undefined
setTimeout(a.run, 1);
// CASE2: 10
setTimeout(function () {a.run();}, 1);
// CASE3: 11
a.n = 11;
setTimeout(function () {a.run();}, 1);

위의 코드에서 보는 바와 같이 CASE1은 쓸 수 없습니다.
alert(this.n)의 this는 a를 가르켜는 것이 아니기 때문입니다.
그리고 CASE3 처럼 n의 값을 임의로 바꿀 수 있습니다.

CASE1, CASE2가 모두 동작하도록 아래와 같이 구현하는 방법도 있습니다.

function A() {
    var n = 10;
    this.run = function () {
        alert(n);
    };
}
 
var a = new A();
 
// CASE1: 10
setTimeout(a.run, 1);
// CASE2: 10
setTimeout(function () {a.run();}, 1);
// CASE3: 10
a.n = 11;
setTimeout(function () {a.run();}, 1);

이번에는 CASE1, CASE2 모두 원하는대로 동작하고 CASE3도 n의 값이 변경되지 않았습니다.
그런데 이렇게 prototype을 사용하지 않으면 생성되는 객체 각각마다 run()을 가지게 되어 prototype을 사용한 방법보다 메모리를 더 차지하게 됩니다.

*주의: 새로 추가된 기능을 무리없이 사용하기 위해 업데이트 후 플러그인을 반드시 한번 껐다 켜주세요.

• 내 블로그와 동일한 주소의 댓글  알림은 받지 않도록 수정
• 이름 찾기 기능 구현
• 블로그 주소가 없는 이름에는 링크가 표시되지 않도록 수정

워드프레스 2.8.6에서도 댓글 알리미 플러그인 많이 애용해주세요. ^^
이용해주시는 모든 분들께 감사드립니다.