Home

Search results

"category:/Html5"


Title and summary Date/time
1
Angularjs 1.2에서 1.3 업그레이드
본 포스트는 Angularjs 1.2에서 1.3으로 업그레이드를 하실분들에게 도움을 주고자 Migrating from 1.2 to 1.3" 문서를 정리한 것입니다. 아직 1.3에 추가적인 버그가 나와서 패치가 되고 있지만 성능부분이 더 좋아졌다고 하니 1.3이 안정화되면 업그레이드 하시길 권고해 드립니다. ^^ 1.3 특징 1. 성능 - DOM 조작이나 digest 등 많은 처리에서 3 ~ 4배 빨라졌다. 2. 주목할 기능 - One-time ...
Nov 11, 2014
6:08:35 PM
2
AngularJS 사용하면서 정리한 것들
작년부터 AngularJS 도입해 사용하면서 도움이 될만한게 뭐있나 고민하다가 초기에 알아두면 좋을법한 내용을 정리해 보려고 합니다. MVW에 대한 고민하면서 코딩을 했는지, 내가 AngularJS를 문제없게 코딩했는지 등에 대한 불안을 어느정도 회피해 줄 수 있는 생각들을 공유합니다. AngularJS 기반 MVW 이해하기 MV* 패턴 적용의 목적은 프레젠테이션과 도메인을 격리시키는 것이다. 분리의 장점은 아래와 같다. 프리젠테이션 로직과 ...
Sep 14, 2014
1:40:16 PM
3
JavaScript/HTML/CSS로 코딩 내용을 실시간 확인 가능한 Meteor에 대해
Meteor란? 그리고 설치 방법.. Meteor는 Web응용 프로그램을 개발하기위한 프레임 워크와 실행 환경을 제공해서 JavaScript/HTML/CSS 코딩 내용을 바로 확인해 주는 플랫폼이라고 이해하면 된다. 설치 방법은? 빠른 설치 방법도 있지만, 여기서는 컴파일 설치 방법으로 진행한다. > git clone git://github.com/met...
May 9, 2012
7:23:05 PM
4
HTML5와 WebSocket기반의 Shell 커맨드 실행
HTML5와 WebSocket을 가지고 브라우저에 어떤 설치도 없이 SecureCRT처럼 리눅스상에서 처리되던 쉘 기능을 웹상에서 보여주는 것이 가능하다. 그래서 모바일 등 이동중에도 인터넷이 되는 어디에서나 서버 접속이 가능하게 구현할 수 있다. 좀 더 확장하자면 윈도우에서도 VNC기반에 Javascript로 잘 활용하면 웹 데스크탑 기능을 구현할 수 있어 개발 용도 및 업무 용도로 응용할 수 있는 기능으로 발전할 수 있을 거 같다. 그래서 해당 ...
Mar 17, 2011
9:30:38 PM
5
Java 기반의 HTML5 WebSockets 맛보기
Java로 서버에서 데몬을 구동하고, 웹 프론트에서 AJAX 요청없이 WebSocket protocol을 사용하여 클라이언트와 서버간의 메세지를 주고 받는 기능을 구현해 보았습니다. 1. WebSockets 개요 WebSockets is a technique for two-way communication over one (TCP) socket, a type of PUSH technology. At the moment, it’s still being ...
Feb 16, 2011
8:25:07 PM
6
HTML5 기반의 Flowplayer(오픈소스 비디오 플레이어) 사용법
Flowplayer는 상용도 있지만, 오픈 소스 기반의 플래시기반의 멀티미디어 플레이어입니다. jwPlayer와 많이 비교되는데 대체적으로 Flowplayer를 선호하는 경향입니다. 그리고 아래 예제는 HTML5 기반의 비디오 플레이를 예제로 적용해 봤습니다. 익스플로러 같은 경우는 video 태그 지원이 안되어 자동으로 플래시 플레이어인 Flowplayer가 구동되어 동영상이 처리되도록 되어 있습니다. 1. Flowplayer 소개 - 무료 버전 ...
Feb 11, 2011
6:50:59 PM
7
HTML5 Canvas 예제 - Text2Image
1. Canvas란 - Canvas는 다양한 도형 그리기 API, 2D 렌더링 기능 제공 - 선, 면, 그라데이션, 텍스트 렌더링, 패턴 브러쉬 제공 - 이미지 처리, 비디오 프레임 단위 추출. 동적 Canvas 이미지 추출 제공 - 픽셀 단위 제어 제공 2. 사용자가 입력한 텍스트를 이미지로 변환하는 예제 - 참조 라이브러리 : canvas2image.js, base64.js - canvas2image 라이브러리 사용시 var oCanvas = ...
Jan 16, 2011
6:42:42 PM
8
HTML5 Essentials
Jul 14, 2010
7:45:00 PM
9
HTML5 Demos
Chrome이나 Firefox 최신 버전 사용자면 아래 링크드를 클릭하시면 HTML5 세계로 빠져 들 수 있습니다. 괜찮은 데모들이 많습니다. Plasma Tree Trail Destructive Video Liquid Particles Aquarium Flower Power Strange Attraction Canopy Ball Pool JS Fireworks Wavy ...
Jul 8, 2010
7:34:00 PM
10
HTML5의 개요
1. HTML5 변천사 - HTML3.2 - HTML4.01 - XHTML1.0 - HTML5 2. HTML Elements 2.1. 섹션(구조) 정의 요소 section: 문서의 특정 영역을 구분 header: 문서 또는 영역의 머리말에 해당하는 내용 구분 footer: 문서 또는 영역의 꼬리말에 해당하는 내용 구분 nav: 다른 페이지를 가리키는 링크들의 모음(네비게이션) 구분 article: 하나의 글 또는 기사(본문)의 단위 구분 hgroup ...
Feb 8, 2010
7:16:00 PM