-
구글 차트(Chart) API
지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 Canvas 태그를 이용해서 파이 그래프, 라인 그래프, 막대 그래프 등을 표현하게 하는 트릭(?)과는 완전히 다른 개념으로 도표를 생성하는 구글 차트...
Category: 자료 - 웹개발, Reactions: 7, Views: 68,102, Author: 파이어준
-
ProjectWiki(aka wiki.firejune) 오픈합니다.
프로젝트 범용으로 사용할 위키기반 사이트가 필요해서 뚝딱 만든 ProjectWiki (aka wiki.firejune)를 오픈합니다. 얼마전에 릴리즈한 Ajax Tracker가 저의 첫 번째 위키 컨텐츠입니다. 위키 도구로는 PHP로 짜여진 WikiWikiWeb 시...
Category: 정보 - 웹2.0, Reactions: 8, Views: 46,485, Author: 파이어준
-
Ajax 마우스 트래커 - AjaxTracker 릴리즈
얼마 전에 소개했던 "자바스크립트와 Ajax로 방문객 마우스 활동 기록하기"에서 아이디어를 얻어 어느 사이트에서나 사용 할 수 있는 마우스 트래킹 프로그램인 AjaxTracker를 만들고 배포합니다. Marcel Oelke씨...
Category: 자료 - 웹개발, Reactions: 19, Views: 64,607, Author: 파이어준
-
블로그 가치상승 프로젝트
이번 페이지랭크 사태로 인해 지금까지의 나태함을 반성하고 경각심이 자극되어 몇가지 다짐을 했습니다. 다음 페이지랭크가 업데이트되기까지 앞으로 실천해야 할 것들을 두서없이 정리해 봅니다. 우선 분석적...
Category: 자료 - 블로그, Reactions: 0, Views: 40,540, Author: 파이어준
-
iBookmark(aka i.firejune.com) 업데이트
아이폰/아이팟 전용 모바일 사이트인 iBookmark(aka i.firejune.com)가 업데이트 되었습니다. 약 300여건의 모바일 사파리 웹 애플리케이션 및 게임 자료의 검색과 즐겨찾기 기능을 지금부터 사용할 수 있습니다. 부가적으...
Category: 자료 - 웹개발, Reactions: 0, Views: 46,335, Author: 파이어준
-
iPhone & iPod 전용 iBookmark오픈합니다.
iBookmark(aka i.firejune.com)는 아이폰과 아이팟 터치에 내장된 브라우저에 최적화된 사이트로서 지금까지 모바일 사파리용으로 개발된 웹 애플리케이션 및 게임들의 정보를 데이터베이스화하여 바로 접속/실행할 수 ...
Category: 정보 - 모바일, Reactions: 12, Views: 51,561, Author: 파이어준
-
자바스크립트 실시간 압축기 - Minify
엄밀히 말해 코드를 압축하는 것은 아니고 자바스크립트 코드에 들어있는 주석, 공백 등을 제거해 용량을 줄여 페이지 로딩속도를 높이는 방법입니다. 이 행위를 도와주는 Minify는 실시간으로 멀쩡한 자바스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 69,911, Author: 파이어준
-
아이팟 터치가 도착했습니다.
가슴 설레며 기다리던 아이팟 터치가 예정일보다 하루 일찍 도착했습니다. 좋은 점들이야 귀가 아프게 들으셨을테니 생각보다 실망한 점들을 추려서 말씀드리겠습니다.(어디까지나 저의 주관입니다.) 우선 윈도...
Category: 정보 - 모바일, Reactions: 10, Views: 52,664, Author: 파이어준
-
클릭 히트맵 비주얼 애널리틱스 - ClickHeat
ClickHeat은 HTML 문서영역에서 발생하는 모든 클릭을 감시하여 비주얼라이즈(visualize)하는 색다른 분석도구(analytics)이다. 클릭 이벤트를 자바스크립트로 감시하고 좌표와 문서크기 브라우저의 종류 등이 담긴 정보를...
Category: 정보 - 웹2.0, Reactions: 0, Views: 68,842, Author: 파이어준
-
올라데이(oladay.com) 오픈베타 런칭
올라데이(oladay.com, 프로젝트명 기네스)가 드디어 베타딱지를 달고 세상에 공개되었습니다. 올라데이는 신형 블로그 서비스입니다.(이해를 도울만한 마땅한 비교 대상이 없군요. 써보시면 압니다. -.-) 기존의 블로...
Category: 정보 - 웹2.0, Reactions: 21, Views: 108,224, Author: 파이어준
-
Prototype기반 멀티플 업로드 - FancyUpload
Harald Kirschner씨는 MooTools 자바스크립트 라이브러리와 플래시를 이용하여 복수 파일을 업로드할 수 있게하는 FancyUpload를 만들고 공개했다. 파일들의 관리를 위한 업로드 큐와 전송 과정을 효과적으로 표현하는 프로...
Category: 자료 - 웹개발, Reactions: 26, Views: 99,206, Author: 파이어준
-
아이팟 터치(iPod Touch)
아이폰에서 휴대폰 모듈만 제거한 애플의 신제품인 아이팟 터치(16GB)를 한국 애플스토어에서 질렀습니다. 10월 입고 예정이며 가격은 434,000원(VAT 포함) 입니다. 아이팟의 뒷면에 메시지를 무료로 새겨주는 레이저...
Category: 일상 - 지름, Reactions: 10, Views: 31,120, Author: 파이어준
-
Prototype기반 iGoogle UI 구현 클래스 - Portal
Prototype에 기반하는 프로젝트를 여럿 소개한 바 있는 Sebastien Gruhier씨는 또다시 놀라운 컴포넌트를 공개하였습니다. Scriptaculous 라이브러리를 적극 활용하여 iGoogle과 Netvibes와 같은 위젯기반 UI를 제공케 할 수 있는...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,731, Author: 파이어준
-
Prototype 기반 Fancy menu
Guillermo Rauch씨는 MooTools 자바스크립트 라이브러리와 CSS를 이용하여 재미있는 메뉴 네비게이션 효과를 만들었다. 메뉴 항목에 마우스가 이동할 때 마다 배경이미지에 시각적인 변화가 발생하며, 간단한 마크업만으...
Category: 자료 - 웹개발, Reactions: 12, Views: 43,476, Author: 파이어준
-
구글 기어즈 - 데이터베이스 ORM 0.1
Uriel Katz씨의 Google Gears ORM 프로젝트가 드디어 모습을 드러냈다. 이번 버전은 JSON 또는 Real foreign key(SQLite는 이 것을 지원하지 않음)를 쉽게 읽고 쓸 수 있으며, trigger도 사용할 수 있는 버전이라고 한다. 아래의 예제...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,729, Author: 파이어준
-
운동법칙 적용된 드래그앤드롭 - Physical.js
애플의 아이폰(iPhone)과 제품 슬라이드 바에서 영감을 얻어 물체를 옮길 때 작용과 반작용이 일어나는 물리법칙을 드래그앤드롭 오브젝트에 적용하여 테스트 샘플 라이브러리로 만들어 보았습니다. Prototype.js와 S...
Category: 자료 - 웹개발, Reactions: 7, Views: 37,975, Author: 파이어준
-
26일간 올블릿2 관련상품 광고 결과
지난 5월 25일부터 지금까지 올블릿2의 관련상품 광고를 실시했습니다. 결과는 참혹합니다. 전체 통계를 보면 노출수 47,591, 클릭수 26, 클릭율 0.05%, 구매수 0, 구매율 0%, 수입 0원입니다. 광고의 형식은 상품명과 가...
Category: 정보 - 웹2.0, Reactions: 5, Views: 39,618, Author: 파이어준
-
구글 기어즈 - DB 추상화
Ajaxian의 Dion Almaer씨는 구글 기어즈(Google Gears)의 API는 너무 저수준이라며 불평을 토로하고, 기어즈 데이터베이스 객체의 간단한 추상화를 위한 gears-dblib를 공개했다. 위 코드의 파이어버그(라이트)에서 돌아가는...
Category: 자료 - 웹개발, Reactions: 4, Views: 29,039, Author: 파이어준
-
오프라인 Ajax가 가지는 의미 - Google Gears
Google Developer Day에서 발표된 Google Gears(구글 기어즈)는 오프라인에서도 온라인처럼 사용할 수 있는 클라이언트 스토리지 솔루션입니다. 특징을 보면, SQLite를 이용한 데이터 처리 및 문서 검색, 서버와 클라이언트...
Category: 정보 - 웹2.0, Reactions: 0, Views: 34,594, Author: 파이어준
-
whos.amung.us Widget AjaxExtention
얼마 전 whos.amung.us를 알게되어 설치하였습니다. 의외로 흥미로운 블로그 위젯이더군요. 이 위젯은 사용자의 어떠한 요구도 없이 간단한 코드의 복사와 붙이기만으로 자신의 블로그에 현재 접속중인 사용자가 어...
Category: 자료 - 웹개발, Reactions: 2, Views: 49,695, Author: 파이어준
-
검색엔진 키워드 강조표시하기(업데이트)
인터넷 사용자의 70퍼센트 이상이 정보검색에 목적을 두고 있으며, 70퍼센트 이상의 방문객이 검색 사이트를 경유하여 방문하고 있다. 이 블로그또한 예외는 아니다. 검색을 통해 방문한 사용자의 편의를 위해 키...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,020, Author: 파이어준
-
올블릿2를 달아 보았습니다.
겸사겸사(이벤트 참여, Adsense와 벤치마킹, 소스분석)해서 초 경량으로 달아보았습니다. 아시다시피 올블로그의 올블릿2 부터는 관련글 노출 외에도 구글 Adsense처럼 맞춤 광고서비스가 물려 있습니다. 관련글 노출...
Category: 정보 - 웹2.0, Reactions: 4, Views: 31,660, Author: 파이어준
-
올라로그 베타2 서비스 오픈
사진기반 인생관리 서비스인 올라로그가 프리베타, 오픈베타를 거쳐 정식베타2 서비스를 실시합니다. 이번 베타2 서비스의 코드네임은 코로나입니다. 코로나는 다방면에 걸친 UX실험과 유저 피드백을 결합한 결정...
Category: 정보 - 웹2.0, Reactions: 2, Views: 71,613, Author: 파이어준
-
파이어버그의 콘솔을 이용한 자바스크립트 트레이스
파이어폭스(Firefox)의 자바스크립트 디버그(debug) 도구인 파이어버그(Firebug)를 이용한 트레이스(trace) 방법을 소개한다. 파이어버그는 훌륭한 디버깅(debugging) 콘솔(console)을 가지고 있다. 간략하게 콘솔에 대해 설명...
Category: 자료 - 웹개발, Reactions: 1, Views: 58,213, Author: 파이어준
-
Ajax prototype 하루만에 끝내기 세미나
홍보합니다. 'Ajax prototype.js 프로토타입 완전분석'의 저자인 김영보씨는 책 중심의 세미나를 개최합니다. 주로 다룰 내용은 Prototype.js의 전반에 걸친 이해와 활용입니다. 본 세미나의 목적은 바쁜 현대인을 위한 쪽...
Category: 정보 - 웹2.0, Reactions: 3, Views: 71,732, Author: 파이어준
-
별점평정 위젯, JS-Kit
js-kit.com에서 서비스하는 별점평정 위젯입니다. HTML 문서의 어디에나 붙이기 편한 형태로 제작되어 배포되고 있습니다. 별점평정 뿐만아니라 설문조사 및 댓글 그리고 댓글과 혼합된 평정 서비스를 모두 무료로 제...
Category: 정보 - 웹2.0, Reactions: 7, Views: 43,941, Author: 파이어준
-
자바스크립트 동적호출 구현하기
최근 자바스크립트의 사용량이 많아지면서 트래픽도 덩달아 증가하고 있다. CPU 연산 의존도가 높은 자바스크립트는 당장 필요치않은 라이브러리들까지 처리하려니 브라우저도 죽을 맛이다. 조금 더 효율적인 처...
Category: 자료 - 웹개발, Reactions: 14, Views: 56,559, Author: 파이어준
-
Rewrite 모듈(mod_rewrite)의 %2F 문제
예를 들어 모드-리라이트(mod_rewrite)가 지원되는 서버 환경에서 태터툴즈 클래식에 위와 같은 RewriteRule을 .htaccess에 적용하면 다음과 같은 URL로 검색결과에 접근할 수 있게됩니다. firejune.com/search/검색 urlencode = %EA%B...
Category: 자료 - 블로그, Reactions: 3, Views: 49,175, Author: 파이어준
-
Prototype base multi-select API
자바스크립트로 구현한 Prototype.js 프레임웍 기반 다중 선택기 API를 소개합니다.(API라고 하기에는 좀 부끄럽군요) 최초 올라로그 오픈베타 프로젝트에 사용되었습니다. 데스크탑 애플리케이션 못지않은 UI를 구현...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,611, Author: 파이어준
-
인터넷 익스플로러 핵(Hack) 가이드
IE7이 나오고 약 5개월이 지났다. Market Share의 자료를 보면 현재 IE7의 점유률은 약 30%로 이대로라면 머지않아 IE6 사용자수를 넘어서고 세계 최고의 점유율을 차지할 전망이다. 더불어 파이어폭스 사용자도 꾸준히 ...
Category: 자료 - 웹개발, Reactions: 1, Views: 55,169, Author: 파이어준
-
Prototype 기반 어안메뉴
Alexei@Nitobi에서 배포한 것을 Prototype.js기반으로 만들었습니다. 만들다 보니 소두마빈님께서 '붐바'라는 이름의 플러그인으로 벌써 마가린에 배포하셨더군요. 작동방식은 둘다 비슷한데 묘한 차이점이 있어...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,741, Author: 파이어준
-
자바스크립트 이미지 크로퍼 UI
Dave Spurr씨는 Prototype.js와 Scriptaculous기반의 자바스크립트 이미지 크로퍼 UI(유저 인터페이스) 라이브러리를 만들었습니다. 이미지의 특정한 영역을 드래그하여 선택된 영역의 크기와 좌표 값를 반환해 줍니다. 영역...
Category: 자료 - 웹개발, Reactions: 4, Views: 46,842, Author: 파이어준
-
Javascript가 그려낸 둥근 모서리 - Transcorners
계속해서 미루어 오다가 이제서야 소개합니다. Transcorners는 대상 엘리먼트의 모서리에 라운드(또는 대각선) 효과를 부여하는 자바스크립트 효과입니다. 가볍기로 잘 알려진 mootools 자바스크립트 프레임웍을 기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 55,234, Author: 파이어준
-
Ajax Prototype.js - 프로토타입 완전분석
Prototype.js의 구석구석을 파해쳐 풀이한 도서가 4월에 출간될 예정이다. 영광스럽게도 본 도서의 베타리뷰를 맡아 진행하면서 느낀점을 간략하게 리뷰해 본다. 김영보 저자의 "Ajax Prototype.js - 프로토타입 완전...
Category: 자료 - 웹개발, Reactions: 8, Views: 43,429, Author: 파이어준
-
자바스크립트 코드 하이라이터
Dan Webb에서 만든 자바스크립트 코드 하이라이터입니다. 아래에 보시는 것처럼 멋드러지게 드로잉합니다. HTML, 자바스크립트, 스타일시트 그리고 루비의 코드를 기본으로 지원하며, 확장 가능한 형태로 구축되어 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 29,912, Author: 파이어준
-
모드-리라이트(mod_rewrite) 적용하기
URL에 모드-리라이트(mod_rewrite) 를 적용했습니다. 이 것은 URL에 재작성 규칙을 설정하여 보다 직관적이고 접근성이 좋은 모양으로 변형하여 라우팅합니다. 예를들어 "firejune.com/index.php?pl=1053" 과같은 지저분...
Category: 자료 - 블로그, Reactions: 1, Views: 48,710, Author: 파이어준
-
인클루드 (자바스크립트 || 스타일시트) 파일
RadRails의 파일 인클루드 방식을 자바스크립트로 흉내내어 보았습니다. 인자로 파일명을 문자배열로 넘기면 순차적으로 로드합니다. Prototype.js를 사용하며 Ajax로 구현된 별도의 페이지에 필요한 라이브러리를 개별...
Category: 자료 - 웹개발, Reactions: 13, Views: 45,809, Author: 파이어준
-
ExplorerCanvas 라이브러리 예제
ExplorerCanvas를 사용한 Canvas 태그 예제입니다. 클라이어트의 CPU사용량 급증, 좀금씩 프레임이 끊기는 문제는 해결해야 할 과제로군요. 돌아가는 것을 직접보니 신기하기까지합니다. 더많은 예제를 보려면 bodytag.org...
Category: 자료 - 웹개발, Reactions: 3, Views: 32,746, Author: 파이어준