-
Jetty와 구글 크롬의 WebSocket 지원
지난 9일 구글 크롬 브라우저는 WebSocket(웹소켓) API를 지원한다고 발표했습니다. 그리고 최근에 Jetty(웹 서버)는 WebSocket을 지원하는 버전을 배포했습니다. 그렇습니다. WebSocket은 브라우저만으로 사용할 수 있는 것...
Category: 자료 - 웹개발, Reactions: 4, Views: 181,731, Author: 파이어준
-
코딩에 자신있는 분들! 이 함수를 10분안에 작성해 보세요.
아래에 준비된 문제는 아주 간단합니다. 자신이 사용하는 또는 선호하는 언어를 사용하여 최대한 빠르게 우아하면서도 미려한 코드를 작성해보세요. 제한 시간은 10 분입니다. 시간이 초과된 사람은 루저입니다....
Category: 자료 - 웹개발, Reactions: 42, Views: 52,228, Author: 파이어준
-
방문객은 어딜 보고 있을까? - 구글 브라우저 사이즈
Google Labs에서는 Google에 방문하는 사용자의 데이터를 바탕으로 브라우저의 표시 영역을 시각화하고 자신의 사이트도 대입해 볼 수 있는 온라인 도구인 브라우저 사이즈(Browser Size) 서비스를 시작합니다. 이 서비스...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,338, Author: 파이어준
-
자바스크립트로 포팅한 언아더 월드 - Another World JS
언아더 월드(Another World)는 Eric Chahi씨에의해 개발되어 1991년에 발표한 아주 오래된 게임입니다. 당시 독창적인 그래픽과 부드러운 애니메이션 탄탄한 스토리 등으로 큰 화제를 불러일으켰던 게임입니다. 저 역시도...
Category: 자료 - 웹개발, Reactions: 0, Views: 47,514, Author: 파이어준
-
구글 번역 서비스의 웹기반 TTS(Text-To-Speech)
구글 번역 서비스는 문자를 음성으로 들려주는 TTS(Text-To-Speech) 기능을 추가했다고 발표했습니다. 구글 번역 서비스를 사용하다 보면 TTS가 가능한 경우 파란색 스피커 아이콘이 나타나며, 이 버튼을 클릭하여 음성...
Category: 자료 - 웹개발, Reactions: 3, Views: 74,150, Author: 파이어준
-
CSS와 HTML로만 구현한 3D 패럴랙스 효과
Roman Cortes씨는 자바스크립트를 사용하지 않고 CSS와 HTML만으로 3차원 패럴랙스(시차) 효과를 만들어 냈습니다. 좌측 회화에 마우스 포인터를 올리고 움직여 보세요. 그저 놀라울 따름입니다. 소스코드를 열어보니...
Category: 자료 - 웹개발, Reactions: 8, Views: 53,957, Author: 파이어준
-
아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개
Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와...
Category: 자료 - 웹개발, Reactions: 47, Views: 121,057, Author: 파이어준
-
화제의 아이폰 게임 - 월드 워(World War™)
월드 워는 아이폰/아이팟 터치에서 즐길수 있는 대규모 멀티플레이 온라인 전쟁 게임(MMORG)입니다. Storm8에서 제작한 이 게임은 무료로 배포되고 무료로 접속할 수 있습니다. 게임의 시작은 미국, 영국, 중국, 독일...
Category: 자료 - 웹개발, Reactions: 62, Views: 63,824, Author: 파이어준
-
오픈소스 자바스크립트 캘린더 dhtmlxScheduler 2.1 출시
DHTMLX 팀은 아웃룩의 캘린더나 구글 캘린더와 견줄만한 UI를 가진 웹기반 자바스크립트 캘린더(스케줄러)인 dhtmlxScheduler를 발표했습니다. 일간, 주간, 월간, 년간, 아젠다 보기로 전환하여 일정들을 조회할 수 있고...
Category: 자료 - 웹개발, Reactions: 1, Views: 85,577, Author: 파이어준
-
Scripty2 UI 컨트롤 프리뷰
Thomas Fuchs씨의 Scripty2 버전이 벌써 Alpha 5가 되었습니다. UI 비헤이비어 / 컨트롤 부분에 멀티 터치 지원 및 몇몇 기능이 추가되었습니다. 그리고 Andrew Dupont씨가 버튼, 다이얼로그, 오버레이, 슬라이더, 자동완성, 아...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,036, Author: 파이어준
-
페이지 리소스 용량를 집계하는 북마크릿 - Statsy
Statsy는 Stoyan Stefanov씨가 만든 웹 페이지의 성능을 가늠하기 위한 정보를 제공하는 북마크릿입니다. 자바스크립트 속성이 할당된 크기, 스타일시트 사용량, 스크립트 사용량 등 다양한 집계를 알려 줍니다. 설치방...
Category: 자료 - 웹개발, Reactions: 5, Views: 36,589, Author: 파이어준
-
아이폰/아이팟 터치의 숨겨진 기능 컬렉션
아이폰/아이팟 터치(이하 아이폰)는 기본 기능에 충실하기 때문에 화면구성이 간결합니다. 간단해서 좋긴한데 너무 간단하여 사용함에 있어서 불편을 호소하기도 합니다. 윈도에서는 마우스 오른쪽 버튼으로 상...
Category: 자료 - 웹개발, Reactions: 107, Views: 122,112, Author: 파이어준
-
웹기반 PC 원격 제어 - EduVNC
무료로 배포되는 EduVNC를 이용하면 다른 장소에 있는 PC를 웹 브라우저만으로 원격 제어할 수 있습니다. VNC에서 파생된 여러 원격제어 소프트웨어들이 대부분 호스트(서버)와 클라이언트(뷰어)로 구분되고 제어하...
Category: 자료 - 웹개발, Reactions: 6, Views: 68,054, Author: 파이어준
-
아이폰! 아이폰! 아이폰! 아이폰!
아이폰 예약 배송 때문에 난리가 났군요. KT가 운영하는 폰스토어의 질의응답 게시판에 불이 났습니다. 주문 취소 요청부터 갖은 욕설과 협박을 불사하는 글들이 지금 이 시간에도 빗발치고 있습니다. 요지는 1차...
Category: 자료 - 웹개발, Reactions: 5, Views: 46,516, Author: 파이어준
-
PHP를 이용하여 트위터에 원격으로 포스팅하기
최근 트위터로부터 유입되는 트래픽이 급증했습니다. 글 제목과 URL을 복사하고 붙여넣었을 뿐입니다. 하지만 요딴식의 트위팅은 정말 짜증나고 귀찮죠. 좀처럼 트위터에 시간을 할애하지 못하는 분들도 계실거고...
Category: 자료 - 웹개발, Reactions: 5, Views: 65,421, Author: 파이어준
-
골때리는 시계 - Scroll Clock
이것은 Toki Woki에서 만든 스크롤 시계입니다. <div> 요소의 overflow 속성을 절묘하게 이용하여 만들었습니다. 소스를 보니 MooTools 라이브러리를 기반으로 슈퍼 클래스를 상속하여 사용하고 있습니다. 이것을 Prot...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,561, Author: 파이어준
-
이미지의 피사체와 어울리게 문자 배치하기 - jQSlickWrap
jQuery용으로 만들어진 jQSlickWrap 플러그인을 이용하면 보시는 것 처럼 이미지의 피사체를 피하여 문자열들을 어울리게 배치할 수 있습니다. 실제로 애플로고 이미지를 첨부하고 jQSlickWrap 플러그인을 적용한 것입니...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,067, Author: 파이어준
-
크롬 OS 설치해 보았습니다.
gdgt에서 빌드하여 제공하는 버추얼머신 이미지를 VMware Player를 사용하여 돌려 보았습니다. 크롬 브라우저를 기반으로 꼭 필요한 하드웨어 I/O 컨트롤이 붙어있는 느낌입니다. 좌측 상단에 있는 버튼이 윈도의 시작...
Category: 자료 - 웹개발, Reactions: 4, Views: 38,474, Author: 파이어준
-
군더더기 없는 마크업과 시맨틱한 템플릿
Web Designer Wall의 Nick La씨는 잘 사용되지 않지만 유용한 5가지 CSS2 속성들에 대한 포스팅 다음으로 <div> HTML 요소가 남용되고 있는 상황에 대하여 지적하고 말끔하면서도 시맨틱한 HTML 마크업을 할 수 있도록 <...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,868, Author: 파이어준
-
잘 사용되지 않지만 유용한 5가지 CSS2 속성들
Web Designer Wall을 운영하는 Nick La씨는 평소 즐겨 사용되지 않지만 유용한 5가지 CSS 속성들의 사용방법을 소개합니다. 이 5가지 속성은 clip, min-height, white-space, cursor 그리고 display 입니다. 모두 CSS2에 명시되어 있는 속...
Category: 자료 - 웹개발, Reactions: 4, Views: 67,781, Author: 파이어준
-
WebGL을 이용한 태양계 데모
Jacob Seidelin씨는 WebGL 가속이 지원되는 Canvas요소와 Audio요소를 결합하여 "WebGL Musical Solar System"이라는 골때리는 데모을 만들어 냈습니다. 이 데모를 감상하기 위해서는 파이어폭스 나이틀리 빌드(nightly build)...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,045, Author: 파이어준
-
SVG와 Audio 요소를 접목한 3D 음향 파장
웹 브라우저 성능의 한계를 시험하는 것을 즐기는 Ricardo Cabello씨는 HTML5의 audio요소와 SVG요소를 접목하여 3차원 음향 파장을 만들어 냈습니다. 헉! HTML5의 audio 요소 명세를 살펴보면 음향 신호를 분석할 수 있는 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,694, Author: 파이어준
-
초경량 CSS 애니메이션 자바스크립트 프레임웍 - Émile
Thomas Fuchs씨는 주석을 포함하여 총 50라인으로 작성된 초경량 CSS 애니메이션 자바스크립트 프레임웍인 "Émile"를 만들고 공개했습니다. Émile는 CSS 프로퍼티들을 작성하고 시간 간격을 설정하는 것만으로 중...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,576, Author: 파이어준
-
2010년에 대비하여 알아두면 좋은 웹 디자인 트렌드
Web Design Ledge에서는 "한물간 웹 디자인 트렌드"포스팅에 이어 다가올 2010년에 대비하여 미리 알아두면 좋은 웹 디자인 트렌드 14가지를 소개합니다. 여기에 소개할 항목은 2009년에 인기가 급상승했고 지속적인 선...
Category: 자료 - 웹개발, Reactions: 12, Views: 93,300, Author: 파이어준
-
Cappuccino로 구축한 웹기반 목업 - Mockingbird
Mockingbird는 Cappuccino 프레임웍으로 구축한 웹기반 목업(mockup) 애플리케이션 입니다. 온라인상에서 페이지의 와이어-프레임을 쉽게 그려내고 그 결과물을 다른 사람과 공유할 수 있습니다. 모든 UI 요소들을 갖추고...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,515, Author: 파이어준
-
자바스크립트 라이브러리들의 도우미 Underscore.js
Jeremy Ashkena씨는 작고 유용한 자바스크립트 라이브러리인 Underscore.js를 공개했습니다. 달러("$")가 아닌 언더스코어("_")를 사용하기 때문에 Prototype이나 jQuery의 코어를 확장하지 않는 형태로 Collections...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,686, Author: 파이어준
-
Prototype 셀렉터 벤치마크
Prototype 코어팀의 Tobie Langel씨가 GitHub에 흥미로운 커밋을 했군요. Prototype의 DOM 셀렉터 엔진을 사용자가 지정하여 빌드할 수 있게 한 것입니다. "NWMatcher" 셀렉터를 사용하려면 아래와 같은 명령으로 빌드할 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,184, Author: 파이어준
-
Scriptaculous 1.8.3 업데이트
Scriptaculous가 1.8.3으로 조용히 업데이트 되었습니다. 지난 10월 8일날 있었다고 하는데 왜 그동안 몰랐을까요? 아무튼, 필요로하는 Prototype의 버전이 1.6.1으로 갱신되었습니다. 몇몇 버그와 이슈가 해결되었고 effect....
Category: 자료 - 웹개발, Reactions: 0, Views: 31,104, Author: 파이어준
-
SproutCore의 KVO(Key Value Observing)
지금까지 SproutCore의 프로젝트를 생성하고, 레이블-뷰를 작성해 보고, 뷰에 컨트롤러도 할당해 보고 바인딩한 값을 버튼으로 조작해 보았습니다. 이제 SproutCore의 진정한 힘을 체험해 볼 시간입니다. SproutCore의 바...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,702, Author: 파이어준
-
SproutCore에서 바인딩(Binding) 조작하기
"SproutCore의 Views 작성하기"에서 뷰(View)와 컨트롤러(Controller)를 작성해 보았습니다. 이제 상호 작용을 발생시키는 버튼을 페이지에 추가해 보도록 하겠습니다. 페이지에 한 구성요소를 삽입하기 위해서 다른 방해 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,078, Author: 파이어준
-
SproutCore에서 뷰(View) 작성하기
"SproutCore 1.0 시작하기"에서 SproutCore의 설치방법과 "Hello World!" 애플리케이션을 만들어 보았습니다. 이번에는 Hello World 프로젝트를 그대로 사용해서 "뷰(View)"를 만들어 보겠습니다. 뷰는 웹 페이지를 관리하기 위한...
Category: 자료 - 웹개발, Reactions: 3, Views: 41,265, Author: 파이어준
-
SproutCore 1.0 시작하기
SproutCore를 윈도용 RubyGems에서 설치하는 과정을 설명하겠습니다. 만약 Ruby가 설치되어 있지 않다면 One-Click Ruby Installer를 다운로드하고 설치하세요. SproutCore 1.0은 현재 RubyForge 리포지토리에 등록되어 있으며, 커맨드...
Category: 자료 - 웹개발, Reactions: 0, Views: 46,758, Author: 파이어준
-
SproutCore에 홀딱 반했습니다.
회사에서 첨여중인 프로젝트의 시제품(prototype)에 SproutCore 자바스크립트 프레임웍을 적용한 것을 시작으로, 아주 조금씩 조금씩 작동원리를 이해해 가면서 즐거운 나날을 보내고 있습니다. 그렇게 약 2개월 정도 ...
Category: 자료 - 웹개발, Reactions: 5, Views: 52,966, Author: 파이어준
-
31가지 자바스크립트 성능향상 비법
Script.aculo.us 개발자인 Thomas Fuchs씨와 그의 마눌님이신 Amy Hoy씨는 31가지 성능향상 비법이 담긴 체크리스트와 문제 해결방법이 담긴 FAQ 사이트(slowjavascript.com)를 구축하고 공개했습니다. "당신이 작성한 자바스크...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,724, Author: 파이어준
-
Microsoft Ajax Minifier VS YUI Compressor
마이크로소프트에서도 YUI Compressor와 같은 자바스크립트 압축도구를 발표했습니다. 이름이 "Microsoft Ajax Minifier"군요. 이 두 녀석을 간략하게 비교해 보도록 하겠습니다. 사용법: YUI Compressor와 비교되는 Ajax...
Category: 자료 - 웹개발, Reactions: 0, Views: 58,016, Author: 파이어준
-
자바스크립트 리퀴드 이미지 효과
Andrea Giammarchi씨는 Canvas 요소를 사용하지 않고 생 자바스크립트만으로 "리퀴드 이미지 효과"라는 신선한 이미지 출력 효과를 만들어냈습니다. 크게 확대한 이미지요소를 지정한 방향으로 이동시키면서 일...
Category: 자료 - 웹개발, Reactions: 0, Views: 43,149, Author: 파이어준
-
한물간 웹 디자인 트렌드
Jacqueline씨는 한 때 유행했지만 더이상 사용하지 않는 것이 이롭다고 판단되는 웹 디자인 트렌드 항목들을 정리하여 Web Design Ledger에 기고했습니다. 이 글은 의역한 것이며 개인적 견해이고 다소 과격한 표현을 일...
Category: 자료 - 웹개발, Reactions: 10, Views: 47,889, Author: 파이어준
-
윈도7 스타일 마우스 오버 효과
Eduardo씨는 윈도7 스타일과 유사한 마우스 오버효과를 jQuery와 MooTools 그리고 CSS를 사용하여 적용하는 방법을 소개했습니다. 요소를 3중첩으로 준비하고 2번째 요소의 배경 이미지 포지션을 자바스크립트로 변경하...
Category: 자료 - 웹개발, Reactions: 5, Views: 41,883, Author: 파이어준
-
웹 디자이너가 되길 원하세효?
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 36,207, Author: 파이어준
-
자바스크립트 프레임웍 메트릭스
Mathias Schütz씨는 자바스크립트 프레임웍들의 API를 한눈에 알아볼 수 있도록 비교해 주는 자바스크립트 프레임웍 메트릭스를 구축하였습니다. 프레임웍의 용량, 속도, 확장여부, 라이센스, API문서와 튜토리얼 및 ...
Category: 자료 - 웹개발, Reactions: 1, Views: 41,970, Author: 파이어준
-
자바스크립트 기반 3D 태그 클라우드 - Cumulus
플래시 기반으로 구축된 워드프레스의 Cumulus 플러그인과 유사한 UI를 자바스크립트로 구현해 보았습니다. Ricardo Cabello씨의 Google Sphere 소스를 참고하였으며, Prototype 자바스크립트 프레임웍을 사용하였습니다. 크...
Category: 자료 - 웹개발, Reactions: 15, Views: 60,368, Author: 파이어준
-
자바스크립트 성능 모니터 - Hi-ReS! Stats
Ricardo Cabello씨는 플래시와 자바스크립트를 사용하여 여러가지 재미있는 실험들을 시도합니다. 실험들 중에는 Chrome Experiments에 등재된 Google Sphere, Depth of Field, Google Gravity, Ball Pool이 있죠. 그는 최근 자바스크립트의...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,981, Author: 파이어준
-
오픈소스 인스턴트 웹사이트 - Pubwich
Pubwich는 Delicious, Facebook, Flickr, last.fm, ReaderNaut, Twitter, Vimeo, Youtube의 오픈 API를 이용하여 제공되는 컨텐츠 그리고 RSS 피드들이 단일페이지로 구성되는 인스턴트 웹사이트를 누구나 손쉽게 구축할 수 있있도록 만들...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,864, Author: 파이어준
-
Prototype 1.6.1 정식버전 출시
Prototype의 1.6.1 정식버전이 출시되었습니다. 올해 6월에 배포된 RC3와 비교하면 크게 달라진 것이 없고 몇몇 버그들과 메서드가 수정 및 개선된 정도입니다. 정식버전 출시와 함께 PDoc 기능을 이용하여 만들어진 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,587, Author: 파이어준
-
ExtJS 기반 오픈소스 그룹웨어 - OpenGoo
OpenGoo는 ExtJS 자바스크립트 라이브러리를 기반으로 구축된 웹 오피스입니다. 생산성 향상, 협업, 의사소통, 팀 경영에 초점을 둔 토탈 솔루션입니다. 데시보드, 위젯, 노트, 문서, 프리젠테이션, 할 일 목록, 이메일...
Category: 자료 - 웹개발, Reactions: 2, Views: 158,767, Author: 파이어준
-
투명 PNG이미지 최적화 도구 - punypng
punypng는 웹기반 이미지 최적화 서비스입니다. PNG, GIF, JPG이미지를 손실없이 파일의 크기를 줄여서 웹사이트의 로딩 속도를 향상시킬 수 있게 합니다. 멀티플 파일 업로드를 지원하여 한번에 여러 파일을 선택하여...
Category: 자료 - 웹개발, Reactions: 2, Views: 57,902, Author: 파이어준
-
벡터 그래픽 생성 자바스크립트 라이브러리 - Raphaël
라파엘(Raphaël)은 웹상에서 벡터(vector) 그래픽을 생성할 수 있도록하는 작은 자바스크립트 라이브러리입니다. 차트를 생성하거나 이미지 크롭 및 회전 등을 쉽고 간단하게 만들어낼 수 있습니다. 라파엘은 CANVAS요...
Category: 자료 - 웹개발, Reactions: 0, Views: 56,912, Author: 파이어준
-
HTML5 Audio & Canvas 요소 실험
Sebastian Deutsch씨는 HTML5의 audio와 canvas요소를 이용한 멋진 실험을 시도했습니다. 최초 액션스크립트3(Flex)용으로 제작된 파티클 엔진과 John Resig씨가 만든 processing.js 그리고 HTML5의 특징 지원여부를 판단하기 위한 mo...
Category: 자료 - 웹개발, Reactions: 1, Views: 64,605, Author: 파이어준
-
웹 워커(Web Worker) 적용하기
얼마전 Web Worker(DOM Worker)의 사용방법을 간략하게 알아보고 실제로 적용할 수 있는 분야를 곰곰히 생각해 보면서 여러가지 실험을 시도했습니다. 위 화면은 워커(싱글스레드)에 의해 드로잉되는 Box2D 물리엔진입니...
Category: 자료 - 웹개발, Reactions: 4, Views: 57,385, Author: 파이어준
-
구글 웨이브를 사용해 보았습니다.
기다리고 기다리던 구글 웨이브 팀으로부터의 초청메일이 도착했습니다. 당장에 가입절차를 마치고 아티클을 작성하여 embed 해 보았습니다. 현재 embed된 웨이브 컨텐츠는 계정을 가지고 있는 사용자에게만 나타나...
Category: 자료 - 웹개발, Reactions: 2, Views: 41,647, Author: 파이어준
-
자바스크립트로 만든 플랫포머 게임
Mr. Speaker는 자바스크립트와 DOM을 이용한 고전적인 방법으로 플랫포머(platformer) 게임을 만들었습니다. 간결하게(기교없이) 작성된 자바스크립트 파일들은 character, enemy, item, levels, player, tile로 구성되어 있으며 html...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,810, Author: 파이어준
-
스노 레퍼드용 사파리에서 CSS 3D 변환 지원
webkit.org는 스노 레퍼드(Snow Leopard)에 설치된 사파리(웹킷)에서 CSS 3D 변환을 지원한다고 발표했습니다. 최신 나이틀리 빌드(nightly build )를 설치하여 직접 확인할 수 있다고 합니다. 그리고 테스트 가능한 CSS 변환 애...
Category: 자료 - 웹개발, Reactions: 0, Views: 54,899, Author: 파이어준
-
IE6이 주는 고통을 고찰해 보는 시간
Digg가 IE6 브라우저 사용자를 대상으로 매우 흥미로운 조사를 펼쳤습니다. 왜 아직도 IE6을 사용하고 계신가요?(You are currently using Internet Explorer 6. Why?)라는 질문에 ●37%의 응답자가 "자신의 PC에 관리권한이 없기...
Category: 자료 - 웹개발, Reactions: 3, Views: 35,225, Author: 파이어준
-
자바스크립트 멀티스레드 프로그래밍 - DOM Workers
파이어폭스 3.5에 추가된 기능인 DOM Workers를 테스트 해 보았습니다. 자바스크립트로 멀티스레드(multi-thread)를 구현할 수 있다길레 솔깃해서 살펴보았습니다. 'Worker'로 새 인스턴스를 만들어서 'onmessage'...
Category: 자료 - 웹개발, Reactions: 2, Views: 51,228, Author: 파이어준
-
넷북을 위한 구글 크롬 OS가 나온답니다.
구글 크롬OS는 오픈 소스로 개발되었으며, 넷북을 겨냥한 가벼운 OS입니다. 저희는 올해 말 코드를 공개하고, 구글 크롬OS를 기반으로 하는 넷북이 2010년 하반기 시판될 수 있도록 할 계획입니다. 이 프로젝트와 관...
Category: 자료 - 웹개발, Reactions: 2, Views: 41,225, Author: 파이어준
-
localStorage - 클라이언트 로컬에 데이터 저장하기
HTML 5에 명시된 'localStorage'는 클라이언트 로컬에 데이터를 저장하기 위한 전역 함수입니다. 여기에 저장된 데이터는 장시간 영구적으로 보관할 수 있으며, 오프라인인 경우에도 호출이 가능하다는 특징 때문...
Category: 자료 - 웹개발, Reactions: 3, Views: 92,510, Author: 파이어준
-
이미지 프로세싱 - 흑백 이미지로 변환하기
마우스 이벤트에 의해 컬러 이미지와 그레이 스케일(흑백) 이미지가 교차되면서 포커싱되는 효과는 시선을 집중시키는 효율적인 방법중 하나입니다. IE의 경우 특정 이미지를 흑백으로 변환하려면 'filter:gray&#...
Category: 자료 - 웹개발, Reactions: 0, Views: 71,782, Author: 파이어준
-
HTML 5 치트 시트(Cheat Sheet) PDF
Veign.com에서 HTML 5 레퍼런스(Reference)를 일목요연하게 참조할 수 있도록 한 페이지에 정리한 PDF 파일을 공개했습니다. 변동사항이 생기면 문서의 지속적인 업데이트까지 약속했습니다. 멋지네요!.
Category: 자료 - 웹개발, Reactions: 0, Views: 46,240, Author: 파이어준
-
XHTML에서 HTML5로 옮겨타기
HTML이 새로운 기능들을 가지고 한 세기를 넘어서 되돌아 왔습니다. XHTML과 달리 HTML 5의 장점은 매우 유연하다는 것입니다. HTML 5를 지원하지 않는 브라우저에서도 컨텐츠가 무리없이 출력되도록 설계되었습니다. ...
Category: 자료 - 웹개발, Reactions: 1, Views: 53,957, Author: 파이어준
-
더욱 빨라진 파이어폭스 3.5 출시
새 자바스크립트 엔진인 TraceMonkey가 탑재된 파이어폭스 3.5가 출시되었습니다. 기존의 SpiderMonkey 엔진보다 약 3배 빠르다고 합니다. 위 그래프는 개인적으로 수집한 TaskSpeed의 결과입니다. 재미있게도 jQuery를 제외한...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,676, Author: 파이어준
-
text-shadow를 이용한 텍스트 그림자 효과
Zach Johnson씨는 CSS와 자바스크립트를 사용하여 마우스 움직임에 반응하는 텍스트에 그림자가 비치는 효과를 절묘하게 표현했습니다. 이 데모는 아래의 짧막한 코드로 작동됩니다. 그러나 text-shadow CSS 프로퍼티를 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 43,025, Author: 파이어준
-
자바스크립트로 만든 3D 큐브 메뉴 - CubeMenu
3D 큐브 메뉴는 MooTools 자바스크립트 라이브러리를 이용하여 만들어진 색다른 3차원 메뉴입니다. 그러나 실제로 사용해 보면 비주얼은 뛰어난 반면 사용성이 떨어지는 것을 경험할 수 있습니다. 마우스 휠로 확대...
Category: 자료 - 웹개발, Reactions: 0, Views: 43,273, Author: 파이어준
-
두각을 드러낸 Scriptaculous 2.0 - Scripty2
Thomas Fuchs씨는 2007년에 2.0버전을 만든다고 큰소리 치고는 잠적하여 목놓아 기다리게 만들더니, 약 20개월이 지난 오늘에서야 드디어 두각을 드러냈습니다. "보다 맛좋은 웹을 위하여"라는 부제의 "script...
Category: 자료 - 웹개발, Reactions: 2, Views: 44,716, Author: 파이어준
-
높이가 다른 float 요소를 벽돌처럼 정렬 - jQuery Masonry
CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. ...
Category: 자료 - 웹개발, Reactions: 5, Views: 63,822, Author: 파이어준
-
자바스크립트로 구현한 문자인식 제스처 - FancyGestures
Fancy Gestures는 마우스 커서를 일정한 방향으로 드래그하여 특정한 이벤트를 발생시킬 수 있게하는 jQuery용 플러그인으로 만들어진 자바스크립트 마우스 제스처 라이브러리 입니다. 위 화면은 이 플러그인의 데모로...
Category: 자료 - 웹개발, Reactions: 2, Views: 52,387, Author: 파이어준
-
이미지 프로세싱 자바스크립트 라이브러리 - Phototype
Phototype은 PHP의 GD라이브러리와 Prototype 자바스크립트 라이브러리를 이용하여 이미지 프로세싱을 할 수 있는 흥미로운 자바스크립트 라이브러리입니다. 이미지의 리사이즈, 회전, 플립, 드랍쉐도, 캡션, 각종 필터...
Category: 자료 - 웹개발, Reactions: 1, Views: 51,626, Author: 파이어준
-
인터랙티브 데이터 비주얼라이제이션 - InfoVis
JavaScript InfoVis Tookit은 Nicolas Garcia Belmonte씨가 만든 자바스크립트로 만들어진 대화형 자료 시각화 도구입니다. 방대한 자료를 한정된(협소한) 화면에 출력하기에 안성맞춤인 이 자바스크립트 라이브러리는 각종 그...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,167, Author: 파이어준
-
자바스크립트 호환성 테스트
Robert Nyman씨는 자바스크립트 버전별 특징들에 대한 브라우저 단위 테스트를 시행하고 그 결과를 일목요연하게 정리하여 공개하였습니다. 자바스크립트 1.6부터 1.8.1로 버전이 오르면서 지원하는 여러 기능들 그리...
Category: 자료 - 웹개발, Reactions: 0, Views: 56,525, Author: 파이어준
-
Prototype 1.6.1 RC3 배포 - Chrome, PDoc 지원
Prototype 1.6.1 RC3가 릴리즈 되었습니다. 늦은 감이 없지 않지만 RC3부터는 구글 크롬 브라우저를 공식으로 지원하게 되었습니다. 크롬만을 위한 코드가 존제하는 것은 아니고 rake test에 Chrome이 포함된 정도로 보입니...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,132, Author: 파이어준
-
웹기반 마우스 트래킹 사용성 테스트 도구 - Clixpy
Clixpy는 사이트에서 일어나는 모든 마우스 움직임을 캡처하여 방문자의 행동패턴까지 분석해 주는 혁신적인 웹기반 웹 사용성 테스트 도구입니다. 이 서비스는 간략한 방문자 분석 통계자료(접속 수, 시간, 브라우...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,403, Author: 파이어준
-
다음 지도 API 이벤트 참여 결과 4위, 몰랐다.
작년 말, 다음이 지도 API 서비스를 오픈하면서 경품이 걸린 이벤트를 시행했습니다. 그리고 허접스러운 예제로 참여했습니다. 그 결과 4위로 순위권에 들었습니다. 그러나 이 사실을 지금에서야 알았습니다. 그것...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,296, Author: 파이어준
-
Fluxiom 무료 서비스 계정 개방
Wollzelle이 2006년 4월에 런칭한 Fluxiom은 제게 있어서 매우 각별한 웹서비스입니다. 신선한 영감을 얻은 동시에 웹의 미래를 비춰주었으며, 당시, 자바스크립트를 죽어라 파야겠다는 결심이 서게하는 계기를 마련해...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,984, Author: 파이어준
-
프론트-엔드 엔지니어를 모십니다.
제가 몸담고 있는 회사에서 프론트-엔드(Front-end) 개발자를 모집하고 있습니다. 주 담당업무는 UI 설계 및 구축 그리고 크로스-브라우징 등이 될 것입니다. 서드파티 라이브러리 사용을 권장하고, 간결하면서도 일...
Category: 자료 - 웹개발, Reactions: 5, Views: 43,144, Author: 파이어준
-
HTML 요소를 빠르게 찾는 파이어버그 확장 - Firefinder
Robert Nyman씨는 새로운 파이어버그(Firebug) 확장기능인 파이어파인더(Firefinder)를 배포했습니다. CSS 선택자 또는 XPath를 이용하여 DOM 요소를 빠르게 찾을 수 있게 해 주는 확장기능입니다. 위 화면에서 보는 것 처럼 찾...
Category: 자료 - 웹개발, Reactions: 2, Views: 49,329, Author: 파이어준
-
Jabbify를 이용한 포인터 트래킹 커뮤니케이터
Jabbify API를 이용해서 뭔가 재미있는 뻘짓을 해 보려고 계속 구상만 하다가 이 번 주말에 맘잡고 삽질했습니다. 자연스레 공통 관심사를 가진 사람을 만나고 즉시 질문하거나 추가적인 정보를 소통할 수 있는 커뮤...
Category: 자료 - 웹개발, Reactions: 2, Views: 60,799, Author: 파이어준
-
CSS 프로퍼티 지원여부 테스팅
kangax씨는 또다시 재미있는 함수를 만들었습니다. 브라우저별로 특징을 가지는 CSS 프로퍼티의 지원여부를 분석하는 함수입니다. "BorderRadius" CSS 프로퍼티를 지원하는 브라우저에서만 사용되도록 스크립트...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,450, Author: 파이어준
-
자바스크립트 페이지 벗겨내기 효과
Soh Tanaka씨는 jQuery와 CSS를 이용해서 간단한 페이지 벗겨내기 효과를 만들었습니다. 이 것을 응용하면 호기심을 유발하는 광고 컨텐츠를 배치하거나 색다른 페이지 전환효과를 연출할 수 있습니다. 멋진 아이디어...
Category: 자료 - 웹개발, Reactions: 7, Views: 36,277, Author: 파이어준
-
Ext JS 3.0 RC1.1 릴리즈
Ext Core 3.0 베타 버전 릴리즈에 이어 페키지 버전으로 볼 수 있는 Ext JS 3.0 RC1.1이 최근 릴리즈 되었습니다. Ext Core가 MIT License로 배포되어 Ext JS역시 이어받을 것으로 기대했는데 종전과 같은 GNU GPL license v3로 배포되...
Category: 자료 - 웹개발, Reactions: 1, Views: 28,161, Author: 파이어준
-
생 자바스크립트로 구현한 물리 데모 - Ragdoll
Gerard Ferrandez씨는 자바스크립트를 이용한 비주얼라이제이션의 달인입니다. jQuery와 같은 서드파티 자바스크립트 프레임웍 또는 라이브러리의 도움을 전혀 받지 않고 그만의 독특한 알고리듬으로 자바스크립트 애...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,051, Author: 파이어준
-
SoundManager2 업데이트
Scott Schiller씨는 그의 대표적인 자바스크립트 라이브러리인 SoundManager2에 플래시9의 특징들을 활용하여 아래와 같은 새 기능들이 추가된 업데이트를 공개했습니다. console.log 스타일의 디버깅을 지원하며, 문제해...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,054, Author: 파이어준
-
Jabbify를 이용한 온라인 피아노 실습
날씨가 우중충해서 며칠째 낚시하러 못나가고 있네요. 너무 심심해서 어제 소개한 Jabbify를 살짝 가지고 놀아 보았는데요. 식상하게도 너무나 쉽게 만들어져 버렸습니다. 아래의 핵심 메서드 3개만 다룰 줄 알면 게...
Category: 자료 - 웹개발, Reactions: 4, Views: 42,564, Author: 파이어준
-
Comet 자바스크립트 API 서비스 - Jabbify
Jabbify는 실시간 인터랙션을 제공하는 Comet기술을 기반으로 한 자바스크립트 API(JavaScriptMVC 프레임웍)를 이용하여 만들어진 채팅 서비스 입니다. 우측 그림은 Comet의 작동 과정을 표현한 것인데요. 전통적인 XHR(XMLHt...
Category: 자료 - 웹개발, Reactions: 0, Views: 110,876, Author: 파이어준
-
하위 호환성을 염두한 크로스브라우저에 대한 단상
요즘 새로이 출시되는 웹 서비스들 중에는 과감하게 IE6을 지원 대상에서 배제하고 개발한 경우를 종종 볼 수 있습니다. 서비스 성격에 따라 여러가지 이유들이 있겠지만, 그 이유들 중에 분명한 하나는 개발 장애...
Category: 자료 - 웹개발, Reactions: 7, Views: 40,418, Author: 파이어준
-
Prototype with Sly is "3x faster"
HTML : Javascript : Prototype의 성능이 다른 프레임웍들에 비해 떨어지는 주된 원인 중 하나는 DOM 셀렉터(Selector) 엔진에 있는 것으로 판단하고 위와 같은 코드를 작성하여 Prototype의 셀렉터 엔진을 더욱 성능이 좋은 Sly로...
Category: 자료 - 웹개발, Reactions: 11, Views: 50,685, Author: 파이어준
-
Qooxdoo 최고의 작업 스피드!
Pete Higgins씨가 만든 TaskSpeed를 직접 설치하고 모니터링하고 있던 중에 Ajaxian에 "Qooxdoo가 선두로 점프했다.(IE에서)"라는 내용이 실렸더군요. 뭔가 미심적어서 이 곳의 TaskSpeed의 리포트를 살펴보았습니다. 저...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,576, Author: 파이어준
-
자바스크립트 프레임웍의 성능측정 - TaskSpeed
Pete Higgins씨는 TaskSpeed라는 새로운 밴치마크 도구를 만들었습니다. DojoToolkit을 사용하여 졸라 멋진 SVG 차트로 만들어진 결과물도 제공합니다. 이 밴치마크 도구는 얼마전 Dojo 1.3의 발표와 관련하여 Dojo의 성능이 좋...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,120, Author: 파이어준
-
"번쩍번쩍 빛나는 회의실" (閃光会議室)
일본에서 개발되고 실재로 운영되고 있는 섬광 회의실(閃光会議室)은 2가지 특징을 가지고 있는 기능성 회의실입니다. 그 첫 번 째는 브레인 스토밍을 촉진하는 시스템으로써, "아지랑이(かげろい)"라는 기능은 회...
Category: 자료 - 웹개발, Reactions: 2, Views: 31,554, Author: 파이어준
-
브라우저의 Base64 인코딩 지원여부 확인하기
아시다시피, IE8부터 Base64 인코딩을 지원합니다. 덩달아 IE8의 IE7모드에서도 Base64 인코딩을 지원합니다. 그래서 브라우저 별로 지원여부를 구분하는 것은 구리다는 생각이 들어서 만들어 보았습니다. 작은 문제가...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,283, Author: 파이어준
-
"oTidyBrowser is not defined" 오류 수정하기
"oTidyBrowser is not defined" 오류는 파이어폭스의 확장기능인 "Html Validator"로 인하여 발생하는 자바스크립트 오류로써 파이어폭스를 장시간 사용하거나 윈도간 함수를 호출할 때 빈번하게 발생합니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 43,801, Author: 파이어준
-
개발자 브라우저 트렌드는 파이어폭스가 60% 이상?
위 자료는 jQuery 개발자인 John Resig씨가 방금 공개한 jQuery.com의 Google Analytics 브라우저 통계 자료입니다. 2009년 3월 29일까지의 기록이라고 하는군요. 반면 이 곳의 기록은 요렇습니다. 지금까지는 우리나라 정서와...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,663, Author: 파이어준
-
jQuery로 만들어진 NOBY NOBY BOY 홈페이지
NOBY NOBY BOY는 얼마전에 출시된 7,500원짜리 PS3용 게임입니다. 정체불명의 플레이어를 조정하여 다양한 물체들을 먹고 자신의 몸길이를 늘리며 각종 뻘짓을 병행하는 골때리는 게임이죠. 위 플래이 동영상이 이해를...
Category: 자료 - 웹개발, Reactions: 0, Views: 54,988, Author: 파이어준
-
새 DOM 셀렉터 엔진 - Sly
Sly는 Harald Kirschner씨에 의해 만들어진 최신 DOM 선택자 엔진입니다. 고작 3kb크기(minified and gzipped)의 스텐드얼론(독립형)으로 실행되는 이 선택자 엔진은 위 차트(slickspeed 테스트 결과) 에서 알 수 있듯이 성능이 매...
Category: 자료 - 웹개발, Reactions: 4, Views: 31,224, Author: 파이어준
-
Prototype 1.6.1 RC2 릴리즈
Prototype의 새 버전인 1.6.1 RC2(출시 후보)가 정식으로 공개되었습니다. 지난주 IE8의 출시로인하여 이에 대응하기 위해 임시로 릴리즈 한 것이라고 하네요. IE8 표준(Strict) 모드에서 지원되는 DOM 선택자 API와 DOM 엘리먼...
Category: 자료 - 웹개발, Reactions: 2, Views: 32,053, Author: 파이어준
-
IE8을 위한 ExplorerCanvas 업데이트
Canvas 엘리먼트를 지원하지 않는 IE계열 브라우저에서 Canvas 엘리먼트를 사용할 수 있게 하는 ExplorerCanvas 라이브러리가 IE8을 추가로 지원하기 위하여 업데이트 되었습니다. 종전의 ExplorerCanvas 라이브러리는 VML 엘리...
Category: 자료 - 웹개발, Reactions: 4, Views: 36,322, Author: 파이어준
-
Prototype 개발팀의 소스를 직접 빌드하기
IE8에 대응하는 Prototype 소식이 궁금해서 리파지토리의 CHANGELOG를 살펴보니 숨가쁘게 커밋이 이루어 지고 있더군요. IE8과 관련한 DOM 컨트롤들이 빠른속도로 갱신되고 있었습니다. 다음에 릴리즈 될 버전을 조금이라...
Category: 자료 - 웹개발, Reactions: 0, Views: 37,112, Author: 파이어준
-
제1회 Ext 컨퍼런스 2009 개최
Ext의 아키텍트 개발자인 Join Jack씨와 그의 코어 개발팀은 Ext 3.0 릴리즈 파티와 함께 컨퍼런스를 개최합니다. 4월 14일 부터 16일까지 3일간 진행되는 이 행사는 미국 플로리다주 올랜도에서 열립니다. Ext 3.0 릴리즈...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,752, Author: 파이어준
-
이미지 파일을 Base64로 인코딩 하기
IE8이 정식으로 출시되고나면 가장먼저 해 보고 싶었던 것은 Base64 Data URI를 이용한 파일 호출이였습니다. 사실상 모든 메이저급 브라우저에서 Data URI를 사용할 수 있게 되는 중요한 시점이기 때문입니다. Data URI를...
Category: 자료 - 웹개발, Reactions: 5, Views: 79,496, Author: 파이어준
-
프로페셔널 프론트엔드 엔지니어링
야후!의 Nate Koechley씨가 프론트엔드 엔지니어링에 대하여 발표한 한시간 반짜리 프리젠테이션 동영상입니다. 프론트엔드 엔지니어가 어떠한 일을 하는지, 어떻게 업무가 분담되어 있는지, 이들로 인한 효과는 무...
Category: 자료 - 웹개발, Reactions: 3, Views: 39,158, Author: 파이어준
-
IE8에 웹사이트 최적화 하기
이번 주말에는 곧 출시를 앞두고 있는 IE8 브라우저에서 웹사이트가 잘 작동하도록 만드는 작업을 했습니다. 아시는 분은 아시겠지만 이 곳에는 매우 다양한 자바스크립트 컴포넌트와 잡스러운 소소한 기능들이 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 85,476, Author: 파이어준
-
jQuery에서 OO 클래스 사용 - OOJS
Micah Snyder씨는 jQuery에서 사용할 수 있는 OO(Object-Oriented) 클래스를 사용하게 해주는 라이브러리를 만들었습니다. 마치 Prototype처럼요. 저같은 사람이 또 있었군요. 워~ "super"도 호출합니다. 개인적으로는 OO...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,573, Author: 파이어준
-
jQuery용 새 애니메이션 프레임웍 - GX
Riccardo Degni씨는 GX라는 이름의 jQuery용 애니메이션 프레임웍을 개발하고 공개했습니다. 그는 사실 MooTools용 확장 라이브러리인 moo.rd를 만든 장본인입니다. GX는 2가지 디자인 패턴으로 개발되었는데, 하나는 "덜...
Category: 자료 - 웹개발, Reactions: 0, Views: 58,184, Author: 파이어준
-
한자키 누르면 나오는 특수문자들
ㅂ+ 한자 키 ─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ │ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ ┒ ┑┚┙┖ ┕ ┎ ┍ ┞ ┟ ┡ ┢ ┦ ┧ ┩ ┪ ┭ ┮ ┱ ┲ ┵ ┶ ┹ ┺ ┽ ┾ ╀ ╁ ╃ ╄ ╅ ╆ ╇ ╈...
Category: 자료, Reactions: 10, Views: 159,604, Author: 파이어준
-
클릭히트(히트맵) 한국어 추가 패치
방문객의 클릭을 비주얼라이즈하는 클릭히트(히트맵)이 모르고 있던 사이에 1.8(beta)까지 업데이트 되었더군요. 1.5버전을 2007년에 설치하여 지금까지 사용해 오다가 이번 주말에 업데이트했습니다. 지원하는 언어...
Category: 자료 - 웹개발, Reactions: 2, Views: 34,122, Author: 파이어준
-
대시보드에 들어간 구글맵과 어스 위젯
헐~ 너무나도 쉽게 대시보드용 길찾기 위젯을 만들었습니다!.
Category: 자료 - 웹개발, Reactions: 2, Views: 41,466, Author: 파이어준
-
The World of ECMAScript
(Released under the GPL v2 [SVG]) John Resig씨가 ECMAScript를 중심으로 재미있는 다이어그램을 그렸네요. 2007년 말에 작성된 것이라 구글 크롬의 V8 등과 관계는 누락되어 있지만 ECMAScript의 영역을 한눈에 보여주고 있습니다....
Category: 자료 - 웹개발, Reactions: 0, Views: 29,878, Author: 파이어준
-
Prototype 리팩토링하기
이 내용 역시 kangax씨가 작성한 것으로, Prototype 코드를 효율적으로 리팩토링한 예제입니다. 사실, 리팩토링이라기 보다는 Prototype의 유틸리티 함수의 활용법을 알리려는 것 처럼 보이네요. 반복 1 반복 2 삼항 연산...
Category: 자료 - 웹개발, Reactions: 0, Views: 23,705, Author: 파이어준
-
'with'의 사용으로 자바스크립트 성능개선
kangax씨가 2007년 9월에 작성한 내용입니다. "with" 명령문(Statements)으로 자바스크립트 성능을 향상시키는 방법에 대하여 다루고 있습니다. 아래의 코드를 실험해 보십시오..
Category: 자료 - 웹개발, Reactions: 3, Views: 34,994, Author: 파이어준
-
Prototype의 시맨틱 컨스트럭쳐 패치
요즘 kangax씨의 블로그를 즐겨 보고 있습니다. 배울점이 참 많네요. 다음 내용은 Prototype의 Class.create를 이용해서 생성한 함수에서 비롯된 작은 불만을 해결하는 내용을 담고 있습니다. 객체를 검증하는 가장 쉬운...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,815, Author: 파이어준
-
파이어버그 1.3.3 업데이트
파이어버그가 1.3.3으로 업데이트 되었습니다. Net 패널에서 XMLHttpRequest를 잡지 못하는 문제(1456)와 UTF-8 인코딩 문제를 수정했다고 합니다. 콘솔의 라인넘버 출력 오류는 제가 모르던 사이에 벌써 수정되었네요. 업...
Category: 자료 - 웹개발, Reactions: 0, Views: 24,490, Author: 파이어준
-
Box2D 물리엔진을 자바스크립트로 포팅한 Box2DJS
Robert Kieffer씨는 Box2D 물리엔진(Physics Engine) 라이브러리를 자바스크립트(Canvas 엘리먼트 사용)로 포팅한 Box2DJS를 공개하고 위와 같은 랜더링 결과물을 만들어 냈습니다. Box2D는 객체의 접촉과 마찰을 매우 사실적으로...
Category: 자료 - 웹개발, Reactions: 4, Views: 103,060, Author: 파이어준
-
구글어스 브라우저 플러그인, 구글크롬 공식 지원
드디어 구글어스 브라우저 플러그인이 맥 플랫폼 지원에 이어서 구글크롬 브라우저를 공식으로 지원하기 시작합니다. 자세한 업데이트 내역은 릴리즈 노트를 참고하세요. 구글어스 자바스크립트 API를 이용해서...
Category: 자료 - 웹개발, Reactions: 4, Views: 38,658, Author: 파이어준
-
알서포트(RSUPPORT)에 입사하였습니다.
지난 16일, 알서포트라는 회사에 입사하였습니다. 이 회사는 매우 훌륭한 리모트 컨트롤 기술을 보유하고 그 기술을 바탕으로 한 여러 제품들을 세계적으로 공급하는 회사입니다. 사실, 게임 개발사에서 UI를 만드...
Category: 자료 - 웹개발, Reactions: 17, Views: 110,384, Author: 파이어준
-
구글어스 + 구글맵 API로 구현한 한국지도 길찾기
이번엔 구글어스 API와 한국지도 길찾기를 연동해 보았습니다. 위 화면이 보이지 않는 분은 플러그인을 별도로 설치해야 합니다. KML을 다루는 것과 시점 조작, 그리고 마커 생성 등에 대한 기초적인 사용방법을 익...
Category: 자료 - 웹개발, Reactions: 21, Views: 118,566, Author: 파이어준
-
구글맵 API로 구현한 한국지도 길찾기
구글맵 API에 다음 지도의 길찾기 검색 결과를 훔쳐(?)와서 조악한 길찾기 애플리케이션을 만들어 보았습니다. 이번 작업 역시 maps.js를 사용하였으며, 다음 지도는 콩나물 좌표계를 기본으로 사용기 때문에 'con...
Category: 자료 - 웹개발, Reactions: 29, Views: 129,048, Author: 파이어준
-
한국어 지도 서비스 적용된 구글맵 API
지난해 11월 초, 구글맵은 한국어 서비스를 시작하였습니다. 그러나 구글맵 API에는 반영되어 있지 않았죠. 4개월째 접어든 지금도 마찬가지 입니다. 혹시나 해서 maps.google.co.kr을 살펴 보다가 한국의 상세 지도를 야...
Category: 자료 - 웹개발, Reactions: 5, Views: 48,810, Author: 파이어준
-
2008년 한 해 내 블로그 결산
늦은 감이 없지 않지만, 2008년 한 해 동안 구글 Analytics에 기록된 주요 웹사이트 통계를 공개합니다. 2007년 통계 자료와 비교해 보니 글의 수와 빈도가 적고, 개발과 관련된 내용만을 주로 다루어서 그런지 그리 성...
Category: 자료 - 블로그, Reactions: 4, Views: 30,357, Author: 파이어준
