-
MIT 라이센스 링크는 이제 mit-license.org로
지금까지 많은 사람들이 Open Source Initiative의 MIT 라이센스 페이지를 이용하여 MIT 라이센스를 명시해 왔습니다. 왜냐하면 라이센스 전문을 복사해서 쓰는 번거로움을 피할 수 있었기 때문이죠. 보통 권리자의 이름...
Category: 자료 - 웹개발, Reactions: 9, Views: 927,761, Author: 파이어준
-
Node.JS와 Express를 이용한 디렉터리 파싱
어떠한 데이터라도 받기만 하면 비주얼라이제이션하는 데에는 자신있다고 자부해 왔습니다. 그러나 며칠간 고민에 빠져들게 하는 과제가 하나 생겼습니다. 그것은 바로 '/dir1/dir2/file.name'과 같은 형식으로 반환되...
Category: 자료 - 웹개발, Reactions: 7, Views: 563,617, Author: 파이어준
-
Node.JS에서 대용량 파일 전송을 미친듯 빠르게
요즘 OpenStack Object Storage(Swift)를 가지고 놀고있습니다. Swift는 아마존(Amazon)의 S3 서비스와 유사한 오픈소스화 된 오브젝트 스토리지 서비스이며 최근 주목받는 클라우드 솔루션입니다. 두드러진 특징은 ReSTful API를...
Category: 자료 - 웹개발, Reactions: 18, Views: 268,366, Author: 파이어준
-
섹시한 자바스크립트 코딩 컨벤션
자바스크립트를 코딩함에 있어서 그동안 습득했던 문법 규칙, 팁, 노하우, 등을 이곳에 정리합니다. 여기에서 다루는 내용은 읽는 사람에 따라서는 저수준 리팩토링일 수 있고, 성능 최적화일 수도 있고, 가독성...
Category: 자료 - 웹개발, Reactions: 32, Views: 162,924, Author: 파이어준
-
HTML5를 이용한 네이티브 앱 개발 도구들
새로 들어간 회사일로 HTML5를 이용하여 네이티브 앱 개발을 할 수 있는 도구들을 조사했습니다. 대표적으로 Appcelerator에서 개발한 Titanium과 Nitobi에서 개발한 PhoneGap이 있습니다. 이들은 급변하는 환경에 발빠르게 ...
Category: 자료 - 웹개발, Reactions: 11, Views: 235,094, Author: 파이어준
-
어느 엉뚱한 개발자의 선서문
나는 IT 기술이 사회적인 책임을 다하는 보다 나은 자동화 사회를 위하여 개발할 것을 맹세합니다. 나는 자연과 사람에 해를 끼칠 수 있는 목적으로 내 지식을 사용하지 않을 것이며, 개발에 착수하기 앞서 나의 아...
Category: 일상 - 뻘짓, Reactions: 20, Views: 171,900, Author: 파이어준
-
Cloud9 IDE 기능 확장하기
Cloud9 GitHub에 놀러갔다가 뭔가 심상찮은 변화가 있는 듯하여 "git pull" 때렸더니 소스가 주룩주룩 갱신됩니다. 서브 모듈들도 왕창 업데이트 되었더군요. 참고로 저는 devel 브랜치를 빌드해서 운용합니다. 로그인 기...
Category: 자료 - 웹개발, Reactions: 3, Views: 140,675, Author: 파이어준
-
Node.JS에서 컬러풀한 콘솔 디버깅을 - Clog 배포
Node.JS 코드를 다루면서 조금 아쉬운점 하나는 콘솔 디버깅이었습니다. 이게 console.log, console.info, console.warn 그리고 console.error를 구분하지 못하고 모두 일반 텍스트로 나오는 것이었습니다. 그래서 Socket.IO의 콘솔이...
Category: 자료 - 웹개발, Reactions: 8, Views: 94,458, Author: 파이어준
-
Socket.IO 학습 - 패킷을 절약하여 효율성 높이기
이전 학습에서 Socket.IO의 퍼블릭/브로드캐스트/프라이빗 전송 개념에 대해 알아보았습니다. 프라이빗 전송을 이용하면 특정 대상에게만 패킷을 소비할 수 있다는 사실을 알 수 있었죠. 이를 응용하여 이 번 시간에...
Category: 자료 - 웹개발, Reactions: 7, Views: 107,343, Author: 파이어준
-
Socket.IO 학습 - 퍼블릭/브로드캐스트/프라이빗 구분
퍼블릭/브로드캐스트/프라이빗 전송 개념은 Socket.IO를 사용하면서 익혀야할 중요한 서버-사이드 개념입니다. 퍼블릭(Public)은 발송자를 포함한 모든 클라이언트들에게, 브로드캐스트는 발송자를 제외한 다른 모든...
Category: 자료 - 웹개발, Reactions: 4, Views: 85,124, Author: 파이어준
-
Socket.IO 사용시 집고 넘어야 할 한 가지
웹소켓과 폴링(polling)방식의 소켓이 공존하는 Socket.IO를 사용해 보면서 간과해서는 안될 점에 대해서 별도의 포스트로 작성합니다. 이전 포스트에 작성한 내용이지만 주제와 무관하여 다시 작성했습니다. 지금까...
Category: 자료 - 웹개발, Reactions: 10, Views: 109,520, Author: 파이어준
-
Node.JS용 MVC 프레임워크 Express - 문서 번역
Node.JS용 MVC 프레임워크인 Express를 사용해 보면서, 쓰면 쓸수록 잘 만들었다는 생각이 들어 학습에 목적을 둔 날번역을 주말내내 진행했습니다. 생각보다 양이 많지 않아 약 50% 정도 진행되었으며, 주중으로 마무리...
Category: 자료 - 웹개발, Reactions: 16, Views: 249,155, Author: 파이어준
-
Cluster를 이용한 Node.JS의 멀티-코어 서버 관리
얼마전 LearnBoost에서 개발한 Cluster라는 Node.JS용 모듈을 알게되었습니다. 이 모듈은 노드 애플리케이션을 멀티-코어로 구동시켜 줍니다. 마스터, 워커로 간단하게 구성된 계층구조를 가지며 워커는 하나의 물리적인...
Category: 자료 - 웹개발, Reactions: 7, Views: 138,250, Author: 파이어준
-
리얼타임 서버 스테이트 비주얼라이제이션
지난번에 소개한 Jason Davies씨의 websocket-activity-monitor 소스 리파지토리를 포크해서 재구성해보았습니다. 이것은 실시간으로 서버의 활성상태를 모니터링하는 프로젝트입니다. iostate에서 흘려주는 정보들을 조금더...
Category: 자료 - 웹개발, Reactions: 12, Views: 123,647, Author: 파이어준
-
firejune.io 도메인 구입과 HTTP 프록시 구성
firejune.io 도메인을 구입했습니다. nic.io 도메인은 국가 도메인으로 영국령 인도양식민지의 공식 국가 도메인입니다. 국가 도메인을 구입할 수 있는 가비O에서 등록시 1년 유지비용이 22만원(VAT포함)으로 상당히 비...
Category: 자료 - 웹개발, Reactions: 1, Views: 152,394, Author: 파이어준
-
Socket.IO를 이용한 리얼타임웹 구현하기
Socket.IO가 왜 크로스-브라우저를 지원하는지, 어떻게 구동되는지 이해하기 위해 소스를 살짝 들여다 보았습니다. Socket.IO에서 제공되는 이벤트 핸들러 외 nativeJSON 애뮬레이션 그리고 코드의 대부분이 통신 방식에...
Category: 자료 - 웹개발, Reactions: 12, Views: 186,920, Author: 파이어준
-
마우스 포인트 커뮤니케이터 - Smails
오래전 Jabbify용으로 만들었던 마우스 포인트 트래킹 커뮤니케이터에 기능을 보강하여 Socket.IO용으로 다시 만들어 보았습니다. 이 사이트에 접속한 사용자의 마우스 위치가 스마일 모양으로 공유되며, 다른 사용자...
Category: 자료 - 웹개발, Reactions: 6, Views: 84,350, Author: 파이어준
-
가상서버호스팅 시작과 iRoute.mobi 재오픈
가상서버 호스팅이 있다는 사실은 알고있었지만 폭풍삽질의 기운이 엄습하여 감히 엄두도 못내고 있었습니다. 그러다 문득 iroute.mobi 도메인 사놓고 놀리기도 아깝다는 생각이 들었고, WebSocket 장난감 정도는 하나...
Category: 자료 - 웹개발, Reactions: 5, Views: 128,215, Author: 파이어준
-
자바스크립트로 SVG 지원여부 확인하기
푸하하! 결국에는 SVG 로고를 홈페이지에 적용했습니다. 위 화면은 적용후 파이어폭스 5에서 300% 확대하여 캡쳐한 화면입니다. SVG지원 여부를 판단하기 위한 스크립트를 서너개 찾았는데 그 중에서도 애플에서 사...
Category: 자료 - 웹개발, Reactions: 14, Views: 171,139, Author: 파이어준
-
네비게이션 메뉴에 SVG 적용한 애플홈
최근 홈페이지 리뉴얼 프로젝트를 중간에 인수받아 우여곡절 끝에 마무리하고 성공적으로 오픈했습니다. 안정화 기간이라서 여러 개선/교정/변경 사항들이 속출하고 있는 가운데 참 재미있는 항목이 하나 있었습...
Category: 자료 - 웹개발, Reactions: 23, Views: 158,854, Author: 파이어준
-
웹캠과 페이스 트래킹을 이용한 패럴랙스 효과
이번에도 웹캠을 이용한 페이스 트래킹을 이용하여 패럴랙스 효과에 적용해 보면 재미있겠다는 생각이 떠올라 만들었습니다. 얼굴인식을 시작하면 웹캠화면은 사라지고 현재 얼굴이 위치한 곳에 빨간 사각형이...
Category: 자료 - 웹개발, Reactions: 5, Views: 384,014, Author: 파이어준
-
웹캠을 이용한 페이스 트래킹
자바스크립트 얼굴인식 엔진을 이용하여 웹캠에서 출력되는 영상에 실시간 면상 추적 기능을 만들면 재미있겠다는 생각이 들어 급조해 보았습니다. Video conferencing API는 아직도 드래프트 상태더군요. 왠 뻘짓이냐...
Category: 자료 - 웹개발, Reactions: 5, Views: 74,172, Author: 파이어준
-
자바스크립트와 HTML5 Canvas를 이용한 얼굴인식
Devon Govett씨는 자바스크립트와 HTML5의 Canvas API를 이용하여 사진에서 얼굴을 발견하는 프로그램을 작성했습니다. iPhoto나 Picasa에서 제공하는 얼굴 감지 기능과 같은 것입니다. 얼굴을 감지해 내는 알고리즘은 C기...
Category: 자료 - 웹개발, Reactions: 11, Views: 120,990, Author: 파이어준
-
WebGL 레슨 0 - 시작하기
WebGL을 스스로 학습하기 위한 목적으로 Giles Thomas씨가 운영중인 Learning WebGL의 레슨을 번역하며 실행해 보기로 마음먹었습니다. Giles씨 역시 WebGL을 학습하기 위한 목적으로 시작한 레슨이라고 합니다. 여기에 소개...
Category: 자료 - 웹개발, Reactions: 28, Views: 150,307, Author: 파이어준
-
블로그 리뉴얼 준비중입니다.
2005년에 적용해서 지금까지 고집해해 오던 블로그 레이아웃을 버리고 새로운 디자인을 야심차게 준비하고 있습니다. 24ways.org에서 디자인 영감을 얻었으며 기존 디자인의 가지는 아이덴티티를 병합하려고 시도하...
Category: 자료 - 블로그, Reactions: 14, Views: 57,428, Author: 파이어준