본문 바로가기

canvas

[책리뷰] HTML5 Canvas HTML5 Canvas저자스티브 펄튼 지음출판사한빛미디어 | 2012-01-20 출간카테고리컴퓨터/IT책소개플래시 개발자, 웹 개발자, 입문자도 쉽게 익히는『HTML5 C...글쓴이 평점 얼마전에 몇 몇 동료분들과 Canvas 스터디를 시작했었다.Canvas는 HTML5 스펙 중 가장 현실세계에서 사용이 가능하고 뭔가 그럴싸해 보이는 UI를 만들 수 있는 기술이다. 이처럼 html5 기술 중 실제 사용할 수 있는 사례가 있나 싶다..아무튼 알아두면 써먹을 곳이 많은 기술이다. 다시 스터디 이야기로 돌아가서,,예상대로(?) 난 많은 분들께 구박을 받으며 숙제를 잘 안하는 등 어렵게 따라가고 있다. 사실 책을 잘 읽지도 많은 부분을 공부하지 못하고 있지만, 일단 책을 사고 뒤적거리고는 있긴하다.그래서 간단한.. 더보기
일주일간 모은 링크 #5 How to develop a HTML5 Image Uploader HTML5를 적용한 이미지 업로더를 만드는 방법에 대한 글입니다. canvas태그를 사용하였으며 Firefox 4.1에서 동작하는 방법입니다. drag & drop을 이용하여 업로드할 파일을 선택하고 canvas에 preview를 보여주고 간단한 수정도 추가합니다. 그리고 ajax를 이용하여 업로드를 합니다. (얼마나 업로드 되었는지도 보여줄 수 있군요!) 로컬 파일을 불러 이미지 preview를 보여주는 부분이 저는 좀 신기합니다. FileReader()를 사용하는데 제가 이 부분에 대해서는 잘 몰라 하는 이야기이긴 합니다만 보안 문제가 발생할 수도 있을 듯 한데요. 아직 IE에서 동작하지 않기 때문에 국내에서 본격적으로 적용하기에는 .. 더보기
일주일간 모은 링크 #3 Tangram - 바이두에서 만든 자바스크립트 라이브러리 바이두에서 만든 자바스크립트 라이브러리로 65KB (gzip 압축시 17.7 KB)인 매우 작은 사이즈를 자랑합니다. Cheat Sheet를 봐서는 많은 기능보다는 핵심적인 기능으로만 구성했다는 느낌이 듭니다. 핵심적인 라이브러리 외에도 효과, 버튼, 날짜 선택기 등 기본적인 그러나 빈번하게 사용되는 컴포넌트를 같이 제공하고 있습니다. 자바스크립트로 .tar.gz 파일 로드 & 자바스크립트로 ID3 tag 읽기 자바스크립트를 이용하여 .tag.gz 파일을 읽고 MP3의 ID3 tag를 읽는 라이브러리입니다. 기본적으로 작지 않은 크기의 파일을 읽어야 하므로 실제 서비스에 적용하는 일은 그렇게 많지 않을 것으로 생각합니다. 하지만 자바스크립트를 사용.. 더보기
일주일간 모은 링크 #1 10 Javascript Performance Boosting Tips from Nicholas Zakas 자바스크립트의 성능을 향상시키는 10가지 방법에 대한 글입니다. 로컬 변수를 활용하라, with()구문을 사용하지 말라 등 속도를 높이기 위한 방법을 설명해두었습니다. 최근 자바스크립트 엔진의 속도가 빨라지면서 코드가 느리게 짜여진 경우에도 문제가 발생하는 일은 많지 않지만 어딘가에 있을 자바스크립트의 실행 속도가 느려 고민하는 분들은 이 글을 읽고 한 번쯤 코드를 살펴보면 좋을 것 같습니다. 45 most useful guidelines for mobile web design & development iOS, android, nokia & symbian, blackBerry 등 다양한 기기에서 모.. 더보기