-
앱스토어에서 추가로 구입한 애플리케이션 9개
앱스토어 지름의 끝은 어디일까요? 불과 한주만에 9개의 애플리케이션을 추가로 구입했습니다. 이제 슬슬 지겨워 질 때도 됐는데 도무지 자제가 되질 않는군요. 이번에 구입한 애플리케이션들 중에 "Jaadu VNC&q...
Category: 정보 - 모바일, Reactions: 2, Views: 90,645, Author: 파이어준
-
Jetty와 구글 크롬의 WebSocket 지원
지난 9일 구글 크롬 브라우저는 WebSocket(웹소켓) API를 지원한다고 발표했습니다. 그리고 최근에 Jetty(웹 서버)는 WebSocket을 지원하는 버전을 배포했습니다. 그렇습니다. WebSocket은 브라우저만으로 사용할 수 있는 것...
Category: 자료 - 웹개발, Reactions: 4, Views: 152,294, Author: 파이어준
-
캐논 DSLR EOS 1D Mark IV 출시
EOS-1D Mark IV는1610만 화소, 듀얼 DIGIC4 시스템, 초당 10 프레임 고속 연사, 100~12800 ISO, 확장 시 50 ~ 102400 ISO 감도 등의 촬영을 지원합니다. 새롭게 개발된 총 45개의 고정밀 측거점을 배치하여 보다 빠르고 정확한 피사...
Category: 일상 - 사진, Reactions: 3, Views: 113,381, Author: 파이어준
-
화제의 영화 아바타를 보고 왔습니다.
"올해 본 영화 중 최고의 영화로 기억될 것 같습니다.".
Category: 문화 - 영화/음악, Reactions: 3, Views: 38,168, Author: 파이어준
-
앱스토어에서 추가로 구입한 애플리케이션 10개
아이폰을 사용한지도 한달이 다 되어 가는군요. 최근 크리스마스를 맞아 일일 무료 또는 할인(프라이스 드랍) 애플리케이션들이 쏟아져 나오고 있습니다. 이러한 애플리케이션 정보는 appshopper.com을 구독하세요. ...
Category: 정보 - 모바일, Reactions: 5, Views: 28,337, Author: 파이어준
-
육감 기술(SixthSense Technology)
위 비디오는 인도 출신의 Pranav Mistry씨가 TED에서 발표한 육감 기술(SixthSense Technology)을 소개하는 내용입니다. 그는 실제 세계와 디지털 세계를 연결하는 몇가지 방법들을 제시합니다. SixthSense 장비들은 종이를 노트...
Category: 정보, Reactions: 25, Views: 78,094, Author: 파이어준
-
코딩에 자신있는 분들! 이 함수를 10분안에 작성해 보세요.
아래에 준비된 문제는 아주 간단합니다. 자신이 사용하는 또는 선호하는 언어를 사용하여 최대한 빠르게 우아하면서도 미려한 코드를 작성해보세요. 제한 시간은 10 분입니다. 시간이 초과된 사람은 루저입니다....
Category: 자료 - 웹개발, Reactions: 42, Views: 33,144, Author: 파이어준
-
방문객은 어딜 보고 있을까? - 구글 브라우저 사이즈
Google Labs에서는 Google에 방문하는 사용자의 데이터를 바탕으로 브라우저의 표시 영역을 시각화하고 자신의 사이트도 대입해 볼 수 있는 온라인 도구인 브라우저 사이즈(Browser Size) 서비스를 시작합니다. 이 서비스...
Category: 자료 - 웹개발, Reactions: 0, Views: 25,277, Author: 파이어준
-
자바스크립트로 포팅한 언아더 월드 - Another World JS
언아더 월드(Another World)는 Eric Chahi씨에의해 개발되어 1991년에 발표한 아주 오래된 게임입니다. 당시 독창적인 그래픽과 부드러운 애니메이션 탄탄한 스토리 등으로 큰 화제를 불러일으켰던 게임입니다. 저 역시도...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,217, Author: 파이어준
-
구글 번역 서비스의 웹기반 TTS(Text-To-Speech)
구글 번역 서비스는 문자를 음성으로 들려주는 TTS(Text-To-Speech) 기능을 추가했다고 발표했습니다. 구글 번역 서비스를 사용하다 보면 TTS가 가능한 경우 파란색 스피커 아이콘이 나타나며, 이 버튼을 클릭하여 음성...
Category: 자료 - 웹개발, Reactions: 3, Views: 59,373, Author: 파이어준
-
CSS와 HTML로만 구현한 3D 패럴랙스 효과
Roman Cortes씨는 자바스크립트를 사용하지 않고 CSS와 HTML만으로 3차원 패럴랙스(시차) 효과를 만들어 냈습니다. 좌측 회화에 마우스 포인터를 올리고 움직여 보세요. 그저 놀라울 따름입니다. 소스코드를 열어보니...
Category: 자료 - 웹개발, Reactions: 8, Views: 37,685, Author: 파이어준
-
아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개
Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와...
Category: 자료 - 웹개발, Reactions: 47, Views: 94,343, Author: 파이어준
-
화제의 아이폰 게임 - 월드 워(World War™)
월드 워는 아이폰/아이팟 터치에서 즐길수 있는 대규모 멀티플레이 온라인 전쟁 게임(MMORG)입니다. Storm8에서 제작한 이 게임은 무료로 배포되고 무료로 접속할 수 있습니다. 게임의 시작은 미국, 영국, 중국, 독일...
Category: 자료 - 웹개발, Reactions: 62, Views: 41,751, Author: 파이어준
-
오픈소스 자바스크립트 캘린더 dhtmlxScheduler 2.1 출시
DHTMLX 팀은 아웃룩의 캘린더나 구글 캘린더와 견줄만한 UI를 가진 웹기반 자바스크립트 캘린더(스케줄러)인 dhtmlxScheduler를 발표했습니다. 일간, 주간, 월간, 년간, 아젠다 보기로 전환하여 일정들을 조회할 수 있고...
Category: 자료 - 웹개발, Reactions: 1, Views: 73,870, Author: 파이어준
-
앱스토어로부터 구입한 애플리케이션 12개
앱스토어가 부실하던 시절에는 아이팟(1세대)을 기본으로 탈옥시켜 사용했었는데, 부작용도 크고 이래저래 손이 많이 가기 때문에 새로 구입한 아이폰은 있는 그대로 사용하려고 마음먹었습니다. 아시다시피 애...
Category: 정보 - 모바일, Reactions: 3, Views: 24,691, Author: 파이어준
-
Scripty2 UI 컨트롤 프리뷰
Thomas Fuchs씨의 Scripty2 버전이 벌써 Alpha 5가 되었습니다. UI 비헤이비어 / 컨트롤 부분에 멀티 터치 지원 및 몇몇 기능이 추가되었습니다. 그리고 Andrew Dupont씨가 버튼, 다이얼로그, 오버레이, 슬라이더, 자동완성, 아...
Category: 자료 - 웹개발, Reactions: 0, Views: 29,914, Author: 파이어준
-
페이지 리소스 용량를 집계하는 북마크릿 - Statsy
Statsy는 Stoyan Stefanov씨가 만든 웹 페이지의 성능을 가늠하기 위한 정보를 제공하는 북마크릿입니다. 자바스크립트 속성이 할당된 크기, 스타일시트 사용량, 스크립트 사용량 등 다양한 집계를 알려 줍니다. 설치방...
Category: 자료 - 웹개발, Reactions: 5, Views: 26,051, Author: 파이어준
-
아이폰/아이팟 터치의 숨겨진 기능 컬렉션
아이폰/아이팟 터치(이하 아이폰)는 기본 기능에 충실하기 때문에 화면구성이 간결합니다. 간단해서 좋긴한데 너무 간단하여 사용함에 있어서 불편을 호소하기도 합니다. 윈도에서는 마우스 오른쪽 버튼으로 상...
Category: 자료 - 웹개발, Reactions: 107, Views: 73,611, Author: 파이어준
-
웹기반 PC 원격 제어 - EduVNC
무료로 배포되는 EduVNC를 이용하면 다른 장소에 있는 PC를 웹 브라우저만으로 원격 제어할 수 있습니다. VNC에서 파생된 여러 원격제어 소프트웨어들이 대부분 호스트(서버)와 클라이언트(뷰어)로 구분되고 제어하...
Category: 자료 - 웹개발, Reactions: 6, Views: 47,275, Author: 파이어준
-
아이폰 수령 및 개통 완료!
22일날 주문해서 주말 내내 불안에 떨다가 월요일 아침부터 우체국에 문의하는 것을 시작으로, 택배 기사님과 겨우 연결되어 배송물 확인하고, 주변 KTF 대리점 찾아 여기저기 문의하고, 점심끼니도 거르며 대리점...
Category: 정보 - 모바일, Reactions: 11, Views: 61,816, Author: 파이어준
-
아이폰! 아이폰! 아이폰! 아이폰!
아이폰 예약 배송 때문에 난리가 났군요. KT가 운영하는 폰스토어의 질의응답 게시판에 불이 났습니다. 주문 취소 요청부터 갖은 욕설과 협박을 불사하는 글들이 지금 이 시간에도 빗발치고 있습니다. 요지는 1차...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,235, Author: 파이어준
-
PHP를 이용하여 트위터에 원격으로 포스팅하기
최근 트위터로부터 유입되는 트래픽이 급증했습니다. 글 제목과 URL을 복사하고 붙여넣었을 뿐입니다. 하지만 요딴식의 트위팅은 정말 짜증나고 귀찮죠. 좀처럼 트위터에 시간을 할애하지 못하는 분들도 계실거고...
Category: 자료 - 웹개발, Reactions: 5, Views: 48,987, Author: 파이어준
-
골때리는 시계 - Scroll Clock
이것은 Toki Woki에서 만든 스크롤 시계입니다. <div> 요소의 overflow 속성을 절묘하게 이용하여 만들었습니다. 소스를 보니 MooTools 라이브러리를 기반으로 슈퍼 클래스를 상속하여 사용하고 있습니다. 이것을 Prot...
Category: 자료 - 웹개발, Reactions: 4, Views: 26,746, Author: 파이어준
-
이미지의 피사체와 어울리게 문자 배치하기 - jQSlickWrap
jQuery용으로 만들어진 jQSlickWrap 플러그인을 이용하면 보시는 것 처럼 이미지의 피사체를 피하여 문자열들을 어울리게 배치할 수 있습니다. 실제로 애플로고 이미지를 첨부하고 jQSlickWrap 플러그인을 적용한 것입니...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,949, Author: 파이어준
-
아이폰 3GS 런칭쇼에 참가신청했습니다.
드디어 아이폰이 한국에 출시되는 군요! 떡밥(루머)으로 의심했던 잠실 체육관 런칭쇼가 사실이었네요. 11월 28일(토) 오후 2시부터 잠실 실내 채육관에서 예약 가입자 1,000명에게 아이폰을 선착순으로 즉시개통 해...
Category: 정보 - 모바일, Reactions: 8, Views: 47,487, Author: 파이어준
-
크롬 OS 설치해 보았습니다.
gdgt에서 빌드하여 제공하는 버추얼머신 이미지를 VMware Player를 사용하여 돌려 보았습니다. 크롬 브라우저를 기반으로 꼭 필요한 하드웨어 I/O 컨트롤이 붙어있는 느낌입니다. 좌측 상단에 있는 버튼이 윈도의 시작...
Category: 자료 - 웹개발, Reactions: 4, Views: 29,140, Author: 파이어준
-
구글 크롬 OS 오픈소스 프로젝트 발표
오늘은 역사적인 날입니다. 구글이 웹기반 운영체제를 만들겠다고 설래발 친 결과를 발표한 날이기 때문입니다. 구글 크롬 OS는 대부분의 시간을 웹에서 보내는 사람들을 위해 만들어진 운영체제입니다. 간단하게...
Category: 정보 - 웹2.0, Reactions: 3, Views: 30,442, Author: 파이어준
-
군더더기 없는 마크업과 시맨틱한 템플릿
Web Designer Wall의 Nick La씨는 잘 사용되지 않지만 유용한 5가지 CSS2 속성들에 대한 포스팅 다음으로 <div> HTML 요소가 남용되고 있는 상황에 대하여 지적하고 말끔하면서도 시맨틱한 HTML 마크업을 할 수 있도록 <...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,495, Author: 파이어준
-
잘 사용되지 않지만 유용한 5가지 CSS2 속성들
Web Designer Wall을 운영하는 Nick La씨는 평소 즐겨 사용되지 않지만 유용한 5가지 CSS 속성들의 사용방법을 소개합니다. 이 5가지 속성은 clip, min-height, white-space, cursor 그리고 display 입니다. 모두 CSS2에 명시되어 있는 속...
Category: 자료 - 웹개발, Reactions: 4, Views: 55,724, Author: 파이어준
-
WebGL을 이용한 태양계 데모
Jacob Seidelin씨는 WebGL 가속이 지원되는 Canvas요소와 Audio요소를 결합하여 "WebGL Musical Solar System"이라는 골때리는 데모을 만들어 냈습니다. 이 데모를 감상하기 위해서는 파이어폭스 나이틀리 빌드(nightly build)...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,727, Author: 파이어준
-
원피스 - 남자금지의 섬 아마존 릴리
원피스 방영분은 작년까지만 해도 꼬박꼬박 챙겨 보다가 문득 떠올라서 주말에 1년치를 몰아서 봤습니다. 1년치라고 해봐야 30편 정도가 고작입니다만, 간만에 봐서 그런지 엄청나게 재미있었습니다. 샤본디 제도...
Category: 문화 - 애니/만화, Reactions: 1, Views: 86,095, Author: 파이어준
-
ANS-9010 램디스크 사용기
지난 9월 초순에 ANS-9010 램디스크 드라이브와 2GB(DDR2 800MHz) 메모리 8개를 덜컥 구입하였습니다. ANS-9010이 495,000원, 메모리가 개당 38,000원, 총 구입비용은 799,000원 입니다. 지금은 메모리 가격이 많이 올랐더군요. ANS...
Category: 정보 - H/W, Reactions: 1, Views: 50,733, Author: 파이어준
-
SVG와 Audio 요소를 접목한 3D 음향 파장
웹 브라우저 성능의 한계를 시험하는 것을 즐기는 Ricardo Cabello씨는 HTML5의 audio요소와 SVG요소를 접목하여 3차원 음향 파장을 만들어 냈습니다. 헉! HTML5의 audio 요소 명세를 살펴보면 음향 신호를 분석할 수 있는 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,601, Author: 파이어준
-
초경량 CSS 애니메이션 자바스크립트 프레임웍 - Émile
Thomas Fuchs씨는 주석을 포함하여 총 50라인으로 작성된 초경량 CSS 애니메이션 자바스크립트 프레임웍인 "Émile"를 만들고 공개했습니다. Émile는 CSS 프로퍼티들을 작성하고 시간 간격을 설정하는 것만으로 중...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,417, Author: 파이어준
-
2010년에 대비하여 알아두면 좋은 웹 디자인 트렌드
Web Design Ledge에서는 "한물간 웹 디자인 트렌드"포스팅에 이어 다가올 2010년에 대비하여 미리 알아두면 좋은 웹 디자인 트렌드 14가지를 소개합니다. 여기에 소개할 항목은 2009년에 인기가 급상승했고 지속적인 선...
Category: 자료 - 웹개발, Reactions: 12, Views: 80,808, Author: 파이어준
-
Cappuccino로 구축한 웹기반 목업 - Mockingbird
Mockingbird는 Cappuccino 프레임웍으로 구축한 웹기반 목업(mockup) 애플리케이션 입니다. 온라인상에서 페이지의 와이어-프레임을 쉽게 그려내고 그 결과물을 다른 사람과 공유할 수 있습니다. 모든 UI 요소들을 갖추고...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,458, Author: 파이어준
-
자바스크립트 라이브러리들의 도우미 Underscore.js
Jeremy Ashkena씨는 작고 유용한 자바스크립트 라이브러리인 Underscore.js를 공개했습니다. 달러("$")가 아닌 언더스코어("_")를 사용하기 때문에 Prototype이나 jQuery의 코어를 확장하지 않는 형태로 Collections...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,478, Author: 파이어준
-
Prototype 셀렉터 벤치마크
Prototype 코어팀의 Tobie Langel씨가 GitHub에 흥미로운 커밋을 했군요. Prototype의 DOM 셀렉터 엔진을 사용자가 지정하여 빌드할 수 있게 한 것입니다. "NWMatcher" 셀렉터를 사용하려면 아래와 같은 명령으로 빌드할 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 37,365, Author: 파이어준
-
Scriptaculous 1.8.3 업데이트
Scriptaculous가 1.8.3으로 조용히 업데이트 되었습니다. 지난 10월 8일날 있었다고 하는데 왜 그동안 몰랐을까요? 아무튼, 필요로하는 Prototype의 버전이 1.6.1으로 갱신되었습니다. 몇몇 버그와 이슈가 해결되었고 effect....
Category: 자료 - 웹개발, Reactions: 0, Views: 22,851, Author: 파이어준
-
SproutCore의 KVO(Key Value Observing)
지금까지 SproutCore의 프로젝트를 생성하고, 레이블-뷰를 작성해 보고, 뷰에 컨트롤러도 할당해 보고 바인딩한 값을 버튼으로 조작해 보았습니다. 이제 SproutCore의 진정한 힘을 체험해 볼 시간입니다. SproutCore의 바...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,229, Author: 파이어준
-
SproutCore에서 바인딩(Binding) 조작하기
"SproutCore의 Views 작성하기"에서 뷰(View)와 컨트롤러(Controller)를 작성해 보았습니다. 이제 상호 작용을 발생시키는 버튼을 페이지에 추가해 보도록 하겠습니다. 페이지에 한 구성요소를 삽입하기 위해서 다른 방해 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,765, Author: 파이어준
-
SproutCore에서 뷰(View) 작성하기
"SproutCore 1.0 시작하기"에서 SproutCore의 설치방법과 "Hello World!" 애플리케이션을 만들어 보았습니다. 이번에는 Hello World 프로젝트를 그대로 사용해서 "뷰(View)"를 만들어 보겠습니다. 뷰는 웹 페이지를 관리하기 위한...
Category: 자료 - 웹개발, Reactions: 3, Views: 30,087, Author: 파이어준
-
SproutCore 1.0 시작하기
SproutCore를 윈도용 RubyGems에서 설치하는 과정을 설명하겠습니다. 만약 Ruby가 설치되어 있지 않다면 One-Click Ruby Installer를 다운로드하고 설치하세요. SproutCore 1.0은 현재 RubyForge 리포지토리에 등록되어 있으며, 커맨드...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,691, Author: 파이어준
-
SproutCore에 홀딱 반했습니다.
회사에서 첨여중인 프로젝트의 시제품(prototype)에 SproutCore 자바스크립트 프레임웍을 적용한 것을 시작으로, 아주 조금씩 조금씩 작동원리를 이해해 가면서 즐거운 나날을 보내고 있습니다. 그렇게 약 2개월 정도 ...
Category: 자료 - 웹개발, Reactions: 5, Views: 37,386, Author: 파이어준
-
31가지 자바스크립트 성능향상 비법
Script.aculo.us 개발자인 Thomas Fuchs씨와 그의 마눌님이신 Amy Hoy씨는 31가지 성능향상 비법이 담긴 체크리스트와 문제 해결방법이 담긴 FAQ 사이트(slowjavascript.com)를 구축하고 공개했습니다. "당신이 작성한 자바스크...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,680, Author: 파이어준
-
Microsoft Ajax Minifier VS YUI Compressor
마이크로소프트에서도 YUI Compressor와 같은 자바스크립트 압축도구를 발표했습니다. 이름이 "Microsoft Ajax Minifier"군요. 이 두 녀석을 간략하게 비교해 보도록 하겠습니다. 사용법: YUI Compressor와 비교되는 Ajax...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,973, Author: 파이어준
-
자바스크립트 리퀴드 이미지 효과
Andrea Giammarchi씨는 Canvas 요소를 사용하지 않고 생 자바스크립트만으로 "리퀴드 이미지 효과"라는 신선한 이미지 출력 효과를 만들어냈습니다. 크게 확대한 이미지요소를 지정한 방향으로 이동시키면서 일...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,199, Author: 파이어준
-
한물간 웹 디자인 트렌드
Jacqueline씨는 한 때 유행했지만 더이상 사용하지 않는 것이 이롭다고 판단되는 웹 디자인 트렌드 항목들을 정리하여 Web Design Ledger에 기고했습니다. 이 글은 의역한 것이며 개인적 견해이고 다소 과격한 표현을 일...
Category: 자료 - 웹개발, Reactions: 10, Views: 37,433, Author: 파이어준
-
윈도7 스타일 마우스 오버 효과
Eduardo씨는 윈도7 스타일과 유사한 마우스 오버효과를 jQuery와 MooTools 그리고 CSS를 사용하여 적용하는 방법을 소개했습니다. 요소를 3중첩으로 준비하고 2번째 요소의 배경 이미지 포지션을 자바스크립트로 변경하...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,601, Author: 파이어준
-
웹 디자이너가 되길 원하세효?
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 31,051, Author: 파이어준
-
자바스크립트 프레임웍 메트릭스
Mathias Schütz씨는 자바스크립트 프레임웍들의 API를 한눈에 알아볼 수 있도록 비교해 주는 자바스크립트 프레임웍 메트릭스를 구축하였습니다. 프레임웍의 용량, 속도, 확장여부, 라이센스, API문서와 튜토리얼 및 ...
Category: 자료 - 웹개발, Reactions: 1, Views: 32,723, Author: 파이어준
-
디스트릭트 9 (District 9, 2009)
2009년 10월이 오기를 간절히 기도하세요. 그리고 걍 닥관하세요!.
Category: 문화 - 영화/음악, Reactions: 4, Views: 66,202, Author: 파이어준
-
자바스크립트 기반 3D 태그 클라우드 - Cumulus
플래시 기반으로 구축된 워드프레스의 Cumulus 플러그인과 유사한 UI를 자바스크립트로 구현해 보았습니다. Ricardo Cabello씨의 Google Sphere 소스를 참고하였으며, Prototype 자바스크립트 프레임웍을 사용하였습니다. 크...
Category: 자료 - 웹개발, Reactions: 15, Views: 46,111, Author: 파이어준
-
자바스크립트 성능 모니터 - Hi-ReS! Stats
Ricardo Cabello씨는 플래시와 자바스크립트를 사용하여 여러가지 재미있는 실험들을 시도합니다. 실험들 중에는 Chrome Experiments에 등재된 Google Sphere, Depth of Field, Google Gravity, Ball Pool이 있죠. 그는 최근 자바스크립트의...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,379, Author: 파이어준
-
오픈소스 인스턴트 웹사이트 - Pubwich
Pubwich는 Delicious, Facebook, Flickr, last.fm, ReaderNaut, Twitter, Vimeo, Youtube의 오픈 API를 이용하여 제공되는 컨텐츠 그리고 RSS 피드들이 단일페이지로 구성되는 인스턴트 웹사이트를 누구나 손쉽게 구축할 수 있있도록 만들...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,802, Author: 파이어준
-
Prototype 1.6.1 정식버전 출시
Prototype의 1.6.1 정식버전이 출시되었습니다. 올해 6월에 배포된 RC3와 비교하면 크게 달라진 것이 없고 몇몇 버그들과 메서드가 수정 및 개선된 정도입니다. 정식버전 출시와 함께 PDoc 기능을 이용하여 만들어진 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,714, Author: 파이어준
-
DDR2 8슬롯 장착한 램디스크 ANS-9010
스트라이프(RAID 0)로 구성하여 사용해 오던 WD사의 랩터(HDD)를 1년정도 빡쎄게 돌렸더니 오락가락하다가 기어코 MBR가 뻑났습니다. 150기가를 가득 체워 놓은 소중한 자료가 담긴 하드가 뻑났는데도 예전과는 달리 냉...
Category: 정보 - H/W, Reactions: 5, Views: 82,025, Author: 파이어준
-
ExtJS 기반 오픈소스 그룹웨어 - OpenGoo
OpenGoo는 ExtJS 자바스크립트 라이브러리를 기반으로 구축된 웹 오피스입니다. 생산성 향상, 협업, 의사소통, 팀 경영에 초점을 둔 토탈 솔루션입니다. 데시보드, 위젯, 노트, 문서, 프리젠테이션, 할 일 목록, 이메일...
Category: 자료 - 웹개발, Reactions: 2, Views: 144,107, Author: 파이어준
-
투명 PNG이미지 최적화 도구 - punypng
punypng는 웹기반 이미지 최적화 서비스입니다. PNG, GIF, JPG이미지를 손실없이 파일의 크기를 줄여서 웹사이트의 로딩 속도를 향상시킬 수 있게 합니다. 멀티플 파일 업로드를 지원하여 한번에 여러 파일을 선택하여...
Category: 자료 - 웹개발, Reactions: 2, Views: 46,592, Author: 파이어준
-
벡터 그래픽 생성 자바스크립트 라이브러리 - Raphaël
라파엘(Raphaël)은 웹상에서 벡터(vector) 그래픽을 생성할 수 있도록하는 작은 자바스크립트 라이브러리입니다. 차트를 생성하거나 이미지 크롭 및 회전 등을 쉽고 간단하게 만들어낼 수 있습니다. 라파엘은 CANVAS요...
Category: 자료 - 웹개발, Reactions: 0, Views: 47,536, Author: 파이어준
-
HTML5 Audio & Canvas 요소 실험
Sebastian Deutsch씨는 HTML5의 audio와 canvas요소를 이용한 멋진 실험을 시도했습니다. 최초 액션스크립트3(Flex)용으로 제작된 파티클 엔진과 John Resig씨가 만든 processing.js 그리고 HTML5의 특징 지원여부를 판단하기 위한 mo...
Category: 자료 - 웹개발, Reactions: 1, Views: 56,393, Author: 파이어준
-
도전정신 자극 퀴즈 풀어보세요.
This is a mathematical challenge, and it's been said that: If you're an engineer, you should be able to solve it in (under) three minutes, If you're an architect, in three hours; If you're a doctor, in six hours; If you're an accountant, in three months and ...
Category: 일상 - 뻘짓, Reactions: 7, Views: 31,559, Author: 파이어준
-
웹 워커(Web Worker) 적용하기
얼마전 Web Worker(DOM Worker)의 사용방법을 간략하게 알아보고 실제로 적용할 수 있는 분야를 곰곰히 생각해 보면서 여러가지 실험을 시도했습니다. 위 화면은 워커(싱글스레드)에 의해 드로잉되는 Box2D 물리엔진입니...
Category: 자료 - 웹개발, Reactions: 4, Views: 45,987, Author: 파이어준
-
구글 웨이브를 사용해 보았습니다.
기다리고 기다리던 구글 웨이브 팀으로부터의 초청메일이 도착했습니다. 당장에 가입절차를 마치고 아티클을 작성하여 embed 해 보았습니다. 현재 embed된 웨이브 컨텐츠는 계정을 가지고 있는 사용자에게만 나타나...
Category: 자료 - 웹개발, Reactions: 2, Views: 30,498, Author: 파이어준
-
자바스크립트로 만든 플랫포머 게임
Mr. Speaker는 자바스크립트와 DOM을 이용한 고전적인 방법으로 플랫포머(platformer) 게임을 만들었습니다. 간결하게(기교없이) 작성된 자바스크립트 파일들은 character, enemy, item, levels, player, tile로 구성되어 있으며 html...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,677, Author: 파이어준
-
스노 레퍼드용 사파리에서 CSS 3D 변환 지원
webkit.org는 스노 레퍼드(Snow Leopard)에 설치된 사파리(웹킷)에서 CSS 3D 변환을 지원한다고 발표했습니다. 최신 나이틀리 빌드(nightly build )를 설치하여 직접 확인할 수 있다고 합니다. 그리고 테스트 가능한 CSS 변환 애...
Category: 자료 - 웹개발, Reactions: 0, Views: 47,700, Author: 파이어준
-
IE6이 주는 고통을 고찰해 보는 시간
Digg가 IE6 브라우저 사용자를 대상으로 매우 흥미로운 조사를 펼쳤습니다. 왜 아직도 IE6을 사용하고 계신가요?(You are currently using Internet Explorer 6. Why?)라는 질문에 ●37%의 응답자가 "자신의 PC에 관리권한이 없기...
Category: 자료 - 웹개발, Reactions: 3, Views: 26,524, Author: 파이어준
-
자바스크립트 멀티스레드 프로그래밍 - DOM Workers
파이어폭스 3.5에 추가된 기능인 DOM Workers를 테스트 해 보았습니다. 자바스크립트로 멀티스레드(multi-thread)를 구현할 수 있다길레 솔깃해서 살펴보았습니다. 'Worker'로 새 인스턴스를 만들어서 'onmessage'...
Category: 자료 - 웹개발, Reactions: 2, Views: 42,136, Author: 파이어준
-
넷북을 위한 구글 크롬 OS가 나온답니다.
구글 크롬OS는 오픈 소스로 개발되었으며, 넷북을 겨냥한 가벼운 OS입니다. 저희는 올해 말 코드를 공개하고, 구글 크롬OS를 기반으로 하는 넷북이 2010년 하반기 시판될 수 있도록 할 계획입니다. 이 프로젝트와 관...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,929, Author: 파이어준
-
localStorage - 클라이언트 로컬에 데이터 저장하기
HTML 5에 명시된 'localStorage'는 클라이언트 로컬에 데이터를 저장하기 위한 전역 함수입니다. 여기에 저장된 데이터는 장시간 영구적으로 보관할 수 있으며, 오프라인인 경우에도 호출이 가능하다는 특징 때문...
Category: 자료 - 웹개발, Reactions: 3, Views: 78,890, Author: 파이어준
-
이미지 프로세싱 - 흑백 이미지로 변환하기
마우스 이벤트에 의해 컬러 이미지와 그레이 스케일(흑백) 이미지가 교차되면서 포커싱되는 효과는 시선을 집중시키는 효율적인 방법중 하나입니다. IE의 경우 특정 이미지를 흑백으로 변환하려면 'filter:gray&#...
Category: 자료 - 웹개발, Reactions: 0, Views: 61,801, Author: 파이어준
-
HTML 5 치트 시트(Cheat Sheet) PDF
Veign.com에서 HTML 5 레퍼런스(Reference)를 일목요연하게 참조할 수 있도록 한 페이지에 정리한 PDF 파일을 공개했습니다. 변동사항이 생기면 문서의 지속적인 업데이트까지 약속했습니다. 멋지네요!.
Category: 자료 - 웹개발, Reactions: 0, Views: 38,579, Author: 파이어준
-
헉! 배스가 제 손을 물었어요!
낚이셨습니다. 연출이였어요;.
Category: 일상 - 낚시, Reactions: 2, Views: 51,824, Author: 파이어준
-
스트리트 파이터 4 PC판 다운로드
제가 사용하는 유료 스토리지 서비스에 "거리의 싸움꾼 4"라는 것이 올라와 있길래 살펴보니 그저께 발매한 스트리트 파이터 4 PC판이더군요. 발매 당일 크래킹되었다고 합니다. 게임에 불감한 요즘 한판하...
Category: 문화 - 게임/오락, Reactions: 6, Views: 61,955, Author: 파이어준
-
XHTML에서 HTML5로 옮겨타기
HTML이 새로운 기능들을 가지고 한 세기를 넘어서 되돌아 왔습니다. XHTML과 달리 HTML 5의 장점은 매우 유연하다는 것입니다. HTML 5를 지원하지 않는 브라우저에서도 컨텐츠가 무리없이 출력되도록 설계되었습니다. ...
Category: 자료 - 웹개발, Reactions: 1, Views: 44,673, Author: 파이어준
-
더욱 빨라진 파이어폭스 3.5 출시
새 자바스크립트 엔진인 TraceMonkey가 탑재된 파이어폭스 3.5가 출시되었습니다. 기존의 SpiderMonkey 엔진보다 약 3배 빠르다고 합니다. 위 그래프는 개인적으로 수집한 TaskSpeed의 결과입니다. 재미있게도 jQuery를 제외한...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,818, Author: 파이어준
-
text-shadow를 이용한 텍스트 그림자 효과
Zach Johnson씨는 CSS와 자바스크립트를 사용하여 마우스 움직임에 반응하는 텍스트에 그림자가 비치는 효과를 절묘하게 표현했습니다. 이 데모는 아래의 짧막한 코드로 작동됩니다. 그러나 text-shadow CSS 프로퍼티를 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,756, Author: 파이어준
-
자바스크립트로 만든 3D 큐브 메뉴 - CubeMenu
3D 큐브 메뉴는 MooTools 자바스크립트 라이브러리를 이용하여 만들어진 색다른 3차원 메뉴입니다. 그러나 실제로 사용해 보면 비주얼은 뛰어난 반면 사용성이 떨어지는 것을 경험할 수 있습니다. 마우스 휠로 확대...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,854, Author: 파이어준
-
마침내 3짜 배스를 낚아 올렸습니다.
지난 4월 말, 블루길을 처음으로 낚은 이후 흥분한 가슴을 가라앉히지 못하고 매주 일요일 비만 안오면 출조갑니다. 낚시도 여러 종류가 있으며 그 중에도 배스 루어 낚시가 대세라는 소문을 듣고 이 것을 배우기...
Category: 일상 - 낚시, Reactions: 6, Views: 41,983, Author: 파이어준
-
두각을 드러낸 Scriptaculous 2.0 - Scripty2
Thomas Fuchs씨는 2007년에 2.0버전을 만든다고 큰소리 치고는 잠적하여 목놓아 기다리게 만들더니, 약 20개월이 지난 오늘에서야 드디어 두각을 드러냈습니다. "보다 맛좋은 웹을 위하여"라는 부제의 "script...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,358, Author: 파이어준
-
높이가 다른 float 요소를 벽돌처럼 정렬 - jQuery Masonry
CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. ...
Category: 자료 - 웹개발, Reactions: 5, Views: 48,872, Author: 파이어준
-
자바스크립트로 구현한 문자인식 제스처 - FancyGestures
Fancy Gestures는 마우스 커서를 일정한 방향으로 드래그하여 특정한 이벤트를 발생시킬 수 있게하는 jQuery용 플러그인으로 만들어진 자바스크립트 마우스 제스처 라이브러리 입니다. 위 화면은 이 플러그인의 데모로...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,317, Author: 파이어준
-
이미지 프로세싱 자바스크립트 라이브러리 - Phototype
Phototype은 PHP의 GD라이브러리와 Prototype 자바스크립트 라이브러리를 이용하여 이미지 프로세싱을 할 수 있는 흥미로운 자바스크립트 라이브러리입니다. 이미지의 리사이즈, 회전, 플립, 드랍쉐도, 캡션, 각종 필터...
Category: 자료 - 웹개발, Reactions: 1, Views: 42,335, Author: 파이어준
-
인터랙티브 데이터 비주얼라이제이션 - InfoVis
JavaScript InfoVis Tookit은 Nicolas Garcia Belmonte씨가 만든 자바스크립트로 만들어진 대화형 자료 시각화 도구입니다. 방대한 자료를 한정된(협소한) 화면에 출력하기에 안성맞춤인 이 자바스크립트 라이브러리는 각종 그...
Category: 자료 - 웹개발, Reactions: 2, Views: 26,036, Author: 파이어준
-
자바스크립트 호환성 테스트
Robert Nyman씨는 자바스크립트 버전별 특징들에 대한 브라우저 단위 테스트를 시행하고 그 결과를 일목요연하게 정리하여 공개하였습니다. 자바스크립트 1.6부터 1.8.1로 버전이 오르면서 지원하는 여러 기능들 그리...
Category: 자료 - 웹개발, Reactions: 0, Views: 46,259, Author: 파이어준
-
Prototype 1.6.1 RC3 배포 - Chrome, PDoc 지원
Prototype 1.6.1 RC3가 릴리즈 되었습니다. 늦은 감이 없지 않지만 RC3부터는 구글 크롬 브라우저를 공식으로 지원하게 되었습니다. 크롬만을 위한 코드가 존제하는 것은 아니고 rake test에 Chrome이 포함된 정도로 보입니...
Category: 자료 - 웹개발, Reactions: 2, Views: 34,276, Author: 파이어준
-
웹기반 마우스 트래킹 사용성 테스트 도구 - Clixpy
Clixpy는 사이트에서 일어나는 모든 마우스 움직임을 캡처하여 방문자의 행동패턴까지 분석해 주는 혁신적인 웹기반 웹 사용성 테스트 도구입니다. 이 서비스는 간략한 방문자 분석 통계자료(접속 수, 시간, 브라우...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,337, Author: 파이어준
-
다음 지도 API 이벤트 참여 결과 4위, 몰랐다.
작년 말, 다음이 지도 API 서비스를 오픈하면서 경품이 걸린 이벤트를 시행했습니다. 그리고 허접스러운 예제로 참여했습니다. 그 결과 4위로 순위권에 들었습니다. 그러나 이 사실을 지금에서야 알았습니다. 그것...
Category: 자료 - 웹개발, Reactions: 2, Views: 31,037, Author: 파이어준
-
Fluxiom 무료 서비스 계정 개방
Wollzelle이 2006년 4월에 런칭한 Fluxiom은 제게 있어서 매우 각별한 웹서비스입니다. 신선한 영감을 얻은 동시에 웹의 미래를 비춰주었으며, 당시, 자바스크립트를 죽어라 파야겠다는 결심이 서게하는 계기를 마련해...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,768, Author: 파이어준
-
전화 금융 사기 당할 뻔 했습니다.
정신을 차리고 보니 은행에서 제공하는 메모지 뭉탱이를 통째로 들고나와 버렸네요. 컨펌(confirm) 한번 터치하면 송금되는 상황까지 갔습니다. 온몸에 전율을 느끼는 산뜻한 오전을 맞았네요. 여러분 조심하세요!.
Category: 일상, Reactions: 8, Views: 40,534, Author: 파이어준
-
프론트-엔드 엔지니어를 모십니다.
제가 몸담고 있는 회사에서 프론트-엔드(Front-end) 개발자를 모집하고 있습니다. 주 담당업무는 UI 설계 및 구축 그리고 크로스-브라우징 등이 될 것입니다. 서드파티 라이브러리 사용을 권장하고, 간결하면서도 일...
Category: 자료 - 웹개발, Reactions: 5, Views: 29,019, Author: 파이어준
-
Tissot T 35.9.514.33 구입
5월은 지름의 달인가 봅니다. 계속해서 굵직한 것만 대책없이 쳐 질러싸고 있습니다. 어잌후~.
Category: 일상 - 지름, Reactions: 4, Views: 30,834, Author: 파이어준
-
Depeche Mode - Wrong
지난 4월에 발표한 "Depeche Mode"의 "Sounds Of The Universe"앨범의 첫 번째 싱글인 "Wrong"이다. 암울한 가사말들이 뇌리에 팍팍 꽂힌다. 어찌보면 자신이 처한 현실을 일부분 대변해주는 듯 하다..
Category: 문화 - 영화/음악, Reactions: 0, Views: 23,472, Author: 파이어준
-
HTML 요소를 빠르게 찾는 파이어버그 확장 - Firefinder
Robert Nyman씨는 새로운 파이어버그(Firebug) 확장기능인 파이어파인더(Firefinder)를 배포했습니다. CSS 선택자 또는 XPath를 이용하여 DOM 요소를 빠르게 찾을 수 있게 해 주는 확장기능입니다. 위 화면에서 보는 것 처럼 찾...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,703, Author: 파이어준
-
Jabbify를 이용한 포인터 트래킹 커뮤니케이터
Jabbify API를 이용해서 뭔가 재미있는 뻘짓을 해 보려고 계속 구상만 하다가 이 번 주말에 맘잡고 삽질했습니다. 자연스레 공통 관심사를 가진 사람을 만나고 즉시 질문하거나 추가적인 정보를 소통할 수 있는 커뮤...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,750, Author: 파이어준
-
CSS 프로퍼티 지원여부 테스팅
kangax씨는 또다시 재미있는 함수를 만들었습니다. 브라우저별로 특징을 가지는 CSS 프로퍼티의 지원여부를 분석하는 함수입니다. "BorderRadius" CSS 프로퍼티를 지원하는 브라우저에서만 사용되도록 스크립트...
Category: 자료 - 웹개발, Reactions: 0, Views: 24,950, Author: 파이어준
-
자바스크립트 페이지 벗겨내기 효과
Soh Tanaka씨는 jQuery와 CSS를 이용해서 간단한 페이지 벗겨내기 효과를 만들었습니다. 이 것을 응용하면 호기심을 유발하는 광고 컨텐츠를 배치하거나 색다른 페이지 전환효과를 연출할 수 있습니다. 멋진 아이디어...
Category: 자료 - 웹개발, Reactions: 7, Views: 26,910, Author: 파이어준
-
70-200L과 17-40L 렌즈도 질렀습니다.
작년에 도둑님이 남기고 가신 50.4 렌즈 하나가 쓸쓸해 보여 바디(EOS-1D Mark III)를 지르게 되었고 줄곧 버텨 오다가 이제서야 렌즈를 하나 둘 장만하기 시작했습니다. 가장 많이 즐겨쓰는 렌즈인 70-200L(엄마 백통 정...
Category: 일상 - 지름, Reactions: 3, Views: 32,756, Author: 파이어준
-
Wacom Intuos4 6X9 질렀습니다.
지금까지 Wacom Intuos2를 사용해 왔는데 마우스 대용으로 사용하려니, 포인터 떨림현상이 매우 심해서 구입하게 되었습니다. Intuos4의 포인터 정확도는 매우 만족스러운 수준이더군요. 세련된 외관을 가지고 있으며...
Category: 일상 - 지름, Reactions: 1, Views: 29,971, Author: 파이어준
-
시대를 앞서는 놀라운 컨셉 디자인
안구정화 차원에서 등록해 봅니다. 특히, 신용카드 저금통(Credit Card Piggy Bank)은 정말로 가지고 싶군요..
Category: 일상 - 뻘짓, Reactions: 0, Views: 47,448, 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: 20,226, Author: 파이어준
-
생 자바스크립트로 구현한 물리 데모 - Ragdoll
Gerard Ferrandez씨는 자바스크립트를 이용한 비주얼라이제이션의 달인입니다. jQuery와 같은 서드파티 자바스크립트 프레임웍 또는 라이브러리의 도움을 전혀 받지 않고 그만의 독특한 알고리듬으로 자바스크립트 애...
Category: 자료 - 웹개발, Reactions: 2, Views: 34,640, Author: 파이어준
-
SoundManager2 업데이트
Scott Schiller씨는 그의 대표적인 자바스크립트 라이브러리인 SoundManager2에 플래시9의 특징들을 활용하여 아래와 같은 새 기능들이 추가된 업데이트를 공개했습니다. console.log 스타일의 디버깅을 지원하며, 문제해...
Category: 자료 - 웹개발, Reactions: 0, Views: 23,746, Author: 파이어준
-
난생 처음으로 물고기를 낚았습니다.
작년 초 부터 낚시를 배워볼까 하고 여러차례 시도했지만 물고기를 낚는데에는 번번히 실패했습니다. 주위에 낚시에 대해 잘 알거나 즐겨 다니기는 분을 찾을 수가 없어서 오로지 실습으로만 기술을 습득하고, 주...
Category: 일상 - 여행, Reactions: 10, Views: 35,527, Author: 파이어준
-
Jabbify를 이용한 온라인 피아노 실습
날씨가 우중충해서 며칠째 낚시하러 못나가고 있네요. 너무 심심해서 어제 소개한 Jabbify를 살짝 가지고 놀아 보았는데요. 식상하게도 너무나 쉽게 만들어져 버렸습니다. 아래의 핵심 메서드 3개만 다룰 줄 알면 게...
Category: 자료 - 웹개발, Reactions: 4, Views: 31,332, Author: 파이어준
-
Comet 자바스크립트 API 서비스 - Jabbify
Jabbify는 실시간 인터랙션을 제공하는 Comet기술을 기반으로 한 자바스크립트 API(JavaScriptMVC 프레임웍)를 이용하여 만들어진 채팅 서비스 입니다. 우측 그림은 Comet의 작동 과정을 표현한 것인데요. 전통적인 XHR(XMLHt...
Category: 자료 - 웹개발, Reactions: 0, Views: 101,092, Author: 파이어준
-
회사에서 포상휴가를 받았습니다.
회사에서 처음으로 참여한 프로젝트가 1차로 완료되었습니다. 이 프로젝트는 키즈케어(Kids care)라는 이름의 자녀 보호 솔루션입니다. 부모가 자녀의 PC사용을 실시간으로 모니터링하고 제재하고 원격으로 사용을...
Category: 일상 - 업무, Reactions: 3, Views: 32,183, Author: 파이어준
-
새끈한 UX를 제공하는 데스크탑 UI - BumpTop
최근 BumpTop이 릴리즈 되어 화제입니다. 오래 전에 돌아다니던 프로토타입 데모 동영상을 보고 재미있는 UI(유저 인터페이스)로 기억하고 있던 바로 그 녀석이더군요. BumpTop은 윈도의 데스크탑 UI를 3차원으로 교체...
Category: 정보 - S/W, Reactions: 9, Views: 40,505, Author: 파이어준
-
하위 호환성을 염두한 크로스브라우저에 대한 단상
요즘 새로이 출시되는 웹 서비스들 중에는 과감하게 IE6을 지원 대상에서 배제하고 개발한 경우를 종종 볼 수 있습니다. 서비스 성격에 따라 여러가지 이유들이 있겠지만, 그 이유들 중에 분명한 하나는 개발 장애...
Category: 자료 - 웹개발, Reactions: 7, Views: 28,723, Author: 파이어준
-
소름끼치는 4족 보행 로봇 - BigDog
로봇 기술 많이 발전했군요! 좌측은 소름끼칠 정도로 균형을 잘 유지하는 4족 보행 로봇인 빅독(BigDog)의 동영상입니다. 보스턴 다이내믹스(Boston Dynamics)라는 회사가 전쟁터에서 군수품을 전달하려는 목적으로 개발...
Category: 일상 - 뻘짓, Reactions: 8, Views: 45,186, Author: 파이어준
-
회사로부터 이노체어를 지원받았습니다.
좌측에 보이는 이 의자는 "이노체어"라는 국산 기능성 의자입니다. 다리를 뻗고 작업할 수 있을 뿐만아니라 드러눕기까지 할 수 있습니다. 야근과 철야를 밥먹듯이 하는 개발자들에게는 더없이 필요한 의자가 아...
Category: 일상 - 업무, Reactions: 9, Views: 40,037, Author: 파이어준
-
Prototype with Sly is "3x faster"
HTML : Javascript : Prototype의 성능이 다른 프레임웍들에 비해 떨어지는 주된 원인 중 하나는 DOM 셀렉터(Selector) 엔진에 있는 것으로 판단하고 위와 같은 코드를 작성하여 Prototype의 셀렉터 엔진을 더욱 성능이 좋은 Sly로...
Category: 자료 - 웹개발, Reactions: 11, Views: 32,767, Author: 파이어준
-
Qooxdoo 최고의 작업 스피드!
Pete Higgins씨가 만든 TaskSpeed를 직접 설치하고 모니터링하고 있던 중에 Ajaxian에 "Qooxdoo가 선두로 점프했다.(IE에서)"라는 내용이 실렸더군요. 뭔가 미심적어서 이 곳의 TaskSpeed의 리포트를 살펴보았습니다. 저...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,212, Author: 파이어준
-
그렇다면 저는 '개구라'입니다.
늘 그렇듯이 밤늦게 귀가해서 RSS리더를 열고 글들을 훓던 중 Channy님이 작성하신 "저는 ‘가짜’ 입니다"와 방준영님이 작성하신 "내 가짜 전문가 친구를 소개합니다"라는 포스트를 아무 생각없이 대충 읽었는데,...
Category: 일상, Reactions: 12, Views: 32,016, Author: 파이어준
-
자바스크립트 프레임웍의 성능측정 - TaskSpeed
Pete Higgins씨는 TaskSpeed라는 새로운 밴치마크 도구를 만들었습니다. DojoToolkit을 사용하여 졸라 멋진 SVG 차트로 만들어진 결과물도 제공합니다. 이 밴치마크 도구는 얼마전 Dojo 1.3의 발표와 관련하여 Dojo의 성능이 좋...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,249, Author: 파이어준
-
"번쩍번쩍 빛나는 회의실" (閃光会議室)
일본에서 개발되고 실재로 운영되고 있는 섬광 회의실(閃光会議室)은 2가지 특징을 가지고 있는 기능성 회의실입니다. 그 첫 번 째는 브레인 스토밍을 촉진하는 시스템으로써, "아지랑이(かげろい)"라는 기능은 회...
Category: 자료 - 웹개발, Reactions: 2, Views: 26,115, Author: 파이어준
-
브라우저의 Base64 인코딩 지원여부 확인하기
아시다시피, IE8부터 Base64 인코딩을 지원합니다. 덩달아 IE8의 IE7모드에서도 Base64 인코딩을 지원합니다. 그래서 브라우저 별로 지원여부를 구분하는 것은 구리다는 생각이 들어서 만들어 보았습니다. 작은 문제가...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,531, Author: 파이어준
-
"oTidyBrowser is not defined" 오류 수정하기
"oTidyBrowser is not defined" 오류는 파이어폭스의 확장기능인 "Html Validator"로 인하여 발생하는 자바스크립트 오류로써 파이어폭스를 장시간 사용하거나 윈도간 함수를 호출할 때 빈번하게 발생합니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,266, Author: 파이어준
-
개발자 브라우저 트렌드는 파이어폭스가 60% 이상?
위 자료는 jQuery 개발자인 John Resig씨가 방금 공개한 jQuery.com의 Google Analytics 브라우저 통계 자료입니다. 2009년 3월 29일까지의 기록이라고 하는군요. 반면 이 곳의 기록은 요렇습니다. 지금까지는 우리나라 정서와...
Category: 자료 - 웹개발, Reactions: 4, Views: 29,890, Author: 파이어준
-
jQuery로 만들어진 NOBY NOBY BOY 홈페이지
NOBY NOBY BOY는 얼마전에 출시된 7,500원짜리 PS3용 게임입니다. 정체불명의 플레이어를 조정하여 다양한 물체들을 먹고 자신의 몸길이를 늘리며 각종 뻘짓을 병행하는 골때리는 게임이죠. 위 플래이 동영상이 이해를...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,071, Author: 파이어준
-
새 DOM 셀렉터 엔진 - Sly
Sly는 Harald Kirschner씨에 의해 만들어진 최신 DOM 선택자 엔진입니다. 고작 3kb크기(minified and gzipped)의 스텐드얼론(독립형)으로 실행되는 이 선택자 엔진은 위 차트(slickspeed 테스트 결과) 에서 알 수 있듯이 성능이 매...
Category: 자료 - 웹개발, Reactions: 4, Views: 22,294, Author: 파이어준
-
Prototype 1.6.1 RC2 릴리즈
Prototype의 새 버전인 1.6.1 RC2(출시 후보)가 정식으로 공개되었습니다. 지난주 IE8의 출시로인하여 이에 대응하기 위해 임시로 릴리즈 한 것이라고 하네요. IE8 표준(Strict) 모드에서 지원되는 DOM 선택자 API와 DOM 엘리먼...
Category: 자료 - 웹개발, Reactions: 2, Views: 22,716, Author: 파이어준
-
월드와이드웹 비즈니스 로직
No Description
Category: 정보 - 웹2.0, Reactions: 6, Views: 24,076, Author: 파이어준
-
IE8을 위한 ExplorerCanvas 업데이트
Canvas 엘리먼트를 지원하지 않는 IE계열 브라우저에서 Canvas 엘리먼트를 사용할 수 있게 하는 ExplorerCanvas 라이브러리가 IE8을 추가로 지원하기 위하여 업데이트 되었습니다. 종전의 ExplorerCanvas 라이브러리는 VML 엘리...
Category: 자료 - 웹개발, Reactions: 4, Views: 24,550, Author: 파이어준
-
Prototype 개발팀의 소스를 직접 빌드하기
IE8에 대응하는 Prototype 소식이 궁금해서 리파지토리의 CHANGELOG를 살펴보니 숨가쁘게 커밋이 이루어 지고 있더군요. IE8과 관련한 DOM 컨트롤들이 빠른속도로 갱신되고 있었습니다. 다음에 릴리즈 될 버전을 조금이라...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,108, Author: 파이어준
-
제1회 Ext 컨퍼런스 2009 개최
Ext의 아키텍트 개발자인 Join Jack씨와 그의 코어 개발팀은 Ext 3.0 릴리즈 파티와 함께 컨퍼런스를 개최합니다. 4월 14일 부터 16일까지 3일간 진행되는 이 행사는 미국 플로리다주 올랜도에서 열립니다. Ext 3.0 릴리즈...
Category: 자료 - 웹개발, Reactions: 0, Views: 19,353, Author: 파이어준
-
이미지 파일을 Base64로 인코딩 하기
IE8이 정식으로 출시되고나면 가장먼저 해 보고 싶었던 것은 Base64 Data URI를 이용한 파일 호출이였습니다. 사실상 모든 메이저급 브라우저에서 Data URI를 사용할 수 있게 되는 중요한 시점이기 때문입니다. Data URI를...
Category: 자료 - 웹개발, Reactions: 5, Views: 66,548, Author: 파이어준
-
프로페셔널 프론트엔드 엔지니어링
야후!의 Nate Koechley씨가 프론트엔드 엔지니어링에 대하여 발표한 한시간 반짜리 프리젠테이션 동영상입니다. 프론트엔드 엔지니어가 어떠한 일을 하는지, 어떻게 업무가 분담되어 있는지, 이들로 인한 효과는 무...
Category: 자료 - 웹개발, Reactions: 3, Views: 29,373, Author: 파이어준
-
IE8에 웹사이트 최적화 하기
이번 주말에는 곧 출시를 앞두고 있는 IE8 브라우저에서 웹사이트가 잘 작동하도록 만드는 작업을 했습니다. 아시는 분은 아시겠지만 이 곳에는 매우 다양한 자바스크립트 컴포넌트와 잡스러운 소소한 기능들이 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 75,604, Author: 파이어준
-
jQuery에서 OO 클래스 사용 - OOJS
Micah Snyder씨는 jQuery에서 사용할 수 있는 OO(Object-Oriented) 클래스를 사용하게 해주는 라이브러리를 만들었습니다. 마치 Prototype처럼요. 저같은 사람이 또 있었군요. 워~ "super"도 호출합니다. 개인적으로는 OO...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,578, Author: 파이어준
-
jQuery용 새 애니메이션 프레임웍 - GX
Riccardo Degni씨는 GX라는 이름의 jQuery용 애니메이션 프레임웍을 개발하고 공개했습니다. 그는 사실 MooTools용 확장 라이브러리인 moo.rd를 만든 장본인입니다. GX는 2가지 디자인 패턴으로 개발되었는데, 하나는 "덜...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,201, Author: 파이어준
-
한자키 누르면 나오는 특수문자들
ㅂ+ 한자 키 ─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ │ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ ┒ ┑┚┙┖ ┕ ┎ ┍ ┞ ┟ ┡ ┢ ┦ ┧ ┩ ┪ ┭ ┮ ┱ ┲ ┵ ┶ ┹ ┺ ┽ ┾ ╀ ╁ ╃ ╄ ╅ ╆ ╇ ╈...
Category: 자료, Reactions: 10, Views: 124,374, Author: 파이어준
-
클릭히트(히트맵) 한국어 추가 패치
방문객의 클릭을 비주얼라이즈하는 클릭히트(히트맵)이 모르고 있던 사이에 1.8(beta)까지 업데이트 되었더군요. 1.5버전을 2007년에 설치하여 지금까지 사용해 오다가 이번 주말에 업데이트했습니다. 지원하는 언어...
Category: 자료 - 웹개발, Reactions: 2, Views: 26,675, Author: 파이어준
-
대시보드에 들어간 구글맵과 어스 위젯
헐~ 너무나도 쉽게 대시보드용 길찾기 위젯을 만들었습니다!.
Category: 자료 - 웹개발, Reactions: 2, Views: 32,644, Author: 파이어준
-
The World of ECMAScript
(Released under the GPL v2 [SVG]) John Resig씨가 ECMAScript를 중심으로 재미있는 다이어그램을 그렸네요. 2007년 말에 작성된 것이라 구글 크롬의 V8 등과 관계는 누락되어 있지만 ECMAScript의 영역을 한눈에 보여주고 있습니다....
Category: 자료 - 웹개발, Reactions: 0, Views: 22,988, Author: 파이어준
-
Prototype 리팩토링하기
이 내용 역시 kangax씨가 작성한 것으로, Prototype 코드를 효율적으로 리팩토링한 예제입니다. 사실, 리팩토링이라기 보다는 Prototype의 유틸리티 함수의 활용법을 알리려는 것 처럼 보이네요. 반복 1 반복 2 삼항 연산...
Category: 자료 - 웹개발, Reactions: 0, Views: 17,250, Author: 파이어준
-
'with'의 사용으로 자바스크립트 성능개선
kangax씨가 2007년 9월에 작성한 내용입니다. "with" 명령문(Statements)으로 자바스크립트 성능을 향상시키는 방법에 대하여 다루고 있습니다. 아래의 코드를 실험해 보십시오..
Category: 자료 - 웹개발, Reactions: 3, Views: 30,547, Author: 파이어준
-
Prototype의 시맨틱 컨스트럭쳐 패치
요즘 kangax씨의 블로그를 즐겨 보고 있습니다. 배울점이 참 많네요. 다음 내용은 Prototype의 Class.create를 이용해서 생성한 함수에서 비롯된 작은 불만을 해결하는 내용을 담고 있습니다. 객체를 검증하는 가장 쉬운...
Category: 자료 - 웹개발, Reactions: 0, Views: 21,942, Author: 파이어준
-
파이어버그 1.3.3 업데이트
파이어버그가 1.3.3으로 업데이트 되었습니다. Net 패널에서 XMLHttpRequest를 잡지 못하는 문제(1456)와 UTF-8 인코딩 문제를 수정했다고 합니다. 콘솔의 라인넘버 출력 오류는 제가 모르던 사이에 벌써 수정되었네요. 업...
Category: 자료 - 웹개발, Reactions: 0, Views: 19,014, Author: 파이어준
-
회사로부터 맥북에어를 지원 받았습니다.
꿈에라도 사용해보고 싶었던 맥북에어를 회사로부터 지원받았습니다. 사실, 이러한 럭셔리 하드웨어를 업무용으로 요구하는 것 자체가 거의 미친짓(?)에 가깝고, 명목이 분명하지 않은 하드웨어를 지원받는 것은...
Category: 일상 - 업무, Reactions: 14, Views: 45,204, Author: 파이어준
-
Box2D 물리엔진을 자바스크립트로 포팅한 Box2DJS
Robert Kieffer씨는 Box2D 물리엔진(Physics Engine) 라이브러리를 자바스크립트(Canvas 엘리먼트 사용)로 포팅한 Box2DJS를 공개하고 위와 같은 랜더링 결과물을 만들어 냈습니다. Box2D는 객체의 접촉과 마찰을 매우 사실적으로...
Category: 자료 - 웹개발, Reactions: 4, Views: 68,319, Author: 파이어준
-
구글어스 브라우저 플러그인, 구글크롬 공식 지원
드디어 구글어스 브라우저 플러그인이 맥 플랫폼 지원에 이어서 구글크롬 브라우저를 공식으로 지원하기 시작합니다. 자세한 업데이트 내역은 릴리즈 노트를 참고하세요. 구글어스 자바스크립트 API를 이용해서...
Category: 자료 - 웹개발, Reactions: 4, Views: 26,974, Author: 파이어준
-
알서포트(RSUPPORT)에 입사하였습니다.
지난 16일, 알서포트라는 회사에 입사하였습니다. 이 회사는 매우 훌륭한 리모트 컨트롤 기술을 보유하고 그 기술을 바탕으로 한 여러 제품들을 세계적으로 공급하는 회사입니다. 사실, 게임 개발사에서 UI를 만드...
Category: 자료 - 웹개발, Reactions: 17, Views: 73,226, Author: 파이어준
-
구글어스 + 구글맵 API로 구현한 한국지도 길찾기
이번엔 구글어스 API와 한국지도 길찾기를 연동해 보았습니다. 위 화면이 보이지 않는 분은 플러그인을 별도로 설치해야 합니다. KML을 다루는 것과 시점 조작, 그리고 마커 생성 등에 대한 기초적인 사용방법을 익...
Category: 자료 - 웹개발, Reactions: 21, Views: 90,404, Author: 파이어준
-
구글맵 API로 구현한 한국지도 길찾기
구글맵 API에 다음 지도의 길찾기 검색 결과를 훔쳐(?)와서 조악한 길찾기 애플리케이션을 만들어 보았습니다. 이번 작업 역시 maps.js를 사용하였으며, 다음 지도는 콩나물 좌표계를 기본으로 사용기 때문에 'con...
Category: 자료 - 웹개발, Reactions: 29, Views: 100,743, Author: 파이어준
-
한국어 지도 서비스 적용된 구글맵 API
지난해 11월 초, 구글맵은 한국어 서비스를 시작하였습니다. 그러나 구글맵 API에는 반영되어 있지 않았죠. 4개월째 접어든 지금도 마찬가지 입니다. 혹시나 해서 maps.google.co.kr을 살펴 보다가 한국의 상세 지도를 야...
Category: 자료 - 웹개발, Reactions: 5, Views: 35,186, Author: 파이어준
-
2008년 한 해 내 블로그 결산
늦은 감이 없지 않지만, 2008년 한 해 동안 구글 Analytics에 기록된 주요 웹사이트 통계를 공개합니다. 2007년 통계 자료와 비교해 보니 글의 수와 빈도가 적고, 개발과 관련된 내용만을 주로 다루어서 그런지 그리 성...
Category: 자료 - 블로그, Reactions: 4, Views: 20,211, Author: 파이어준
-
찌들은 자신으로부터의 휴가...
블로그 운영을 잠정적으로 중단합니다. 얼마전에 작장을 그만두었습니다. 회사나 자신에게 모두 손해라는 생각이 들었기 때문입니다. 무언가 다른 시도를 해 보려고 준비중이에요. 조만간 새로운 모습으로 다시...
Category: 일상, Reactions: 0, Views: 21,704, Author: 파이어준
