HBS의 FreeTalk

자바와 자바스크립트의 관계는?

Wed, 14 Mar 2012 23:58:47 +0900

정답은?

매트로UI(MetroUI) DatePicker 사용

Sun, 04 Mar 2012 02:07:08 +0900

매트로UI의 datepicker 를 쓰는 방법입니다.(function(){ "use strict"; // This function is called whenever a user navigates to this page. It // populates the page elements with the app's data. functionready(element,options){ // TODO: Initialize the fragment here. $(function(){ varmain =$('#main').html('

DatePicker Example

Add a DatePicker Declaratively

'), datepicker=$('

').each(function(){ $(this).data('DatePicker',newWinJS.UI.DatePicker(this)); }), btn =$('

매트로UI에 jQuery 추가

Sun, 04 Mar 2012 02:00:43 +0900

매트로UI 개발시 jQuery 같은 라이브러리 도움 없이 하려면 좀 고되죠./js/ 폴더 안에 jQuery 넣고 쓰면 잘 동작 합니다.물론 default.html 에 스크립트 추가가 필요default.html 에만 넣어두면 다른 페이지들에서도 사용이 가능..

linq for javascript - linq.js

Fri, 02 Mar 2012 00:46:23 +0900

http://linqjs.codeplex.com/

SlrClub 코멘트 자동등록기

Fri, 27 Jan 2012 01:05:40 +0900

심심해서 함 만들어 봤습니다.slrclub 안에서만 사용 가능하고.. 용도는..자기가 원하는 시간에 정확히 코멘트를 올릴 수 있습니다.서버측과의 시간차를 고려해 자동으로 코멘트 등록 시간을 계산하게 됩니당네트웍 속도에 따라 일부 오차가 발생할수 있는데..제경우는 한 10번 테스트 해보니 모두 초단위까지 정확히 들어갔네용.사용법은.. 우선http://jsfiddle.net/hbsto/4km6f/위 사이트에 가서 보시면 eval~~~ 어쩌고 하는 코드가 좌하단에 있습니다.이거 우선 복사합니다.[구글크롬]위에 코드(길긴 한데.. 1줄입니다) 앞에 javascript: 를 붙입니다.javascript:eval~~~ 이 되겠죠.이걸 코멘트 달고자 하는 글에서 주소창에 붙어넣고 엔터 누.......

XMLHttpRequest Level 2 (XHR2)

Sat, 14 Jan 2012 23:00:35 +0900

HTML5 에서 추가된 스팩 중 XHR2 가 있습니다. (http://www.w3.org/TR/XMLHttpRequest2/)XHR 은 이미 요즘엔 흔하게 사용되는 Ajax 의 기반이 되는 XMLHttpRequest 를 줄여 부른겁니다.이것이 HTML5 스팩에서 좀 더 많은 기능들을 포함하면서 Level 2 로 발표되었고,이를 지원하는 브라우저들이 늘어나고 있습니다.현 시점에서 XHR2 를 지원하는 브라우저는 아래와 같습니다. 　IEFirefoxChromeSafariOperaiOS SafariOpera MiniOpera MobileAndroid Browser12 versions back　　4.0: 알수없음　　　　　　11 versions back　　5.0: 알수없음　　　　　　10 versions back　　6.0: 알수없음　　　　　　9 versions back　2.0: 미지원.......

[WOW] 실시간 해킹장면 목격 ㅋㅋ

Mon, 19 Dec 2011 09:12:58 +0900

어제 데스윙 광기 잡고있는데 한 술사분이 튕기는 겁니다.당연히 전멸했고 게임톡에 '저 튕김' 이라고 하시더라구요.근데 자꾸 로그인 하려는데 로그인이 안된다고.. 인증기 번호 누르면 다시 로그인 화면으로 돌아온다고 ㅡ.ㅡ;;;그때 공장님 왈 '그거 해킹클라이언트에요. 빨리 자리 바꾸세요'얘기 들어보니 그게 해커가 해킹 프로그램 깔고 이용자 튕기게 한 다음 재로그인 할때 비번, 인증번호 실시간으로 훑고들어오는 거라네요그 얘기 하자마자 갑자기 오프라인이던 술사 로그인 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ그러더니 귀환석 시전 ㅋㅋㅋ 이 해커놈 골드 털려고 귀한한다고 막으라고 ㅋㅋ사제님이 잽싸게 끌어당겨서 귀환 막았더니 이번엔 물.......

jQuery 드래그 트리거와 알툴바 우클릭 제한 해제 기능 충돌

Wed, 12 Oct 2011 11:17:32 +0900

웹개발을 하면서 가장 짜증나고 스트레스 받는 일 중 한가지를 꼽자면, 모든 로직이 정상적일 때 발생하는 오류를 들 수 있을 겁니다.특히, 특정 환경에서 특별한 경우에만 발생하는 오류의 경우 극심한 스트레스를 받을 수 있으니 노약자는 주의가 필요 하죠 ( ... )최근 2-3일동안 겪었던 저의 극심한 스트레스가 바로 알툴바로 인한 것이었다는 걸 알게 되었습니다.오류 추적 스토리는 모두 제외하고 fact 만 간단하게 정리 하겠습니다.오류 발생 전제조건1. jQuery 1.6 이상을 사용하는 웹 페이지(jQuery UI - dialog 사용)2. Altoolbar 의 마우스 우클릭 제한 해제 기능 활성화3. 웹페이지에서 마우스 우클릭을 눌러 컨텍스트 메뉴를 한번 본.......

PHP Serialize vs Json

Fri, 19 Aug 2011 14:00:42 +0900

문득 PHP 에서 Serialize 변환 속도와 Json 변환속도 중 뭔가 더 빠를까가 궁금해서 해본 테스트.결론은 Serialize 의 압승.Windows PHP 상에서 변환속도는 50% 빠르고 용량은 10% 더 많다.Linux PHP 에서는 장비빨인지 다른 차이인지 모르겠지만 Serialize 가 거의 두배 더 빨랐다.Test result - PHP Serialize -0.930630 seconds18289 kbytesdata valid - true- PHP Json -1.479665 seconds16972 kbytesdata valid - trueend 2.527094 secondsSource $p_start = microtime_float();$str = 'abcdefgasdfasdfasdfasfdabcdefgasdfasdfasdfasfdabcdefgasdfasdfasdfasfdabcdefgasdfasdfasdfasfdabcdefgasdf.......

자바스크립트 성능 향상의 키 #1 - DocumentFragment

Tue, 09 Aug 2011 11:30:18 +0900

웹 페이지 상에서 자바스크립트 성능 향상을 위한 방법을 몇가지를 연재물로 공유해 보도록 하겠습니다.자바스크립트로 DOM 객체를 생성하고 핸들링 할 때, 간단히 성능을 높이는 방법으로 DocumentFragment 를 쓰는 방법이 있습니다.DocumentFragment 가 무엇이고 왜 속도가 올라가는지, 어떻게 사용하는지에 대해 알려드리겠습니다.먼저, DocumentFragment 란.. 웹 페이지에 객체를 생성할 때 생성 객체를 Body 에 넣기 전에 미리 만들어 두는 것을 말합니다.그럼 어디서 성능 향상 포인트가 발생하는지 알아보겠습니다.웹브라우져는 웹페이지 내부의 View 영역 안에 보이는 객체에 변화가 생길 때 reflow 를 하게 됩니다.re·flow명사[U], (전.......

NodeJS on Windows

Mon, 01 Aug 2011 15:14:02 +0900

노드 JS 윈도우 설치 방법에 대한 간단한 기록.1. node.exe 다운로드(0.52)2. 환경변수의 시스템변수 추가> NODE_PATH = 노드JS 설치 경로> PATH = %NODE_PATH% 추가3. 실행 ㅡ.ㅡps. 3rd party module을 사용할땐 nodejs 설치경로 안에 폴더째 넣고 require 하면 됨!자 이제 즐겁게 윈도우에서 let's try ㅋㅋ

자바스크립트 클로저의 이해

Thu, 21 Jul 2011 23:07:16 +0900

고급 자바스크립트 기술로 넘어가면 반드시 이해하고 있어야 할 기술 중 하나가 클로저(closer) 입니다.클로저는 다른 언어들에서는 흔히 보기 힘든,(파이썬도 지원하고.. 최근엔 점차 늘어나고 있어서 php 5.3에서도 클로저를 지원합니다~)그래서 제대로 짚어주는 책이나 참고문헌을 발견해 배우기도 쉽지 않은 부분입니다.(그냥 학교 전공 수업이나 학원 강의로 이거 가르쳐주는 데는 아직 못봤네요 ㅡ.ㅡ)최근 웹프로그래밍 추세가 점차 클라이언트 사이드 즉, javascript 로 넘어오고 있는 이 때..클로저의 역할이 점차 막중해 지고 있습니다.클로저를 안다면 클로저를 쓰지 않고 수십 수백줄의 코드를 작성해야 하는 로직이 단 한줄~몇줄 정.......

IE9 에서 z-index 0 처리가 타 브라우져와 상이한 오류

Thu, 30 Jun 2011 10:12:38 +0900

ie9 및 기타 모던 웹브라우져용 웹 어플리케이션 프레임웍 개발 중 발견하게된 버그네요.jQuery와 HTML 5 스팩에 맞춰 개발하기 때문에 브라우져 특성에 상관 없이 동일한 소스 코드로 동일한 결과물을 만들어 내고 있는데..z-index0 의 경우 ie9 vs 크롬, 파폭, 오페라 네요.다음 샘플을 jQuery 가 있는 페이지에서각 브라우져별로 실행시켜 보시면 동작이 상이하다는 것을 알 수 있습니다.var layer1 = $('

').appendTo('body').css({ 'background': 'yellow', 'position': 'absolute', 'top': 0, 'left': 0, 'width': 100, 'height': 100, 'z-index': 10 }); var layer2 = $('

').appendTo('b.......

리눅스에서 MSSQL bind variable 문제

Mon, 20 Jun 2011 15:56:29 +0900

최근 업무중삽푸고있는 이슈에 대해 간략히 정리해 추후 누군가(혹은 나자신-_-)에게 참고될 요소를 써두고자 함.ms-sql 계열의 DB는 리눅스에서 접근하기 쉽지 않다.그나마 MS에서JDBC Driver 를 직접 제공하기 때문에 JDBC 사용이 가능한 환경이라면 아무 문제 없으나 문제는 JDBC 를 쓸 수 없는 환경일 때다.특히, PHP 에서 MS-SQL 에 접근하여야 할 때에 문제가 크다.평소는 오라클 기반이라 별 문제 없이 잘 쓰고있다가, MS-SQL 에 물려야 할 일이 있어 보니 이거 완전 산넘.......

[Plugin] 날짜변환 플러그인 - $.getDate

Wed, 01 Jun 2011 16:30:56 +0900

오랜만에 포스팅 입니다.최근 진행중인 프로젝트에 사용될 용도로 개발한 jQuery Plugin 중 범용으로 쓸 수 있는것 몇가지를 공유해 보기로 했습니다.살펴보시고 좋으면 쓰시고, 혹 개선점이 있다면 적극적인 피드백 부탁 드립니다.플러그인은 원작자 표기가 유지되는 조건으로 자유롭게 수정/재배포 할 수 있습니다.$.getDate( string $format,int $time);일반적으로서버측에서 사용하는 날짜 형태는 연(4)월(2)일(2)시(2)분(2)초(2) 총 14자 숫자로 이루어진 경우가 많습니다.또는 unix timestamp 겠죠.이 두가지 경우의 날짜 스타일을 개발자가 원하는 스타일로 변경시키는 메소드가 PHP에서는 date() 함수입니다.자바스크.......

2011년 4월 4일, 미투데이

Tue, 05 Apr 2011 08:05:18 +0900

2011-04-04 20:19:05 독일 기상청에서 6일 한반도에 방사능이 올거라고 ㄷㄷㄷ me2photo 이 글은 bitofsky님의 2011년 4월 4일의 미투데이 내용입니다.

2011년 3월 27일, 미투데이

Mon, 28 Mar 2011 06:46:54 +0900

2011-03-27 21:05:12 '서바이벌 나는 가수다' 경연 2 - 서로의 노래 바꿔 부르기 - Various Artists http://music.bugs.co.kr/album/273669 bugs, 서바이벌나는가수다, 경연2-서로의노래바꿔부르기, variousartists 이 글은 bitofsky님의 2011년 3월 27일의 미투데이 내용입니다.

2011년 3월 26일, 미투데이

Sun, 27 Mar 2011 06:42:55 +0900

2011-03-26 22:30:48 Something Good - 자우림 http://music.bugs.co.kr/track/1553439 bugs, somethinggood, 자우림 이 글은 bitofsky님의 2011년 3월 26일의 미투데이 내용입니다.

2011년 1월 24일, 미투데이

Mon, 24 Jan 2011 05:21:36 +0900

2011-01-24 00:34:47 테라 유료화 결제 완료.. 2인분 해서 9만원 -_-;;;;;;;;;;;;;;; me2photo 이 글은 bitofsky님의 2011년 1월 24일의 미투데이 내용입니다.

2011년 1월 21일, 미투데이

Sat, 22 Jan 2011 05:23:33 +0900

2011-01-21 20:23:27 흐.., 아바 달력 겟ㅋㅋ me2mobile, me2photo 이 글은 bitofsky님의 2011년 1월 21일의 미투데이 내용입니다.

2011년 1월 17일, 미투데이

Tue, 18 Jan 2011 06:16:49 +0900

2011-01-17 07:57:35 주말엔 테라를 달렸지!! me2photo 2011-01-17 07:58:52 레벨 24찍고 말을 탐! me2photo 이 글은 bitofsky님의 2011년 1월 17일의 미투데이 내용입니다.

2011년 1월 13일, 미투데이

Fri, 14 Jan 2011 05:54:03 +0900

2011-01-13 21:19:24 통큰 모니터 구매! IPS236V-PN UH-IPS 패널! 좋구나!! 세워놓고 쓰는데 이제 더이상 시야각에 신경 안써도 됨! 이 글은 bitofsky님의 2011년 1월 13일의 미투데이 내용입니다.

2011년 1월 13일, 미투데이

Fri, 14 Jan 2011 05:54:02 +0900

2011년 1월 12일, 미투데이

Wed, 12 Jan 2011 07:20:16 +0900

2011-01-12 00:16:47 ㅎㄷㄷ 눈이그냥. me2mobile, me2photo 이 글은 bitofsky님의 2011년 1월 12일의 미투데이 내용입니다.

2011년 1월 12일, 미투데이

Wed, 12 Jan 2011 06:19:45 +0900

2011-01-12 00:16:47 ㅎㄷㄷ 눈이그냥. me2mobile, me2photo 이 글은 bitofsky님의 2011년 1월 12일의 미투데이 내용입니다.

2011년 1월 10일, 미투데이

Tue, 11 Jan 2011 06:29:36 +0900

2011-01-10 21:32:33 동생놈 모니터가 나가 불쌍해서 내가 쓰던 24인치 듀얼중 하나를 떼서 주니 좋다고 가져가서 던파를 하네-_- 모니터가 아끕다 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ 이 글은 bitofsky님의 2011년 1월 10일의 미투데이 내용입니다.

2011년 1월 10일, 미투데이

Tue, 11 Jan 2011 05:40:33 +0900

2011년 1월 9일, 미투데이

Sun, 09 Jan 2011 07:19:36 +0900

2011-01-08 16:36:15 ◔◡◔ 2011-01-08 21:59:47 null false 0 undefined 비교 네이버블로그, hbs의freetalk 2011-01-09 00:32:10 localStorage 이 글은 bitofsky님의 2011년 1월 9일의 미투데이 내용입니다.

2011년 1월 9일, 미투데이

Sun, 09 Jan 2011 06:12:42 +0900

null false 0 undefined 비교

Sat, 08 Jan 2011 21:59:45 +0900

자바스크립트에서 무심코 쓰다 어디선가 오류를 뿜기 쉽상인..boolean 값과 비교연산자를 간단히..0과 false는 == 더블이퀄로 참이 반환됩니다. 같다는 거죠~0 == falsetrue0 == nullfalse0 == undefinedfalse1과 true 역시 더블이퀄로는 참입니다~1 == truetrue2 == truefalse그런데 정말 0과 false를 다르게 보고 싶다면? 트리플 이퀄을 사용합니다.( === )0 == falsetrue0 === falsefalse트리플이퀄은 값과 함께 값의 타입까지 같아야 참을 반환합니다.동일한 1(숫자형)과 '1'(문자형)도 더블이퀄은 참을 반환하지만 트리플은 거짓을 줍니다.......

2011년 1월 7일, 미투데이

Sat, 08 Jan 2011 06:37:20 +0900

2011-01-07 23:44:14 PHP 캐싱.. repcached 네이버블로그, hbs의freetalk 이 글은 bitofsky님의 2011년 1월 7일의 미투데이 내용입니다.

PHP 캐싱.. repcached

Fri, 07 Jan 2011 23:44:12 +0900

일단 스크랩 http://kerberosj.tistory.com/tag/repcached http://repcached.sourceforge.net/ http://sourceforge.net/projects/repcached/develop http://tinywolf.tistory.com/tag/repcached

2011년 1월 2일, 미투데이

Mon, 03 Jan 2011 06:22:58 +0900

2011-01-02 10:00:27 도대체 아이폰 3g 500메가는 뭘 해야 다쓸수가 있쥐 ㅡㅡ me2mobile, me2photo 2011-01-02 19:01:34 개난감.. 나는 누군가 여긴 어딘가 me2photo 2011-01-02 19:23:51 Array와 Object의 차이점 네이버블로그, hbs의freetalk 2011-01-02 19:48:33 자바스크립트 고급 기법 람다 표현식, 람다 함수 사용법 네이버블로그, hbs의freetalk 이 글은.......

2011년 1월 2일, 미투데이

Mon, 03 Jan 2011 05:34:09 +0900

자바스크립트 고급 기법 람다 표현식, 람다 함수 사용법

Sun, 02 Jan 2011 19:46:45 +0900

이번 포스트는 자바스크립트 중~고급 표현식을 잠깐 기술해 볼까 합니다.자바스크립트의 유연성을 나타내는 기법 중 거의 정점에 다다른 기법이 이 람다 표현식이 아닐까 합니다.굉장히 심플하게 함수를 표현 할 수 있는데요..함수 선언은 일반적으로function sample(arg) {alert arg;}위와 같습니다.하지만 이런 표현도 가능 합니다.var sample = function(arg){alert arg;}처음 선언 방식과 위 함수는 완전히 동일한 기능을 합니다.동일한 네임 sample에 아규먼트를 그대로 alert 해 주는 기능이고모두sample("test");로 호출 해 사용 할 수 있습니다.여기서 한걸음 더 나아가 볼까요?(function(arg){alert(arg);})("test");조금 이상한 모양을.......

Array와 Object의 차이점

Sun, 02 Jan 2011 19:23:51 +0900

JS는 변수에 무얼 담느냐에 따라 그냥 막 들어갑니다.언뜻 보기엔 굉장히 편리한데요.. 그런데 그렇다고 생각없이 변수 형을 고려치 않고 쓰다간 고생할 수 있습니다.Array형과 Object형은 자바스크립트에서 상당히 흡사하게 사용됩니다만 차이점이 분명히 존재합니다.var arr = [];arr.child_value = 1;위와 같은 스크립트를 짰다고 합시다.arr은 최초 Array로 선언 되었습니다만, Array에 하위 변수로 child_value를 잡고 1을 넣었습니다.이 경우 Array로 선언하고 정작 arr 객체는 Object 형으로 사용한 꼴이 됩니다.물론 arr.child_value는 아무 이상 없이 1을 반환해 줍니다.하지만, arr.length 는 0을 리턴할 것이며, JSON.stringify 등으.......

2011년 1월 1일, 미투데이

Sun, 02 Jan 2011 07:31:31 +0900

2011-01-01 21:26:19 아 정말 ms 제품과 리눅스는 정말 아니여 ㅠㅠ 이게 뭔 생고생이람 me2mobile 이 글은 bitofsky님의 2011년 1월 1일의 미투데이 내용입니다.

2011년 1월 1일, 미투데이

Sun, 02 Jan 2011 07:11:44 +0900

2011-01-01 21:26:19 아 정말 ms 제품과 리눅스는 정말 아니여 ㅠㅠ 이게 뭔 생고생이람 me2mobile 이 글은 bitofsky님의 2011년 1월 1일의 미투데이 내용입니다.

2011년 1월 1일, 미투데이

Sun, 02 Jan 2011 06:40:53 +0900

2011-01-01 21:26:19 아 정말 ms 제품과 리눅스는 정말 아니여 ㅠㅠ 이게 뭔 생고생이람 me2mobile 이 글은 bitofsky님의 2011년 1월 1일의 미투데이 내용입니다.

2010년 12월 31일, 미투데이

Sat, 01 Jan 2011 09:14:36 +0900

2010-12-31 14:53:30 테라 케릭터 생성! 서버는 시칸더~ 근데 과연 겜할시간이 있을까 ㄱ- me2photo 이 글은 bitofsky님의 2010년 12월 31일의 미투데이 내용입니다.

2010년 12월 31일, 미투데이

Sat, 01 Jan 2011 05:44:38 +0900

2010-12-31 14:53:30 테라 케릭터 생성! 서버는 시칸더~ 근데 과연 겜할시간이 있을까 ㄱ- me2photo 이 글은 bitofsky님의 2010년 12월 31일의 미투데이 내용입니다.

2010년 12월 21일, 미투데이

Wed, 22 Dec 2010 06:43:46 +0900

2010-12-21 19:53:45 회사앞. 크리스마스 분위긴데 ㅋ me2mobile, me2photo, me2map 이 글은 bitofsky님의 2010년 12월 21일의 미투데이 내용입니다.

2010년 12월 21일, 미투데이

Wed, 22 Dec 2010 06:24:17 +0900

2010-12-21 19:53:45 회사앞. 크리스마스 분위긴데 ㅋ me2mobile, me2photo, me2map 이 글은 bitofsky님의 2010년 12월 21일의 미투데이 내용입니다.

2010년 12월 20일, 미투데이

Tue, 21 Dec 2010 06:02:29 +0900

2010-12-20 22:56:58 집에있나 회사에 있나 하는건 별차이 읍네. 홈서버 구축중 ㅋㅋ me2mobile 2010-12-20 23:05:20 생각해보면 예전엔 항상 손에서 책이 떠나질 않았는데. 요즘은 안본지가 꽤… 한달전에 사둔놈 비닐도 안뜯었네.;;; 근데 막상 뭘 읽는 량은 훨씬 늘었구나. 죄다 pc로 보니 뭐. me2mobile 2010-12-20 23:08:02 아래 말한 비닐도 안뜯은 트와일라잇 ㅋㅋ me2mobile, me2photo 이 글은 bitofsky님의 2010년 12월 20일의 미투데이 내용입.......

2010년 12월 20일, 미투데이

Tue, 21 Dec 2010 05:52:28 +0900

2010년 12월 19일, 미투데이

Mon, 20 Dec 2010 07:25:23 +0900

2010-12-19 08:07:22 요즘 빠져있는 게임 ㅋ 던젼헌터2. 정말 재밌네유. 6달러가 아깝지 않다. me2mobile, me2photo 이 글은 bitofsky님의 2010년 12월 19일의 미투데이 내용입니다.

2010년 12월 19일, 미투데이

Mon, 20 Dec 2010 05:51:06 +0900

2010년 12월 17일, 미투데이

Sat, 18 Dec 2010 05:55:33 +0900

2010-12-17 20:07:54 우왕~ 휴가다~ 3일 ㅡ,.ㅡ 2010-12-17 20:09:11 눈이 아주그냥 ㄷㄷㄷ me2mobile, me2photo 이 글은 bitofsky님의 2010년 12월 17일의 미투데이 내용입니다.

2010년 12월 17일, 미투데이

Sat, 18 Dec 2010 05:55:33 +0900

2010년 12월 4일, 미투데이

Sun, 05 Dec 2010 05:14:05 +0900

2010-12-04 18:10:36 한 삼일 못잤더니 오늘은 하루종일 뒹굴뒹굴 ㅋㅋ me2mobile 이 글은 bitofsky님의 2010년 12월 4일의 미투데이 내용입니다.