All-round programmer

* 오랜만에 다시 블로그 글을 쓰고자 하니 이전에 쓰다가 날라갔던 내용을 다시 쓰려고 한다. 쉬운 내용으로 HTML5의 geolocation에 대해서 살펴보고자 한다. 아마 많은 웹들이 위치 기반으로 서비스를 제공하고 싶은 경우가 많을텐데 예전에는 웹앱으로 네이티브API와 연동하는 것이 필요했다면 이제는 이러한 경우에 웹페이지에서 위치 정보를 수집할 때 사용하면 된다. 웹페이지에서 HTML5의 위치 정보 수집 기능을 이용하면 좋은 점은 모바일 뿐 만 아니라 GPS가 내장된 노트북 등에서도 동일하게 위치 정보 기반의 서비스를 제공할 수 있다는 점이다. 그러면 먼저 간단하게 사용법부터 알아보자. * 이전 편들 2012/10/07 - [HTML5 튜토리얼] 공부 시작 - 계획 2012/10/25 - [HTML..

* 오랜만에 쓰는 글은 쉬운 내용으로 다시 워밍업을 하려고 한다. 일단 HTML5에 대한 내용들이 이제 대부분의 브라우져에 지원이 되기 시작하고 있어서 슬슬 HTML5에 대해서 부담없이 사용하게 되는 시기가 아닌가 생각한다. 아직 HTML5가 많이 지원 안되는 Internet explorer 8과 9가 10% 가량 남아있기는 한데 마이크로소프트의 강제 업그레이드(감사하게도!!) 덕분에 빠르게 줄어들고 있는 것을 확인할 수 있으니 올해 말 정도에는 이러한 기능들을 마음껏 사용해도 될 것이라 생각한다. * 이전 편들2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 H..

* 이번에는 HTML5 를 통해서 새로 생겨난 다양한 form들을 살펴보자. * 이번에는 브라우져들이 상당부분 지원해주지 않고 있는 부분이라 가장 많은 부분을 지원해주고 있는 Opera 브라우져와 크롬 브라우져를 쓴다면 다양하게 잘 보일 것이다. 아직까지 브라우져마다 지원해주고 있는 현황이 다르기 때문에 체험을 해보려면 2가지 이상의 브라우져를 사용할 것을 권하고, 오페라와 크롬을 사용하면 2개로 거의 모든 것을 체험할 수 있다. 익스플로러10 이전 버전에는 현재 거의 아무것도 적용이 안되어있으니 이미지만 참고하면 될 것이다. 2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그..

* 이제 html5 태그상에서 지원해주는 video와 audio에 대해서 공부해보자.2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 HTML과 바뀐 점2012/11/05 - [HTML5 튜토리얼] HTML5에 추가된 Element들 그리고 문서의 구조화2012/11/18 - [HTML5 튜토리얼] Canvas 기초 강좌* Video와 Audio?: 기존의 웹이라하면 텍스트와 정보 기반으로 형성되어왔다면 이제는 다양한 창의적인 표현과 데이터 비쥬얼라이제이션과 정보를 잘 효과적으로 보여주는 것이 중요해지면서 그래프나 다양한 그래픽과 미디어들이 활용되기 시작했다. 이..

* 이번에는 HTML5의 강력한 기능 중 하나인 태그에 대해서 알아보자. 2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황 2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 HTML과 바뀐 점 2012/11/05 - [HTML5 튜토리얼] HTML5에 추가된 Element들 그리고 문서의 구조화 * 소개 : 태그는 자바스크립트를 통해 다양한 그림을 그릴 수 있는 공간을 제공해준다. 해상도 독립적으로 SVG 그래픽을 활용하고 있어서 그래프를 그리거나 게임 그래픽이나 다른 기타 이미지를 실시간으로 그려서 사용할 수 있는 기능을 제공해준다. : 기존의 HTML은 매우 정적인 느낌이라면, canvas는 이러한 정적인 ..

* 이번에는 HTML5에 새로 추가된 문서 규격과 관련된 태그들과 문서의 구조화에 대해서 살펴보자. 2012/10/07 - [HTML5 튜토리얼] 공부 시작 - 계획2012/10/25 - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황2012/11/03 - [HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 HTML과 바뀐 점 * 새로추가된 태그들- 구조적인 표현을 위해 추가된 태그들 태그: 일반적인 문서나 앱의 섹션을 나타낸다. h1, h2, h3, h4, h5, h6등과 같은 태그와 함께 문서의 구조를 나타낼때 사용할 수 있다. 태그: 문서내의 하나의 독립적인 컨텐츠 부분을 나타낸다. 블로그 엔트리 또는 뉴스 기사 등에 사용 태그: 나머지 문서와는 아주..

* 이번에는 HTML의 기초와 기본구조를 한번 살펴보도록 하자. 2012/10/25 - [Programming Lecture/HTML5] - [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황 : 이전 글에 있었던 XHTML의 해더를 다시한번 살펴보자. 12 : HTML에 익숙하지 않는다면 이게 뭔가 싶을수도 있을 것이고, xhtml에 익숙했던 사람들이라면 지긋지긋하게 외우기도 했을 문서의 형식과 스펙, 그리고 validation 스펙을 정의하는 헤더이다. XHTML에서는 이 헤더가 아주 중요한 역할을 하고 있었다. XHTML은 XML과 동일하게 사용을 하고자 했기 때문에 XML의 엄역한 validation을 똑같이 적용하고자 했던 것이다. xml에 익숙한 사람들이라면 헤..

* HTML5에 대한 공부를 시작하기 전에 먼저 HTML의 간단한 역사와 등장 배경 그리고 현재의 HTML5 표준화 상황에 대해서 알아보자. 2012/10/07 - [Programming Lecture/HTML5] - [HTML5 튜토리얼] 공부 시작 - 계획 * HTML (Hyper Text Markup Language): HTML은 웹에서 여러 가지 컨텐츠들을 보여주기 위하여 등장했던 언어이다. 기본적으로 의 여는 태그와 의 닫는 태그로 둘러쌓이는 형식을 취하고 있으며, 그 안의 컨텐츠들도 이러한 여러 가지 태그들로 둘러쌓여서 브라우져에서 뿌려지게 되는 것이다. : 처음에 등장한 것은 기존의 터미널이나 텔넷과 같은 텍스트 기반의 정보 수집에서 벗어나 웹과 브라우져를 통한 정보 수집이 새로운 이슈가 되..

HTML5에 대해서 공부를 하면서 그 내용들을 정리하고자 한다. 앞으로 정리하고자하는 내용은 다음과 같다. [HTML5 튜토리얼] HTML5의 등장 배경과 여러 가지 개발 환경 및 현재 현황[HTML5 튜토리얼] 기초 및 기본 구조, 프로그래밍상 기존의 HTML과 바뀐 점[HTML5 튜토리얼] HTML5에 추가된 Element들 그리고 문서의 구조화[HTML5 튜토리얼] Canvas 기초 강좌[HTML5 튜토리얼] Video와 Audio 태그 기본[HTML5 튜토리얼] 새로운 form element 들[HTML5 튜토리얼] Web storage (localStorage, sessionStorage)[HTML5 튜토리얼] navigator.geolocation 위치 정보 수집 APIWeb SQL Datab..