HTML5 오픈 레퍼런스를 공개합니다.

클리어보스 HTML5 그룹에서 1년간 스터디를 진행하고 그 결과물로 레퍼런스 사이트를 만들어야겠다라고 결심을 한 날로부터 꼬박 다시금 1년이 걸린것 같습니다. 매우 부지런한 한 두명의 사람이 불철주야 이것에만 메달렸다면 훨씬 빨리 만들어져서 공개되었을지도 모르겠습니다만 각자의 직장에서 일과 생활을 하는 사람들이 한달에 한 두번 모임을 갖고 스터디와 토론을 하면서 조금씩 조금씩 완성해 나가다 보니 꽤 긴 시간이 걸렸습니다.

레퍼런스 사이트에 대해서 구구절절히 설명을 할 필요는 없을것 같습니다. 저희가 기획했던 레퍼런스는 그렇게 대단한 것은 아니었기 때문입니다. 장황한 HTML5 명세를 조금 더 쉽게 읽고 참조해 볼 수 있도록 화면을 친절하게 보여주는 것이 1차적인 목적이었고, 거기에 명세에는 없지만 의미가 있거나 필요하다고 생각되는 정보들을 첨언하는 것이 두번째 계획이었습니다. 그리고 기왕이면 명세보다는 좀 더 재밌고 실용적인 예제를 담아보고자 했던 것이 세번째였습니다. 그 밖에 호환성 테이블이나 자세한 접근성 이슈들을 추가할 계획이 있긴 했지만 멤버들간의 몇차례의 토론을 통해서 다소 무리이거나 단계적으로 채워 나가자라는 타협을 보고 현재 버전에서는 제공하지 않게 되었습니다. (변명이긴 하지만 세번째 계획도 충분히 이뤄지지는 못했습니다. 개별 요소에 대한 유의미한 예제를 만든다는 것이 결코 쉽지 않더라구요.)

아울러 아시다시피 HTML5 명세는 여전히 완료되지 않았습니다. 레퍼런스 사이트를 공개하려는 오늘 W3C에서 data 요소를 새로 추가한다는 메일링을 확인했습니다. 이 외에도 여러가지 변화들이 있었습니다. 그러한 것들은 아직 레퍼런스에 반영되어 있지는 않습니다. 오늘 공개하는 레퍼런스는 2011년 1월 13일 명세를 기준으로 작성되었다는 사실을 말씀드립니다 .하지만, 한선용님께서 다시 한글 명세를 업데이트해 주시고나면, 레퍼런스 사이트 역시 최대한 빨리 갱신할 계획을 갖고 있습니다. (게으르긴 하지만 열의를 가진 저를 포함한 몇 명의 멋진 멤버들이 함께 하고 있으니까요!)

저희는 이 레퍼런스를 ‘오픈 레퍼런스’라고 이름 붙였습니다. 두가지 이유에서입니다. 하나는 우리가 스터디를 통해서 익힌 것을 한국의 여러 웹 제작자들에게 오픈해 놓고 공유하고자 하는 것이었고(매우 부끄럽지만), 또 다른 하나는 10명이 시작한 일이지만 백명, 수 천명의 사람들이 함께 참여하여 지금보다 훨씬 가치 있는 레퍼런스 사이트가 되기를 바라는 마음에서입니다.

여러분이 이 레퍼런스에 참여할 수 있는 방법은 여러가지가 있습니다. 레퍼런스 사이트 우측 상단에 있는 게시판 링크를 통해서 단순한 오탈자나 내용 오류를 신고해 주시는 것부터 시작하여 때로는 더 나은 설명을 제안해 주시는것도 가능합니다. 보다 적극적으로 참여하실 분은 운영자를 통해서 위키 편집자로 가입하시어 레퍼런스 사이트를 직접 수정하실수도 있습니다.

저희는 이 레퍼런스 사이트를 지속적으로 갱신할 것이고, 조만간 eBook형태의 PDF를 제작해서 무료로 내려받을수 있도록 할 생각입니다. 추가로 레퍼런스 북을 제작해서 역시 무료로 배포할 계획도 갖고 있습니다.(책 제작에 도움을 주실 기업 후원은 언제든 환영합니다.) 기회가 된다면 아이폰이나 안드로이드 스마트폰에서도 레퍼런스를 쉽게 검색하고 찾아볼 수 있는 앱도 고민중에 있습니다. – 물론 아직은 모두 다 ‘계획’일 뿐이지만 여러분이 도움을 주신다면 못할것도 없겠지요.

마지막으로 이 레퍼런스 사이트를 많은 분들에게 알려주시고, 공유해 주시길 부탁드립니다.

덧붙임/ 이 레퍼런스 사이트에 참여한 사람은 한선용, 윤좌진, 이동환, 한성훈, 황지훈, 추지호, 윤준, 이태임, 김태선, 연병화님까지 모두 10명이고, 사이트 UX디자인에 임정훈님, 서버 관리에 장기웅님이 도움을 주셨습니다. 함께 스터디를 하고, 토론하고, 작업해 준 모든분께 감사의 인사를 드립니다.

다음 글도 한번 읽어보세요:

1. HTML5 한글 명세서
2. ‘웹 표준 가이드 HTML5+CSS3′ 공동구매 이벤트
3. HTML 4.01 한글 명세서
4. 코드하이라이터 공개합니다.
5. Offline Web Application
6. 웹 암호화
7. 배치용 테이블을 사용하지 말아야 하는 6가지 이유