루키의 보석함

이러닝 분야 뿐만 아니라 많은 웹 사이트들이 동영상을 제공하고 있습니다. 현재까지는 표준이 없어 플래시와 같은 플러그인을 통해 동영상을 보여줬는데요. 브라우저마다 플러그인 지원 여부가 달라 표준화가 필요했었습니다. 현재 HTML5에서는 이러한 동영상을 출력하기 위한 표준을 제공하고 있습니다. HTML5의 태그가 이에 해당하는데요. video 태그에 대해 간략하게 정리하려고 합니다. HTML5의 video 태그에서 지원하는 포맷은 Ogg, MPEG 4, WebM의 세가지 입니다. Ogg는 Theora 비디오 코덱과 Vorbis 오디오 코덱을 포함한 컨테이너로 보통 ogg라는 확장자를 사용하는 동영상입니다. MPEG 4는 잘 아는 대로 H.264 비디오 코덱과 AAC 오디오 코덱을 사용하고 있구요. WebM..

HTML5 활용 - 마크 필그림 지음, 현동석.강유훈 옮김/에이콘출판 HTML5에 대한 관심이 생겨 자료를 살펴보던 중 만난 책입니다. 제목 처럼 구글 개발자를 통해 HTML5의 구성이 어떻게 이루어져 있으며, 실제 활용하는 방법까지 충실하게 설명되어 있습니다. 1장을 "HTML이 지나온 길"을 읽으면서 어렴풋이 알고 있던 HTML의 역사에 대해 보다 확실하게 이해하게 되었습니다. 이 책을 잘 보면 video를 설명할 때도 그렇고 해당 주제에 대한 보다 깊이 있는 설명을 자주 하고 있습니다. 이런 면에서 매우 잘 만들어진 책이라는 느낌을 받았네요.. 프로그래머가 아닐지라도 IT 관련 업무를 한다면 1장은 꼭 읽었으면 하는 생각이 들었습니다. 2장 "HTML5 지원 감지 여부"는 HTML5의 주요 기능을 ..

자.. HTML5의 두번째 시간을 시작해 보도록 하겠습니다. 먼저 HTML5의 예제를 한번 보도록 하죠.. HTML5 예제 브라우저가 video 태그를 지원하지 않습니다.-..- 아마도 파이어폭스, 사파리, 크롬등의 브라우저에서 보면 곰 한마리가 나올겁니다. 반면에 IE에서 살펴보면 video 태그를 지원하지 않는다는 텍스트가 나타납니다. 아직 IE에서는 HTML5를 지원하지 않기 때문에 다른 브라우저를 설치하셔서 꼭 확인해보시기 바랍니다. 다른 브라우저를 설치하고 난 다음에 이런 생각을 할 겁니다. 뭐야~ 기존에 다 되던거 아닌가? 그러나 기존에 embed 태그나 object 태그로 윈도우 미디어플레이어나 플래시로 재생하던 것과는 차이가 있습니다. 바로 표준 HTML 규격으로 외부의 플러그인 설치 없이..

제 홈페이지와 동시에 연재하려고 옮겨 봅니다. 요즘 HTML5에 대한 이야기들을 종종 볼 수 있습니다. 상당히 흥미를 가지고 있었던 주제인데요.. 이번에 새롭게 정리해 보려고 합니다. HTML5의 정의 HTML5는 HTML, XHTML, HTML DOM에 대한 새로운 표준으로 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)의 상호 협의로 만들어진 것입니다. W3C는 XML, XHTML등의 표준을 작성한 곳으로 이미 여러번 설명했었구요.. WHATWG는 web form과 application에 대한 표준을 만들던 곳이라고 합니다. 중간에 XHTML이 나오기는 했지만, HTML의 XML 버전에 ..

12월에 제로보드에 악성코드가 다량으로 배포되었다고 하네요. 제 홈페이지(http://www.word.pe.kr)에도 악성코드가 들어 있더군요.. -.- 이와 관련한 제로보드 측의 공식 대응 내용을 첨부합니다. 저의 경우는 첫번째와 세번째였더라구요.. 12월 18일 제로보드 취약성으로 인한 파일 변조가 발생하고 있습니다. 현재까지 발생한 경우를 보면 제로보드의 버전이 pl8 이하인 경우에 발생하고 있습니다. 제로보드의 버전은 bbs 폴더의 lib.php 파일에서 확인하실 수 있습니다. ------------------------------------------------------------------------------------------------ □ 원인 : 제로보드 4 게시판의 취약성을 이용한..

모질라 파이어폭스의 부가기능(Add-on) 중 F1이라는 서비스가 소개되었네요. 페이스북, 트위터와 같은 사용자가 늘어나면서 유용하게 사용할 수 있는 기능인 것 같습니다. Mozilla Messaging에서 개발한 것인데요.. http://f1.mozillamessaging.com/ 에서 확인할 수 있습니다. 설치를 하면, 브라우저 상단의 검색창 옆에 아이콘 버튼이 하나 나타납니다. 웹 서핑을 하다가 트위터, 페이스북, Gmail로 현재 웹 페이지에 대해 정보를 보내고자 할 때, 추가된 아이콘 버튼을 클릭하면 됩니다. 그러면 각각의 계정 설정할 수 있는 화면이 나오고, 원하는 항목의 계정을 설정하면 추가적인 메모를 입력할 수 있는 화면으로 변경됩니다. 백문이 불여일견이라고 다음 동영상을 보시면 사용법이 ..

생각이 지나친 사람은 실패한다 - 이소자키 시로 지음/드림박스 대화를 나눌때는 심사숙고해서 이야기해야 한다는 말을 많이 합니다. 말이 많아서 실수도 많은 스타일이라서 항상 깊게 생각해야 한다고 다짐한 적도 있었는데요. 이 책에서는 다른 관점에서 깊은 생각에 대해 다루고 있습니다. 책에서 이야기하는 것처럼 깊이 생각하면 할수록 부정적이 되고 수렁에 빠져드는 것을 경험한 적은 누구나 있을 것입니다. 즉, 오래 생각하기보다는 빠른 의사결정과 행동이 더 중요하다는 점을 강조한 것인데요. 주변에 성공한 분들을 만나보면 공통점을 한가지 느낍니다. 급한 성격!! 무슨 일이든지 바로 처리해야 하고, 무언가 궁금한 것이 있으면 관련 사람에게 그 자리에서 전화를 하든지 해결하려고 하는 성향이 있습니다. 실제로 즉시 일을 ..

구글의 Goolge Code Blog에 보면 Google API Console에 대한 소개가 나와 있네요. Google API Console은 구글의 API를 이용한 프로젝트를 관리하고, 기존의 Search API를 새로운 Custom Search API로 대체해서 사용할 수 있다고 하네요. https://code.google.com/apis/console/ 기존의 계정으로 로그인해서 사용할 수 있고, 처음 시작하면 프로젝트 이름를 입력하도록 하게 되어 있네요.. Add Project를 눌러 프로젝트를 생성하면 "APIs", "Team", "Traffic Reports", "Keys"들을 관리할 수 있도록 되어 있습니다. API 사용에 대한 통계 정보를 보여주는 기능을 추가하고 기존의 API 사용을 한꺼..

아이폰과 맥을 사용하다 보니 좋은 음악을 오디오 CD로 구워야 하는데, 윈도우와 환경이 달라서 한참 찾아봤네요.. TOAST와 같은 상용 프로그램이 있다고 하나 iTunes에서도 가능하고, Finder 에서도 가능하다고 해서 사용해 봤습니다. 대부분의 음악을 iTunes를 통해 관리하기 때문에 해당 내용을 정리해 봅니다. MAC OS X의 iTunes 10 기준이네요~ 1. "보관함"의 음악중 CD로 구우려는 음악을 선택합니다. 2. "파일" 메뉴의 "선택 항목으로 새로운 재생 목록"을 클릭하여 재생목록을 만듭니다. (다른 방법이 있는지는 모르겠지만 메뉴를 아무리 찾아봐도 보관함에서 직접 CD로 굽는 것을 못찾겠다라구요.. -,-) 3. 왼쪽 하단에 생성된 재생목록에서 마우스 오른쪽 버튼을 클릭한 후, ..

PogoPlug라는 디바이스 장치가 해외에서는 나름 인기를 얻어가고 있는 것 같네요. 사진, 동영상등의 파일을 웹으로 업로드 하지 않고 집에 있는 PC에 연결하면 언제 어디서나 해당 파일을 공유하고 지인들에게도 자유롭게 전송할 수 있다고 합니다. YouTube에 올라온 동영상을 한번 보는게 이해가 빠를 것 같네요.. 웹으로 파일을 업로드해야만 공유를 할 수 있다는 생각을 바꾼 점이 매력적인 것 같네요 CES 2010 기간중에 열린 ShowStoppers 행사에서 소개를 했고 2009년 말에는 3백만달러의 투자도 받은 것 같네요. 129달러 정도에 판매된다고 하니 가격 경쟁력도 있을 듯 합니다. N드라이브와 같은 것과의 차이점은 집과 같은 곳에 네트워크를 구성하게 되므로 용량제한이나 파일 업로드와 같은 작..