따라쟁이

이 글은 Happy? Unhappy? The Choice is yours…의 Daum UIDevday에 다녀왔습니다. 라는 글에 대한 때늦은 트랙백입니다. 해당 글을 최근에야 읽게 되어서요.

UI Dev Day에서 발표한 내용 중 마지막 부분에 보면 JavaScript Framework에 대한 내용이 있습니다. 해당 슬라이드 페이지는 다음과 같이 되어 있었구요…

제가 전달하려 했던바는 대략 다음과 같은 내용입니다.

최근 JavaScript framework 가 많이 사용되고 있다. 한번이라도 사용해 본 개발자들은 편리함에 계속 사용하게 된다. 하지만 이러한 framework가 제공해주는 편리함 때문에 과용하는 것을 많이 봐왔다. JavaScript 코드 몇 줄 포함되는 페이지에서 document.getElementById() 입력하기 귀찮아서 prototype을 참조하고는 $()가 사용되는 페이지들을 보았다.

일반적으로 JavaScript framework를 포함하게 되면 대부분의 경우 참조하는 순간부터 성능이 떨어질 가능성이 존재하고 단순하게는 사용하지 않는 무수하게 긴 코드들을 다운로드 받아야 하므로(물론 압축해서 받으면 줄어들긴 하지만 그래도…) 로딩 시간이 지연될 수 밖에 없다. 따라서 JavaScript framework를 사용하는데 있어 선택 뿐만 아니라 필요성에 대해서 반드시 고민해봐야 할 것이다.

적고 나서 보니 역시나 의도했던 내용 중 일부만 전달된듯 합니다(말씀하신데로 저 역시 . 또한 님(어떤 닉을 쓰시는지 몰라서^^;)께서는 좀 더 JavaScript의 성능적인 이슈를 기대하신 거 같았는데 제가 그에 미치지 못했던것도 사실인듯 합니다.

저의 발표는 JavaScript와 관련된 내용보다는 UI개발자들이 실무에서 실제 많이 사용되면서도 손쉽게 적용할 수 있는 내용을 위주로 얘기하고자 했습니다. JavaScript에 대한 내용은 제가 속해있던 트랙의 첫번째 세션에서도 중복되어 얘기되기도 하고 프로그래밍 언어 또는 프레임워크에 대한 내용을 건드리기에는 적절치 않은 시간인거 같아서요.

님께서 해당 포스트에 올려주신 $()의 구현 코드는 편리함과 성능적인 부분에 있어서 훌륭한 코드라고 생각됩니다. 말씀하신데로 GC까지 구현된다면 금상첨화겠죠.

성능과 관련되서 JavaScript Framework에 대한 언급이 들어갔으면 좋겠다는 얘기를 듣고 포함하긴 했는데, 오히려 오해를 불렀던거 같습니다. 저의 의견 전달에도 문제가 있었던거 같구요. 아아… 괜히 저 때문에 UI Dev Day에 딴지 걸리는 일이 생긴거 같아 해명 차원에서 글씁니다. 이런 기회가 또 있을지는 모르겠지만 담에는 좀 더 렙업된 모습을 보여드려야 겠습니다.

참고로 UI Dev Day에서의 모든 발표 자료는 Daum UI개발자 블로그에 올라와 있으니 참조하세요.

저는 Firebug를 무지무지하게 잘 활용하고 있었는데 요즘 들어 이상한 현상이 발생해 답답해 하고 있었습니다. 제목처럼 <a> 요소에 대해 inspect가 되지 않는 현상이 일어나고 있습니다.

일할때는 관성의 법칙이 작용하는지라 원인을 찾아볼 생각을 못하고 있다가 이제야 시간이 나서 Firebug discuss에 가보니 관련 글이 올라와 있네요.

결론적으로 말하면 Firefox가 2.0.0.12으로 업데이트 되면서 생겨난 문제로, fix되었고 2.0.0.13에 반영될꺼라고 합니다. 이번 2.0.0.12로의 업데이트가 주로 보안과 관련된 부분이었다고 들었는데, 수정하면서 발생한 side-effec인가 봅니다. 자세한 토론 내용을 이해하고 싶은데 암만 읽어봐도 무슨 소리들을 하는지 모르겠네요.

Bugzilla에 [FIX]2.0.0.12 causes <a> elements not to be recognised when inspected in firebug라는 제목이 달린거 보니 일단 해결된걸로 보입니다. 이 문제로 괴로워하시는 분들 있으면 참조하시고, 2.0.0.11로 재설치하시던지 2.0.0.13을 참고 기다리는 수 밖에 없을거 같습니다.

해당 이슈에 관한 글은 Google code – fbug – issue 452와 Bugzilla@Mozilla – Bug 416896를 참조하세요.

Firefox를 사용하면서 가장 불만중의 하나는 글꼴을 설정하는 부분입니다. 웹 페이지에서 크기(font-size)와 글꼴(font-family)을 특정 폰트로 지정한 경우에는 별 문제가 없지만 크기를 절대값으로 지정하지 않았거나(px, pt 등) 특정 폰트를 지정하지 않은 경우(sans-serif, serif, monospace 등)에는 브라우저에서 설정한 사항으로 출력되기 때문에 가끔 혼란스러울 때가 있습니다.

다음 그림은 Windows XP, Firefox 3.0 beta(2.0에서도 동일하므로)에서의 설정 대화상자와 이에서 고급 버튼을 클릭했을때 나오는 글꼴 대화상자입니다.

제가 생각하는 문제점은 다음과 같습니다.

1. 설정 창에서 선택한 기본 글꼴과 고급을 눌렀을때 선택한 글꼴과의 차이가 무엇인지 명확하지 않다.
2. 글꼴의 크기 단위가 무엇인지 명확하지 않다.
3. 글꼴 대화상자에서 “다음 언어/문자를 ~~~” 부분에서 선택한 언어가 해당 페이지와 어떤 식으로 관계되는지 모르겠다. UTF-8로 인코딩으로 작성된 한글 페이지는 유니코드인지 한국어인지?
4. 이건 윈도우의 문제점 같은데, 한글 폰트(그립?)을 포함하지 않은 영문 글꼴을 설정한 경우 한글이 어떤 글꼴로 표시되는지 설정하는 방법이 없다. 기본적으로 시스템에 등록된(레지스트리) 한글 폰트를 사용하는 것으로 알고 있는데 Firefox는 좀 다른거 같다.

우리나라의 대부분의 웹사이트(사실 포탈들)에서는 폰트 굴림 또는 돋움을 사용하기 때문에 큰 문제는 없으나 구글과 같은 사이트들에서는 따로 글꼴을 명시하지 않기 때문에 글꼴이 커졌다 작아졌다 또는 글꼴이 변하는 현상들이 발견되고 있습니다. 이전까지는 별 문제없이 썼었는데 최근 Firefox 3.0 beta를 설치하면서 이놈이 또 말썽을 부리기 시작하고 있습니다.

사실 IE에서도 이 부분이 명확하지 않은듯 하네요.

아거님은 블로그 포스팅할 때 ecto라는 프로그램을 사용한다고 합니다. 아무래도 데스크탑 어플을 사용하는게 웹 보다는 빠르고 쉽게 포스팅할 수 있는 장점이 있지 않나 싶습니다. 그래서 저도 ecto를 찾아봤는데… 아직 테스트해보진 않았습니다. 이 프로그램이 상업용 소프트웨어인지라 trial로 30일간 밖에 사용할 수 없으니 free 중 적당한게 있으면 사용할 생각입니다.

그래서 먼저 찾아본게 Firefox 확장기능인데 ScribeFire라는게 있네요. 이 확장기능으로 처음 포스팅해보는건데 잘 될지 모르겠습니다. 현재 느낌으로는 일단 한글화가 되어 있는걸 보아하니 어느 정도 신뢰는 가지만 별로 이쁘지는 않네요. ^^; 그리고 인터페이스 자체가 직관섬이 많이 떨어지는 느낌입니다.

그래도 쓸만하면 본 포스트에 덛붙여서 작성하려고 합니다.

Powered by ScribeFire.

Personas for Firefox extension은 경량 테마를 제공하는 확장기능입니다.

기존의 테마는 확장기능과 마찬가지로 별로의 설치 과정이 필요한데 반해 Personas를 사용할 경우 온라인을 통해 제공되는 테마 목록 중 자신이 원하는 것을 선택하여 바로 적용할 수 있습니다. 현재의 단점은 테마라고 하기에는 적용되는 스타일의 한계가 뚜렷합니다.

다음 그림은 Snowman이라는 테마를 적용한 것으로 그림에서 보듯이 탭, 버튼, 아이콘 등에 있어서는 변화가 없고 메뉴에서 탭이 있는 위치 및 하단 상태바 영역의 배경 이미지와 글꼴 색이 변경되는 정도이네요.

Personas 확장 기능은 아직 프로토타입 수준이며 다음의 아이디어를 기반으로 하고 있다고 합니다.

• themes today are too hard to find, install and use – 원하는 테마를 찾고 설치하기가 힘들다.
• graphic designers should be able to style the browser without having to code – 코드를 모르더라도 그래픽 디자이너가 테마를 만들 수 있어야 한다
• browsers can be more than just desktop software, they can include online components-브라우저는 데스크탑 소프트웨어 이상이다. 온라이적인 요소를 포함할 수 있다
• people just want their computer to be a little more fun and personal-재밌고 개인적으로 만들고자 한다

아직 프로토타입이다 보니 기능이 미약하긴 하지만 여러가지 개념들 때문에 흥미롭네요. 앞으로의 Firefox 테마도 이러한 방향으로 발전했으면 합니다.