▒ 하늘아래 땅위에서 ▒

회사 들어갔다 왔어요 ㅠ.

알찬돌삐 — Fri, 03 Feb 2012 23:10:11 +0900

화장실에서 쾌변을 즐기고 있는데,

공장에서 전화 옴......

제품 입고가 안돼~~~~~

바코드 발행도 안돼~~~

현장에서 제품입고랑 바코드는 자동화창고 서버랑 연결됨 --.

ERP 문제는 아니고 그렇담 자동화창고 서버....

즐똥을 끊고 ㅠㅠ...

서버 접속되는지 확인을 하려니 얘는 내부에서만 통신하는거라서 외부에서 접근안됨.

내가 이럴때를 대비해서 VPN 으로 터널링 뚫어놓으려고 했으나,

가정용 공유기로는 어림 반품어치도 없는 기능 -_-......

회사쪽 방화벽이 쥬니퍼라 -_-.

그래서 내가 PPTP 로 뚫어놓으려고 했으나, 메뉴얼이 다 영어라 -_-;;;;

MIP 로 외부에서 다이렉트로 접근 가능한 PC 한대 켜놓은게 있음 -_-.

접속해보니 자동화 창고 서버가 접속이 안됨.

헉. ㅅㅂ. 안돼!!!!!!!~~~~~~~~~~~~~~~~~~~~~~~~~

왜 금요일밤만 되면 장애가 터지는거야.!!!!!!!

옷 갈아입고 공장 출근(?)함...

서버가 위치한 현장은 존나 캄캄함. ㅠㅠ.

무서움. 귀신 나올거 같음 ㅠㅠ.

천장에서 물이 막 샘 ㅠㅠ. <-- 알고봤더니 수도관 터진거임 -_-..

아무튼간에 서버렉에 가보니 광컨버터랑 스위치랑 전원 다 나가있음...잉.

ㅅㅂ 이게 뭔 꼴이여.

차단기 내려갔음 닝기미!!!!!!!!!

내가 차단기 하나때문에 회사까지 나갔단 말인가. 존나 허무.

이런걸 왜 나한테 전화해..... 계전파트에 전화해야지.

즐똥을 다시 해야 되는데.......

jQuery IE 버전에 Placeholder 적용하기

알찬돌삐 — Thu, 02 Feb 2012 10:44:07 +0900

이번에 MS 에서 XP 는 IE8 까지, 윈도우 7은 IE9 까지 강제 업데이트를 진행하기로 하였답니다.
웹개발자들에게는 환영할만한 소식입니다.
드디어 개발시 IE6 을 고려하지 않아도 되게 될듯 합니다.ㅠㅠ

서론은 이쯤에서 끝내고, Placeholder 란 뭔가.

위 화면은 제가 주력으로 사용하는 모포털(daum)의 로그인 화면입니다.
아이디와 비밀번호 입력창에 회색으로 희미하게 적용된 부분이 있습니다.

그렇습니다. Placeholder 는 텍스트 박스에 미리 희미하게 입력되어 있어서 사용자들의 입력을 도와주는 기능을 말합니다. (HTML5 에서 적용되는 input attribute 입니다.)

아래는 HTML5 의 Placeholder 를 지원하는 브라우저입니다.

Browsers	Placeholder Support
IE 9 이하	X
Firefox 3.7 +	✓
Safari 4.0 +	✓
Chrome 4.0 +	✓
Opera 11	✓

역시나 진리의 갑 MS.....
지원하지 않는군요....

그래서 대부분의 사이트에서 Placeholder 를 사용하기 위해 Javascript 를 사용하는데요.
일반적으로 input 태그에 value 에 값을 넣고 글자색을 희미하게 합니다.
이런 경우 값 체크를 제대로 하지 않으면, Placeholder 라고 넣어둔 값이 Submit 되는 경우가 발생합니다.

그럼, 이를 방지하기 위해 다른 방법을 써보죠.
스타일시트에 아래 코드를 적용합니다.

label.absolute {
  position: absolute;
  color:#999;
  display: none;
  cursor: text
}
input.focusbox {
  border:1px solid #23adb2;
}
input:focus {
  outline: #23adb2 solid thin
}

input:focus 는 크롬을 위해서 넣어둡니다. ^^.
포커스시 유저 인터페이스는 동일해야 하므로 맞추는게 낫지요.

아래 자바스크립트 코드를 페이지의 하단에 넣어줍니다.

jQuery(function () {
  if (!("placeholder" in document.createElement("input"))) {
jQuery(":input[placeholder]").each(function () {
  var $this = jQuery(this);
  var pos = $this.offset();
  if (!this.id) this.id = "jQueryVirtual_" + this.name;
  if (this.id) {
  if (jQuery.browser.version  < 8) {
$this.after("<label for='" + this.id +
  "' id='jQueryVirtual_label_" + this.id +
  "' class='absolute'>" + $this.attr("placeholder") +
  "</label>");
$("#jQueryVirtual_label_" + this.id).
  css({"left":(pos.left+5), "margin-top":3,
"width":$this.width()});
  }
  else {
$this.after("<label for='" + this.id +
"' id='jQueryVirtual_label_" + this.id +
"' style='left:" + (pos.left+5) +
  "px;margin-top:2px' class='absolute'>" +
$this.attr("placeholder") + "</label>");
  }
  }
  }).focus(function () {
  var $this = jQuery(this);
$this.addClass("focusbox");
jQuery("#jQueryVirtual_label_" + $this.attr("id")).hide();
  }).blur(function () {
  var $this = jQuery(this);
$this.removeClass("focusbox");
  if(!jQuery.trim($this.val()))
jQuery("#jQueryVirtual_label_" + $this.attr("id")).show();
  else jQuery("#jQueryVirtual_label_" + $this.attr("id")).hide();
  }).trigger("blur");
  }
});

이렇게 하시면 Placeholder 를 지원하지 않는 브라우저에서 Placeholder 역할을 대체할수 있습니다.

샘플파일을 첨부하니 다운받아서 확인해보세요.

example.html

아래 링크에서 바로 확인할 수 있습니다.

http://jsfiddle.net/d9bnV/

해외에서 3G 사용시 주의하세요.

알찬돌삐 — Tue, 31 Jan 2012 13:51:24 +0900

해외에서 3G 사용시 주의하세요..
해외에서 3g 조금만 사용했는데 국내에 돌아와서보니 요금이 무려 80만원이 나왔다 백만원이 넘게 나왔다 이런 사례 굉장히 많습니다.
해외에서 길 찾겠다고 구글 지도 검색 한번 이용하면 한 번에 2100원 이상 되는 돈이 들어갑니다. 조금만 3g길게 써도 1분 안에 십만원 넘길 수 있을걸요.
해외에 스마트폰 들고갈때 반드시 데이터 로밍하셔서 무제한 요금 사용하시거나 항상 데이터 꺼두셨다가 와이파이 되는 곳에서만 키는 것이 좋아요.

나라별 언어 난이도

알찬돌삐 — Fri, 27 Jan 2012 11:26:36 +0900

양키들이 판단한 각 나라별 언어 난이도,

한국어와 일본어가 어려움에 등재되었는데, 언어 차이로 본다면 주어와 동사의 위치가 달라서 어렵다고 느끼는것 같다.
일본어도 한국어와 주어 동사의 위치는 같으니 일본어는 쉽게 배우고 뭐 그런 이유?

쉬움

중간

어려움

닥치고 한글의 우수성

한글의 우수성

빠르고 급한 성질 한국사람, 1위에서 10위까지!

알찬돌삐 — Fri, 27 Jan 2012 11:10:52 +0900

한국사람의 성질은 빠르고 급하다고 합니다. 이런 빠르고 급한 성질의 한국사람들은 매사에 빨리 빨리를 외치며 빠르게 먹고 빠르게 일하고 빠르게 행동합니다.

출퇴근시간의 서울의 지하철에서는 대부분의 사람들이 뭐가 그리 바쁜지 빠르게 뛰어 다니고 있고 여유있게 걸어 다니는 사람은 찾아보기가 어렵습니다.

그리고 식당에서는 들어와서 자리에 앉자마자 음식을 재촉하며 빨리빨리를 외쳐대는 것이 일반화되어 있습니다.

개인적으로는 어릴 때부터 치열한 경쟁속에서 부딪히며 살아왔기 때문에 조금이라도 더 빨리 더 바쁘게 일해서 남보다 더 앞서 나가기 위한 경쟁심과 생존을 위한 본능적인 행동이 이렇게 급하고 빠른 성질의 한국사람을 만들어 냈다고 생각을 하고 있습니다.

아래에 트위터 Spic에 올라온 성질 급한 한국 사람 best 10 을 보면 정말 성질 급한 한국사람들의 모습을 공감하실 수 있을 것입니다.

[ 성질 급한 한국 사람 best 10 출처 : http://spic.kr/4KMC/w]

10위를 보면 고기 다 익었는지 쉴새 없이 뒤집어 확인해 보는 사람은 우리 주위에 너무나 많이 이 정도로 성질이 급하다고 할 수 있나 하는 의구심가지 드는 유형입니다.

지하철에서 빨리 갈아타거나 남보다 더 빨리 개찰구를 나가기 위해 어느 칸 어느 곳에서 내려야 하는지를 줄줄이 외우고 있고, 컵라면에 물 붓고 3분을 기다리지 못하며. 줄만 보면 짧고 빠른 줄에 사려고 짧은 줄을 찾아 동분서주를 합니다.

그리고 "통화중일때에 전화 안 받는다고 3번 이상 계속 전화하는 사람"이라는 best1은 누구에게나 공감이 가는 내용이라고 생각합니다.

빠르고 급한 성질의 한국사람, 이제는 조금 더 여유롭게 주위를 살펴보며 즐길 줄 아는 사람이 되어도 좋을 것 같습니다.

남여 키 등급표

알찬돌삐 — Fri, 27 Jan 2012 11:07:11 +0900

남여 키 등급표 나는 몇 등급? 남여 키 등급표! 한 온라인 커뮤니티 게시판에 게재된 남여 키 등급표라는 제목의 게시물이 인터넷에서 화제입니다. 남여 키 등급표는 자신의 키 등급이 얼마인지 궁금한 네티즌들의 관심을 반영하고 있네요.

자신의 등급이 얼마인지 확인해보세요.

도메인 기관이전

알찬돌삐 — Thu, 26 Jan 2012 10:00:29 +0900

소유하고 있는 도메인이 몇개가 있는데, 얼마전에 국제도메인은 godaddy.com 으로 다 이전을 했다.
이전한 이유는 국내업체에서 등록시 주민등록번호를 입력하라고 하더라.
그래서 해외등록업체를 찾던 도중 godaddy.com 이 괜찮아보여서 페이팔을 이용해서 이전하였다.
가격적인 측면에서는 국내 등록업체랑 해외 등록업체랑 별 차이가 없다.
단, 가비아나 대형 등록업체와 비교하면 안된다. -_-. 얘네들은 비싸다.

중소형 업체랑 비교하면 가격적인 측면에서는 비슷한데, 환율때문에 연장하려니 도리어 더 비싸더라. ㅠ.

국내도메인은 아이기어몰에서 꾸준히 연장해왔는데, 서비스도 좋고 나름 응대도 빠른데,

hosting.kr 에서 낙장도메인 예약해놓았다가 실패하는 바람에 적립금이 쌓여있어서, 에잉 그냥 이전해야지 하고 이전을 했다.

이전을 하고 보니 "정보비공개" 란 서비스가 있어서 써봤더니, 이거 웬걸 ㅡㅡ;...

전화번호랑 주소만 비공개 처리되는것이다. 나는 이름까지 비공개로 처리하고 싶은데.

등록자 이름은 또 변경이 안된다네 ㅡㅡ;.......

godaddy.com 은 등록자 이름도 변경할 수 있던것 같은데....

낙장도메인 검색 사이트

알찬돌삐 — Wed, 25 Jan 2012 12:25:02 +0900

요즘 도메인 구입하려도 쓸만한 도메인은 이미 선점되어있어서 , 구입할 도메인이 많이 없는데요.

낙장도메인을 구매하는것도 좋은 방법입니다.

좋은 낙장도메인을 구매하면 이미 검색엔진에 등록된 경우는 트래픽 유입 효과도 볼 수 있는데요.

낙장 국제 도메인 검색사이트 http://dom.k2man.com

낙장 국내/국제 도메인 검색사이트 http://www.hosting.kr/servlet/html?pgm_id=HOSTING034300

좋은 도메인 구입해보아요... ^^

[HTML] CSS3 를 이용한 툴팁(Tooltip) 표시

알찬돌삐 — Thu, 19 Jan 2012 22:22:10 +0900

스크랩
http://phpschool.com/link/tipntech/74887

<html>

<head>

<style>

/* --- base --- */

a.tooltip { position: relative; text-decoration: underline; }

a.tooltip:hover { color: #999999; text-decoration: none !important; }

a.tooltip:hover:after, a.tooltip:hover:before { display: block; }

/* --- tooltip container --- */

a.tooltip:before {

content: attr(rel);

display: block;

width: 140px;

position: absolute;

z-index: 1000;

bottom: 150%;

left: -10px;

padding: 5px 10px 8px 10px;

text-align: left;

color: #ffffff;

display: none;

/* background */

background: #404040; /* CSS2 */

background: -moz-linear-gradient(top, #4e4e4e 0%, #404040 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#404040)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4e4e4e 0%,#404040 100%); /* IE10+ */

background: linear-gradient(top, #4e4e4e 0%,#404040 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#404040',GradientType=0 ); /* IE6-9 */

/* border-radius */

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

/* box-shadow */

-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

/* text-shadow */

text-shadow: 0px 1px 0px #292929;

}

/* --- tooltip arrow --- */

a.tooltip:after {

content: "";

display: block;

width: 0;

height: 0;

position: absolute;

z-index: 1000;

bottom: 18px;

left: -2px;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

border-top: 6px solid #404040;

display: none;

background: transparent;

}

</style>

</head>

<body>

</body>

</html>

외국사이트 돌아다니다 이런식으로 가능한줄 처음 알았네요 ㅜ.ㅜ

맨날 Javascript나 레이어 처리만 했었는데 -0-

여러곳에 사용할때 편할것 같습니다.

IE9, Chrome16 , FF9 등에서 확인 하였습니다.

난 너무 최신버전만 좋아해 ㅜ.ㅜ

index.html

서민 평민은 뼈빠지게 일해도 평생 노예인 시스템

알찬돌삐 — Thu, 12 Jan 2012 12:07:44 +0900

서민 평민은 아무리 발버둥치고 뼈빠지게 일해봐야 평생 대대손손 기득권 놈들 배만 불려주는 엿같은 노예 노동 시스템

조천국과 반도의 차이