레이블이 ms인 게시물을 표시합니다. 모든 게시물 표시
레이블이 ms인 게시물을 표시합니다. 모든 게시물 표시

2009년 9월 24일 목요일

SuperPreview Review

MS는 Expression Web 3에 비주얼 진단(visual diagnostics) 도구인 SuperPreview를 포함하여 발표했습니다. 하지만 별도로 작동되는 프로그램으로 Expression Web 3 없이도 사용하실 수 있습니다.

오늘은 SuperPreview의 사용기를 간단히 정리해 보고자 합니다.

UI
SuperPreview UI

SuperPreview UI


UI는 다른 Expression Stuio 제품들과 동일합니다. 상단에 웹페이지 위치를 입력하는 로케이션 바를 포함한 메뉴바가 위치해 있고, 중앙에 기준 화면(Base Line)과 비교 화면(Comparison)이 있습니다. 바로 아래에는 기준 화면이 되는 브라우저 아이콘과 비교 화면의 브라우저들 아이콘이 표시되어 있습니다. 하단에는 각각의 브라우저 DOM Tree 정보와 해상도를 설정할 수 있는 드롭다운 메뉴가 제공됩니다. DOM Tree를 통해서 상세한 스타일시트 정보를 확인해 볼 수는 없었습니다.

브라우저 선택
SuperPreview 브라우저 선택

SuperPreview 브라우저 선택

비교 브라우저 목록에서 [+]버튼을 누르면 새로운 브라우저나 이미지를 선택할 수 있습니다.
SuperPreview 브라우저 선택 후 새로고침을 한다

SuperPreview 브라우저 선택 후 새로고침을 한다

브라우저를 선택하면 새로고침을 하라는 메세지가 나타납니다. 상단에 로케이션바 옆에 새로고침 버튼을 클릭하면 렌더링이 이루어지고, 화면이 나타납니다.

Box Highlighting Mode
Box Highlighting Mode

Box Highlighting Mode

원하는 영역을 선택하게 되면 박스형태로 표시되며 좌측 하단에 사이즈와 위치 정보가 출력됩니다. 브라우저간 차이가 발생하면 붉은색으로 표시가 됩니다.

Lights-Out Highlighting Mode
Lights-Out Highlighting Mode

Lights-Out Highlighting Mode

Box Highlighting Mode 와 달리 선택 영역만을 밝게 하여 보여줍니다.

Layout
수평 레이아웃

수평 레이아웃

4가지 형태의 레이아웃을 제공한다. 기본 레이아웃은 수직으로 나누어져 있고, 위 그림처럼 수평(Horizontal Split Layout)으로도 나눌 수 있습니다.

오버레이 레이아웃

오버레이 레이아웃

Overlay 레이아웃은 비교가 되는 두 화면을 하나의 레이아웃으로 겹쳐 보임으로써 차이를 극명하게 보여줍니다. 그리고 나머지 하나는 선택된 브라우저 하나만 보여주는 레이아웃입니다.

이미지 비교
이미지 비교

이미지 비교

이미지를 불러와서 비교할 수 있습니다. 꼼꼼한 웹디자이너들이 종종 웹퍼블리셔가 작업한 웹페이지를 캡쳐해서 원본 이미지와 비교하는 것을 볼 수 있는데 더 이상 캡처를 하지 않아도 될 것 같습니다. 웹퍼블리셔에게는 아주 곤혹스러운 상황이겠지만 말이죠. 하지만 반대로 SuperPreview를 통해서 각 브라우저마다 같은 코드가 어떻게 다르게 렌더링 되는지를 효과적으로 보여주고 설명해 줄 수 있는 것이기도 합니다.

정리
SuperPreviewIETesterMultiIEs와 같은 어플리케이션에 비해 가볍고, 편리합니다. 가장 많이 사용하고 있는 IETester는 지속적인 패치를 통해 렌더링 정확도가 높아지고 있지만 모든 경우를 보장해 주지 못합니다. 그리고 일부 OS에서 심심치 않게 다운되는 현상도 비일비재합니다. 반면에 SuperPreview는 이같은 문제를 해소시켜줄 대안으로 발표가 되었습니다. 환영할만한 일입니다. 반갑기도 하구요. 하지만 정말 쓸 만한 제품인가? 하는데에는 아직 아쉬움이 많이 남는 제품입니다.

일단 SuperPreview는 비주얼 진단 도구로 실제 웹브라우저처럼 웹페이지를 보여주지 않습니다. 다시 말해 링크나 자바스크립트를 통한 인터랙션을 확인해볼 수 없습니다. 단일 페이지에 대한 렌더링 결과만을 확인해 볼 수 있다고 생각하시면 됩니다. 또한, 자바스크립트로 웹페이지 레이아웃을 구성하는 경우 제대로 렌더링 되지 않는 경우도 발생합니다. Expression Web 3 릴리즈 노트(공식 문서)를 살펴보시면 SuperPreview가 지원하지 못하는 경우를 확인해 보실 수 있습니다. 또 하나 IE 시리즈를 제외하면 현재 지원되는 브라우저는 Firefox 뿐입니다. Safari, Opera와 같은 다른 브라우저들은 다음 버전에서나 지원될 것으로 보입니다.

그리고 SuperPreview를 처음 보고 어도비의 BrowserLab 서비스와 상당히 유사하다는 것을 느꼈는데요. BrowserLab은 웹서비스로 구현되어 있습니다. 드림위버에 플러그인을 설치하면 연동해서 사용하실 수도 있구요. SuperPreviewBrowserLab이 서로 경쟁해서 둘 다 좋은 제품으로 발전했으면 좋겠네요.

어쨌든 결론적으로 제 생각을 정리해보면 SuperPreview는 괜찮은 컨셉으로 쓸만한 제품이지만 아직은 다른 디버깅 툴을 대체할 만큼 사용성이 높지는 않다는 것입니다. IE8에는 개발자 도구라는 강력한 디버깅 툴이 지원되고 있는데 그것과 연동되어진다면 꽤나 쓸만하지 않을까 기대해 봅니다.

어도비의 BrowserLab

어도비의 BrowserLab


그래도 웹디자이너나 웹기획을 하시는 분들께는 꽤나 유용한 도구가 될 것으로 생각됩니다. 개발자나 웹퍼블리셔에게는 아쉽지만 아직은 IETester를 이용한 확인 작업이 가장 나은 대안인 것 같습니다.

가장 좋은건 IE6이나 IE7이 어서 점유율이 떨어져서 모든 사람들이 표준을 제대로 준수하는 브라우저를 사용하는 세상이 되는 것이겠죠.


참고

2009년 3월 28일 토요일

은행 및 금융기관 사이트 액티브X 없애주세요

* Clearboth Blog에 올렸던 글(2009/03/29)을 이전했습니다.

다음 아고라에서 은행과 금융기관의 Active X의 사용 중지를 요청하는 서명을 받고 있어 소개해 드립니다.


Active X 사용 중지를 요청하는 서명운동

Active X 사용 중지를 요청하는 서명운동


Active X 문제가 어제 오늘의 문제는 아니고 Open Web 의 활동을 통해서 끊임 없이 문제 제기와 변화를 요구해 왔습니다만 Active X를 만든 MS나 Active X를 남용하는 각종 사이트들은 요지부동 마음을 바꿀 생각이 전혀 없어 보입니다. 서로 눈치만 보고 누가 먼저 움직이나 하고 뒷짐 지고 지켜만 보고 있는 꼴이지요.

Open Web의 끈질긴 노력에도 불구하고 두번의 고배를 마셨습니다. 하지만 그렇다고 여기서 포기할 Open Web도 아니고, 웹을 사랑하는 사람들 역시 작은 노력들을 모아서 뜻을 밝히고자 이와 같은 서명운동을 시작했습니다. 많은 분들이 이 서명운동에 함께 해 주시기를 바라겠습니다.

2009년 3월 11일 수요일

아직은 IE8을 사랑하긴 이르다

오늘 오후 한국MS가 마련한 IE8 Love Developer - 개발자가 주목할 Internet Explorer 8 세미나에 다녀왔습니다.  소문난 잔치에 먹을 것 없다고 해서 사실 MS가 차린 밥상에는 숟가락 들고 잘 찾아가지는 않았습니다만 이번 세미나 중에 2,3 세션에 관심이 갔던지라 회사에 허락을 받고 모처럼 밝은 낮에 외출을 해볼 수 있었습니다. 소감부터 밝히자면 생각보다 꽤나 유익했던 세미나였습니다. 옥의 티라면 극장도 아닌데 '팝콘'을 서비스로 제공한 MS의 센스 때문에 속이 조금 미식거렸던 것?

팝콘?

MSDN 블로그의 이름이 POPCORN입니다.


행사장 입구에서부터 왠 팝콘 냄새가 진동을 하길래 극장이 있나 하고 잠깐 두리번 거렸는데 정말로 팝콘을 간식으로 제공하고 있었습니다. 거기다 팝콘 명찰을 달고 왠 텔레토비 같은 녀석이 왔다 갔다 하는데 다른 행사장에 왔나 하고 잠깐 멈칫 거리기까지 했구요. 알고보니 MSDN 한국 블로그 이름이 'POPCON'이더군요. IE의 주요 기능을 간략히 소개하는 '쭝스의 1분 데모' 등 스크린 캐스트가 여러개 올라와 있는데 오늘 행사에서도 계속해서 영상을 보여줬습니다. 스피커가 지루하게 강의를 하는 것 보다는 훨씬 나았던 것 같았습니다.

Q&A를 위한 자리


중간 쉬는 시간과 행사 이후에 이 자리에서 스피커들에게 질문을 할 수 있도록 별도로 마련된 공간입니다. 좋은 아이디어이긴 하지만 막상 발표를 경청하는 중에는 질문이 있다가도 깔아 놓은 멍석 위에서는 입을 다무는 편이라 차마 질문을 하지는 못했습니다.



첫번째 세션은 MS의 개발자&플랫폼 에반젤리스트로 근무 중인 김대우님의 발표였습니다. 주로 IE8의 일반적인 기능 소개와 세미나 전체 차례를 소개해 주셨구요. 중간에 '익스프레션 웹'의 김영일씨와 '알툴즈'의 세일(성이 생각나지 않네요;)님을 모셔서 IE8의 친구들(?)을 소개해 주셨습니다. 디테일한 내용으로 채워진 것은 아니지만 IE8을 준비하기까지의 노력과 웹 표준에 대한 의지(?)를 세미나에 참석한 900여명(예상보다 꽤나 많은 사람들이 세미나에 참석한 듯 했다)의 참석자-대부분 개발자일 듯-들에게 호소하는 모습이 나빠 보이지만은 않았다. 다만 UI개발을 하는 사람으로서 IE의 Active X등 브라우저의 확장 기능이 있는 이유와 있을 수 밖에 없는 이유, 있어야 하는 이유를 사용자들의 요구와 사용성 때문(공감하는 것이긴 하지만)이라는 것만을 너무 강하게 어필하고 있지는 않았나 싶다. 사용성이 중요한 만큼 정말 중요한 가치-웹 표준이나 접근성 같은-역시 무시될 수 없다는 것도 아는 듯 하였는데 스스로 단점을 구체적으로 밝히는데까지는 어려움이 있어 보였다.


팔은 안으로 굽는다고 했던가. 역시 같은 분야에서 일을 하고 계신 분이 저 앞에 서 계시니 괜히 어깨가 으쓱거려지고 뿌듯하더라. 찬명님의 발표는 매번 느끼는 것이지만 어려운 주제를 쉽고 명쾌하게 풀어놓는데 재주가 좋으신 것 같다. 오늘 역시 만약에 내가 했더라면 무척이나 어렵고 따분하게 진행했을 것이 뻔한 내용을 너무나 시원 시원하게 풀어 주셨다. IE8 의 웹 표준 지원 정도와 하위 버전과의 호환성 문제, 낡은 웹 페이지와의 호환성 문제, 각 버전별로의 대응법 등을 직접 만드신 예제를 시연해 주시면서 설명해 주셨다. 마치 잘 나가는 EBS 방송을 보고 수학 문제가 술술 풀리는 느낌이었달까?


팝콘과 함께 제공되는 커피. 맛은 괜찮았다. 하지만 난 역시 Firefox가 더 좋다. 찬명님 기대 말씀대로 IE9가 더 나아지고, IE10이 찬사를 받는 순간이 온다면 모를까. 아직은- 그래 아직은 Firefox가 더 좋다.


세번째 세션 발표는 NC소프트 오픈마루 스튜디오의 강규영 과장님이 해 주셨다. 강규영님은 오픈소스 웹 에디터로 유명한 Xquared를 만드신 분으로 많이 알려져 있는데 오늘 처음으로 뵙고(먼 발치에서지만)나니 깊은 지식과 훌륭한 말솜씨 그리고 뛰어난 재치까지- 굉장히 신선하고 충격적이었다라고 적고 싶다. 저런 사람, 아니 괴물이 다 있을까! 하고 감탄이 절로 나왔으니까. 오픈마루에 인연이 있는 지인으로부터 종종 대단하시다는 말만 전해 듣다가 오늘 직접 보니 허언이 아닌듯 했고, 내심 존경하는 마음까지 들었다. 정말 훌륭하신 분이다!


마지막 세션은 정성태님께서 ActiveX 개발자들을 위해 준비한 자료를 발표해 주셨는데 내 지식으로 알아 듣고 이해하기에는 많이 역부족이었던 시간이었다. 그렇지만 IE8이 어떻게 작동되고 있는지 굉장히 친절히 설명을 해 주셔서 도움이 되었던 것 같다. 더불어 항간에 떠 돌던 Active X 사망설을 일축하셨는데 개인적으로는 이해는 되지만 아쉽게 느껴지는 부분이 아닐 수 없었다. 사용자 경험을 위해서 제공되는 확장 기능이 꼭 Active X 이어야 하는지. 반대로 Active X를 지원하지 않는 다른 브라우저들은 보다 나은 사용자 경험을 제공할 방법이 없는 것인지. 그건 아니지 않는가. Active X가 보안 문제를 완벽에 가깝도록 해결한다고 하더라도 MS 윈도우와 IE에서만 작동된다면 근본적인 문제는 결코 해결되는 것이 아니지 않는가. 정성태님께서는 Active X가 사라지고 Active Y가 나온다고 해서 크게 달라지는 것은 없을것이다라고 하셨지만 Active Y가 모든 브라우저와 호환성을 갖춘 것이라면 정말 달라지는게 없을까?


마지막은 오후 내내 불편한 자리를 벗어나지 않고 인내로 견딜 수 있게 해준 경품 추천 시간이었다! 하지만 저 텔레토비는 내 편은 아니더라. 빈 손으로 유유히 행사장을 빠져 나왔다.

IE8 정식 버전은 조만간 우리들 앞에 의기양양한 모습으로 나타날 것이 분명하다. 찬명님 말씀대로 UI개발을 하는 웹 퍼블리셔들이나 개발자들에게는 IE8의 출시로 인해 대응해야 할 브라우저가 하나 더 늘어서 단기적으로는 일이 더 는 셈이지만 4,5년쯤 되에는 우리들의 후배들은 보다 나은 환경에서 적은 스트레스로 일을 할 수 있을 거라는 기대감을 갖게 한다.

하지만 당장에 IE8만 놓고 예측하고, 평가한다고 했을 때 그들(MS)의 바람대로 IE8을 사랑할 수 있을까? 하는데에는 아직 찝찝함이 많이 남아 있는 것이 사실이다. 이런 세미나를 통해서 듣는 이야기는 대게 긍정적인 부분이다. 실무에서 UI개발자든 서버사이드 개발자든 막상 부딪혀 보면 예기치 못한 난관에 당황해하는 경우가 비일비재하기 마련이다. 정찬명님이나 강규영님의 노하우가 IE8에 대응하는 상황에서는 분명 큰 도움은 되겠지만 IE의 하위 버전들이 가지고 있던 산적한 문제들에 대해서는 근본적인 해결책은 되지 못할 것이다. 그래서 찬명님이 농담반 진담반으로 MS가 소수의 하위 브라우저 사용자들의 시스템을 업그래이드를 시켜 줬으면 좋겠다라는 것처럼 MS의 보다 확실한 대답이나 대응이 필요하다고 생각된다. '개발자를 살려주세요'같은 캠페인이나 구글의 IE 업그래이드 권장 캠페인 등이 다른 곳이 아닌 MS 스스로 나서서 해야 하는게 아닌가.

과도기의 웹. 그리고 쉼 없이 변화하는 웹 생태계 속에서 브라우저는 계속해서 진화를 하고, 더디게만 보이던 IE 역시 다시 한 번 허물을 벗어 던지려고 하고 있다. MS가 설득의 무기로 삼는 '사용자들에 대한 사용성의 증대'와 UI개발자들의 이상인 '웹 표준을 통한 웹 접근성의 확보'가 IE8의 등장과 함께 대립이 아닌 공존의 관계로 발전해 나가기를 기대해 본다.



추신 / 발표자료는 여기에서 내려 받으실 수 있습니다.

2009년 2월 26일 목요일

IE8 세미나 소식

한국 MS에서 곧 출시될 것으로 보이는 IE8에 대한 개발자 세미나를 열었습니다.

  • 일시 : 2009년 3월 11일 수요일 오후 1:30 - 2009년 3월 11일 수요일 오후 6:00
  • 장소 : 코엑스 컨퍼런스 센터 401호
  • 개요 :
    • 김대우 : IE8에 대해서 개발자가 알아야 할 전반적인 내용들을 설명하고, IE8 적용사례 및 적용가이드에 대한 내용들에 대해서 알아 봅니다.
    • 정찬명 : IE8의 향상된 웹 표준 지원을 UI 개발자들이 실무에 어떻게 활용할 것인지 고민하고 그 결과를 공유하는 세션 입니다. IE6~7에 최적화된 웹 사이트와의 호환성을 어떻게 유지할 것인지도 다룹니다.
    • 강규영 : IE8의 새로운 기능, 타 브라우저와의 호환성, 개발자용 도구, 성능 개선 등 IE8과 관련하여 Ajax 개발자가 알아야 할 주요 이슈들을 소개합니다.
    • 정성태 : IE8에서 브라우저 확장 기능을 구현하기 위해서 알아야 할 변경 사항인 Loosely Coupled IE와 BHO 그리고 이와 관련된 Tool Bar 적용 사례 및 올바른 ActiveX 활용법에 대한 내용을 다룹니다.

그동안 MS가 주취하거나 참여한 세미나, 컨퍼런스가 재미도 없고, 자사 제품 소개 위주로만 진행된 적이 많아서 별로 흥미가 없었는데 이번 세미나 스피커분들의 간단한 프로필과 개인 블로그를 살펴 보니 평일 오후 시간을 제법 즐겁게 보낼 수 있을 것 같다는 생각이 들어 사전등록도 하고, 이렇게 소식도 전해 드립니다.

2008년 3월 5일 수요일

ie8 beta1 공개

드디어 ie8 beta1이 그 모습을 드러냈습니다. MIX08에서 초미의 관심속에 공개가 되더니 바로 다운로드 받을 수 있게 되었네요.
사용자 삽입 이미지
사용자 삽입 이미지

설치가능한 운영체제는 아래와 같습니다.
  • Windows Vista x64 and x86
  • Windows Vista Service Pack 1 (SP1) x64 and x86
  • Windows XP Service Pack 2 (SP2)
  • Windows XP Professional x64 Edition
  • Windows Server 2008 x64 and x86
  • Windows Server 2003 Service Pack 2 (SP2) x64 and x86
ie8에 대한 주요 기능은 차니님이 올려주신 "IE8이 준비한 8가지 선물"에서 자세히 보실수 있습니다.

2008년 1월 24일 목요일

인터넷 익스플로어 이올라스 패치

MS에서 드디어 이올라스 패치가 올라왔네요.

IE 7 버전은
http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=48ba80a0-697f-480a-a188-95c576d8a8bb

IE 6 버전은
http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=3f8ba2aa-ed73-4764-a56d-9515a9c500de

이제는 외부 스크립트를 사용하지 않고도, HTML문서에서 바로 플래쉬 같은 오브젝트 객체를 삽입할수 있겠네요. 다행입니다^^