'CSS3'에 해당되는 글 2건

  1. 2010.11.02 HTML 5 관련 세미나
  2. 2010.09.16 인터넷 익스플로러9(IE 9) 베타 런칭행사 후기

HTML 5 관련 세미나

강의 2010. 11. 2. 16:34 |


플래시 MX 액션스크립트의 저자 신명용씨로 잘 알려진 아카데미티모에서

2010년 9월 29일과 10월 27일, 두번에 걸쳐 HTML 5 관련 세미나를 열었습니다.

HTML 5 에 대한 다른 세미나나 컨퍼런스에서 대체적으로 새로운 API나 CSS 3 속성 예제 위주의 발표가 이루어지는 반면,

저는 HTML 5에 대해 전반적인 이야기와, 어떻게 공부하고 개발 할 수 있을지에 대해 촛점을 맞추고 발표를 했습니다.

웹표준과 HTML 5를 강의하다보면 관심은 많은데, 막상 어떻게 접근해야 되는지를 몰라 하시는 분들이 많아서

이런 세미나를 준비하게 되었습니다.



마이크가 울려서 결국 마이크 없이 세미나를 진행하는 등 여러가지 부족한 점이 많았지만,

들어주셨던 분들이 후기를 통해 좋은 얘기를 많이 써주셔서 굉장히 기뻤습니다.



다음 번 세미나에서는 더 충실한 내용과 더 재미있는 세미나를 보여드리겠습니다.




Posted by 화염병
:


인터넷 익스플로러 9(IE 9) 베타의 런칭행사가 2010년 9월 16일 목요일 코엑스 오라토리움에서 열렸습니다.

사실 웹개발자나 웹 디자이너 입장에서 익스플로러는 악몽과 같은 존재입니다.

특히 익스플로러 6,7은 웹표준이 제대로 적용되지 않고,

여러가지 버그가 있기 때문에 크로스 브라우징 이슈를 해결하기 위해서는 더 많은 양의

시간과 노력이 들어가야 합니다.


그렇기 때문에, 개발자들은 마이크로소프트를 신뢰하지 않는 경향이 있습니다.

몇 개월전에 한 개발자 커뮤니티에 한 분이 웹표준에 관한 질문을 올렸습니다.

그 분이 책을 보고 아주 간단한 웹표준 예제를 만들었는데,

익스플로러 8에서 제대로 표현되지 않는다는 질문이었습니다.

사실 잘못은 그 개발자분이 DTD를 제대로 선언하지 않아 quirks 모드로 랜더링되서

원하는 레이아웃이 나오지 않았던 것인데,

그 댓글들이 다, MS가 그렇지, 익스플로러가 그렇지....

이런식의 댓글들이 달리더군요.

사실 익스플로러 8은 자바스크립트를 제외한 영역, 즉 HTML이나 CSS는 웹표준을 준수했음에도,

무조건적으로 익스플로러라는 이유로 웹표준을 지키지 못하다는 오명을 쓰고 있는 것도 사실입니다.


어쨌든 점유율 전세계의 점유율이 98%였던,

그래서 '더이상의 웹브라우져는 없다'면서 익스플로러 팀까지 해체시켰던 마이크로소프트였지만,

파이어폭스의 출현 이후로 꾸준히 웹브라우져 강자 자리를 위협받고 있었습니다.


여타 브라우져들이 웹표준을 완벽히 준수하여, 겨우겨우 익스플로러 8으로

웹표준을 따라가니까, 나머지 브라우져들은 이제 HTML5, CSS3 Spec을 만족시키고 있었습니다.


그래서 결국 야심차게, 웹표준과 HTML 5 , 그 뿐 아니라 자바스크립트 속도 및 랜더링속도까지

다른 브라우져보다 앞 선 익스플로러 9을 오늘 런칭하게 되었습니다.

한 기사의 제목처럼 '와신상담'한 느낌이 들더군요.





런칭의 주제는 '웹, 아름다움에 눈뜨다' 였습니다.

굉장히 좋은 제목이라는 생각이 들더군요.

사실 웹표준이나 웹접근성, 크로스브라우징 모두 아름다운 웹,

즉, 웹환경을 표준화하여 깨끗하고 원활한 환경을 만들고, 인간적으로도 누구나 어떠한 기기에서도

정보에 접근이 가능하게 하는 그러한 모토를 지니고 있는데,


바로 그러한 모토를 잘 살린 제목이라고 생각합니다.


사실, 웹개발자 입장에서, 그리고 UX관련 전문가입장에서 마이크로소프트는 그렇게

잘 나가는, 그리고 무서움을 느끼는 기업은 아니었습니다.

구글같이 놀라운 기술력을 가지고 있는 것도 아니고,(물론 많은 것을 만들어 내기는 하지만)

페이스북이나 트위터처럼 새롭고도 재미있는 아이디어, 개념을 지니지도 못했고,

(항상 따라하기만 잘 하죠.)

애플이나 어도비처럼 인간적이고 직관적인 UX 를 만들어 내지도 못했기 때문이죠.

(UX라는 단어를 제일 먼저 마케팅에 사용한 기업이 마이크로소프트이지만 리본 인터페이스는 아직도 호불호가 갈리는

논란의 여지가 있는 UX이지요.)



(이미지출처 : http://www.windowsphone7.com/)


하지만, 윈도우폰 7에서부터 제 생각은 달라졌습니다.

아이콘의 개념을 넘어선 라이브타일이나 HTC의 센스 UI보다 진보한 커뮤니케이션 기반의 인터페이스,

페이지 별로 Depth가 나뉘어진 메뉴가 아닌,

하나로 이어진 형태의 새로운 UI는 UX관점으로 볼 때 신선한 시도이자 훌륭한 인터페이스라고 생각했습니다.

주가총액조차 추격당해 애플에 난도질당한 자존심을 회복하려는 굳은 의지와

 UX에 엄청난 아이디어를 쏟아부은 노력의 흔적이 보였죠.


그리고 익스플로러 9(IE 9)은 구글 크롬이나 파이어폭스에 상처입은 웹 브라우져의 자존심을 회복시키려는 노력이 보여졌습니다.



첫번째 세션은 마이크로소프트의 황리건님이 아름다운 웹에 맞는 익스플로러 9(IE 9)에 대해 발표를 하셨는데요.

황리건님의 PT를 실제로 본 건 처음이었는데요.

말씀을 부드럽고 편하게 정말 잘하시더군요.



(자전거를 타고 등장하는 모습을 사진 찍었어야 했는데 못찍어서 아쉽네요. ^^)





빠른 웹,

표준 웹,

안전한 웹,

깔끔한 웹

이렇게 4가지 주제를 가지고 발표와 시연을 해 주셨습니다.

(중간에 NHN의 송효종님과 다음의 문경두님이 HTML 5로 시연한 데모를 보여주셨습니다.)


이후에 마이크로소프트의 이중영님이 익스플로러 9(IE 9) 개발 이야기를 해주셨는데,

솔직히 발표가 재미도 없고, 주제 역시 진부한 주제여서 대충 들었습니다.


그 다음으로는 허광남님이 개발도구의 설명을 해 주셨습니다.

저는 익스플로러 8에서부터 굉장히 빈번하게 사용하던 툴이었는데,

다수의 개발자들이 새로운 툴을 보듯이 신기하게 보시더군요.


물론 익스플로러 9의 개발자 도구에 추가된 콘솔이나 네트워크는 더 강력해 진 것 같습니다.

(이제는 FireBug나 크롬 개발자도구를 굳이 병행하여 사용하지 않아도 되겠더군요.)



마지막으로 NHN의 정찬명님이 익스플로러 6에서부터 9까지 대응하는 법을 발표하셨는데,

솔직히 제 입장에서는 모두를 알고 있는 내용이라 재미가 없었습니다.

그런데 많은 개발자분들이 더블마진오류나 haslayout등등 크로스 브라우징 이슈의 가장 기본들을 모르시더군요.

(갑자기 다들 폰카메라라도 마구 찍으시더라고요. - _-;; )



역시나 제대로된 웹표준은 아직 한국에서 널리 활성화가 되지 못한 것 같습니다.

(제가 수업시간에 가르치는 가장 기본적인 내용인데 많은 개발자분들이 잘 모르시는 것 같더군요.)



결론적으로 말해 익스플로러 9(IE 9)은 현재 가장 훌륭한 웹브라우져가 될 것 같습니다.

특히 웹표준의 정확한 준수(자바스크립트 함수도 똑같아 졌습니다.), HTML 5 Spec의 지원,

새로운 자바스크립트 엔진인 차크라의 월등한 속도(크롬보다 훨씬 빠르더군요),

GPU 가속을 통한 월등한 랜더링 속도 등이 대단하게 느껴지더군요.

(기능 소개는 다음 포스팅에서 자세히 해 보도록 하겠습니다.)



어쨌든, 익스플로러 9이 나오면서 다른 브라우져들도 잔뜩 긴장하고 더 좋은 브라우져를 만드려고

힘쓸 것 같아서 참 기분이 좋습니다.


점점 더 좋은 웹브라우져가 나올수록 저같은 웹개발자들이 자신이 상상하는 바로 그것들을

자유롭게 웹에서 표현할 수 있을테니까요.



 
Posted by 화염병
: