전체 글 829

yslow grade B 받기도 빡세네요..

yslow 라고... 야후에서 내놓은 페이지 측정(?) 하는 도구인데, 파이어폭스의 부가기능으로 작동합니다.필수부가기능으로는 firebug 가 있어야 합니다.GRADE 가 높을수록 좋은건데, CSS minify, Javascript minify, CSS 파일의 배치, 자바스크립트 파일의 배치,CDN , image sprit 등... 몇가지 요소를 고려하여 점수를 매깁니다.yslow 에서 제시하는데로만 맞추어도 웹페이지 속도가 아주 그냥~~~~~~~ 확 빨라집니다.캐쉬도 적용하고 하면 트래픽도 40% 가까이 줄어들구요.. 파이어폭스 다운로드 Firebug 확장기능 YSlow 확장기능 yslow 에서 제시한 조건을 겨우 겨우 따라가면서 맞춘 Grade B .

Computer/PHP 2012.04.03

IE8 jQuery not working fadeIn fadeOut

몇일전에 작업하다가 span 엘리먼트에 fadeIn 효과를 줬는데, IE6 과 크롬에서는 작동을 하는데, IE8 에서는 fadeIn 메쏘드 자체가 작동을 하지 않았다. 혼자 골머리 싸매면서 아무리 테스트해봐도 작동이 안된다. ㅠㅠ 그래서 구글신에게 도움을 요청하니 해당 문제에 대해서 이런저런 글들이 많았다. 검색어는 "jQuery not working fadeIn" 외국사이트에 들어가서 찾아보니 대부분 아래코드를 적용하라고 되어있다. (function($) { $.fn.customFadeIn = function(speed, callback) { $(this).fadeIn(speed, function() { if(jQuery.browser.msie) $(this).get(0).style.removeAttr..

Computer/JavaScript 2012.03.09

중공사막 방식 VS 역삼투압방식 필터

역삼투압방식은 물의 삼투 현상을 반대로 적용한 것으로 농도가 짙은 용액에 삼투압보다 큰 압력을 가해 옅은 농도쪽으로 이동시키는 방식.0.0001 미크론 이라는 매우 작은 크기의 불순물도 걸러냄. 중공사막방식은 0.01미크론 크기로 역삼투압방식하고 비교하자면 1000배의 차이. 실처럼 얇고 긴 필터에 0.01미크론의 작은 크기의 구멍이 무수하게 나있는 형태. 역삼투압방식과는 달리 중금속이나 방사능 물질을 걸러내지는 못함. 그래서 필터의 가격도 많은 차이를 보임. 역삼투압방식의 필터는 10만원 안팎의 비싼 몸값을 가지고 있고 중공사막방식은 반대로 3만원대의 저렴한 가격대 형성 .

Hot 2012.03.06

보고서 작성시 맞춤법 주의사항

1. ~율, ~률 -. ~율 : 앞 음절에 받침이 없거나, 'ㄴ' 받침이 있을 때 예) 백분율, 비율 -. ~률 : 앞 음절에 'ㄴ' 받침외 받침이 있을 때 예) 성장률, 수출률 2. ~로서, ~로써 -. ~로서 : 어떠한 지위나 신분을 나타낼 때 예) 나는 전략기획자로서 프로젝트를 주관한다. -. ~로써 : 받침이 없거나, 'ㄹ' 받침을 받는 체언에 붙어 '~을 가지고서'의 뜻을 나타낼 때 예) 열망과 용기로써 생활에 임해라 3. ~히, ~이 -. '~하다'를 붙여서 무리없이 말이 되면 일반적으로 '히'를 사용하고 그렇지 않으면 '이'를 사용 예) 조용하다 → 조용히, 번번하다 → 번번이 -. '뚜렷하다, 깨끗하다'등과 같이 어간이 'ㅅ'으로 끝나는 경우 '~하다'가 무리없이 말이 되더라도 '이'를 사..

Hot 2012.03.06

UTP 케이블 (랜케이블)

국내에서 일반적으로 사용되는 랜케이블 (인터넷케이블)은 UTP (Category 5, Category 5E) 이며, 또 다른 종류로는 특수한 환경에서만 사용되는 STP 케이블이 있습니다. UTP (Unshielded Twisted Pair) 은 이름 그대로 "실드막이 없는 쌍으로 꼬인 선" 이란 것처럼, 은박(실드)에 차폐되어 있지 않은 두가닥씩 꼬인 총 4쌍의 구리선이 들어있습니다. STP (Shielded Twisted Pair) 은 은박에 차폐되어 있는 UTP 케이블을 생각하시면 됩니다. STP 케이블은 유럽쪽에서 주로 사용하며, 신호 간섭이 많은 공장, 야외등에서 주로 사용됩니다. 요즘 인터넷이나 광고에서 초고속 인터넷이 100메가 라고 광고를 많이 합니다. 100메가라고 하는 말은 초당 100M..

Computer/Network 2012.03.06

웹 개발자들 같지도 않은 개발자는 퇴출시켜야 함 ㅠㅠ.

어느 분이 웹페이지 수정을 해야되어서, 나한테 부탁을 해왔다. 그래서 소스를 봤는데, 이건 뭐, 스타일시트가 전부 인라인속성으로 부여되어있다..... 버튼이나 이미지 등 ,, 반복되지 않고 어쩌다 하나씩 나오는건 인라인속성으로 부여할 수 있다. 물론, 나도 그러고 있고... 나도 급할때는 인라인속성으로 그냥 다 부여해버린다. 귀찮으니깐. 그런데 이건 뻔히 눈에 보이는건데.... 목록 태그(li) 가 300 라인씩 내려가는데 전부 인라인속성으로 부여되어있다.. ㅠ. 왜 웹개발자가 스타일시트를 신경써야 되냐고 묻지는 말자. 여긴 한국이다 -_-..... 따로 코더를 둘만한 시장상황이 아니잖아.. 인라인속성으로 된걸 빼버리고 스타일시트로 처리해놓았다. 결과는 아래 화면에........ 첫번째 사진이 수정전, ..

My/Story 2012.02.29

구글 애드센스 웨스트유니온 수익금 수령

구글 애드센스 웨스트유니온 수익금 수령하였습니다. 예전 수익금 지급받을때 기업은행 외화통장 만들어두고 거기에 입금하기로 했어요. 웨스트유니온으로 받은 돈은 외화대체입금이 바로 안된다고 하네요 ㅠ. 그래서 US -> 원화 -> US 로 환전하여 외화통장에 입금하는데, 이 과정에서 100$ 당 2$ 정도의 손실이 발생.크윽. 아까운 돈..... 2$ 면 클릭이 몇번이나 일어나야되는 돈인데 ㅠ.ㅠ .

My/Story 2012.02.23

구글 애드센스 수익금 지급

얼마전에 4년만에 200$ 돌파해서 -_-v.. 4년만에 ㅠ.ㅠ 200$ 를 웨스트유니온으로 지급받아서 기업은행에서 환전(?)해서 외화통장에 입금을 했다. 이번엔 8개월만에. ㅡ_ㅡ. 시간이 좀 단축되었다.ㅋ. 전에는 블로그 수익만으로 집행했는데, 이번엔 개인적인 다른 사이트.. (사실 방문자는 정말 얼마 안됨)... 그냥 블로그에 꾸준글 올려야 될거 같음. ㅡ_ㅡ. 어찌되었든 이번엔 100$ 넘어서 지급신청할까 말까 갈등 많이 때림, 금액이 너무 적어서 해야 되나 말아야 하나. 100$ 때문에 은행까지 가기엔 너무 귀찮아... BUT, 이넘의 애드센스는 언제 계정이 짤릴지 몰라서 ㅡ_ㅡ. 지급 신청해버림.. 부정클릭도 안하는데, 짤리진 않겠지 (방문자수도 얼마 안된다구).... .

My/Story 2012.02.12

회사 들어갔다 왔어요 ㅠ.

화장실에서 쾌변을 즐기고 있는데, 공장에서 전화 옴...... 제품 입고가 안돼~~~~~ 바코드 발행도 안돼~~~ 현장에서 제품입고랑 바코드는 자동화창고 서버랑 연결됨 --. ERP 문제는 아니고 그렇담 자동화창고 서버.... 즐똥을 끊고 ㅠㅠ... 서버 접속되는지 확인을 하려니 얘는 내부에서만 통신하는거라서 외부에서 접근안됨. 내가 이럴때를 대비해서 VPN 으로 터널링 뚫어놓으려고 했으나, 가정용 공유기로는 어림 반품어치도 없는 기능 -_-...... 회사쪽 방화벽이 쥬니퍼라 -_-. 그래서 내가 PPTP 로 뚫어놓으려고 했으나, 메뉴얼이 다 영어라 -_-;;;; MIP 로 외부에서 다이렉트로 접근 가능한 PC 한대 켜놓은게 있음 -_-. 접속해보니 자동화 창고 서버가 접속이 안됨. 헉. ㅅㅂ. 안돼!..

My/Story 2012.02.03

jQuery IE 버전에 Placeholder 적용하기

이번에 MS 에서 XP 는 IE8 까지, 윈도우 7은 IE9 까지 강제 업데이트를 진행하기로 하였답니다. 웹개발자들에게는 환영할만한 소식입니다. 드디어 개발시 IE6 을 고려하지 않아도 되게 될듯 합니다.ㅠㅠ 서론은 이쯤에서 끝내고, Placeholder 란 뭔가. 위 화면은 제가 주력으로 사용하는 모포털(daum)의 로그인 화면입니다. 아이디와 비밀번호 입력창에 회색으로 희미하게 적용된 부분이 있습니다. 그렇습니다. Placeholder 는 텍스트 박스에 미리 희미하게 입력되어 있어서 사용자들의 입력을 도와주는 기능을 말합니다. (HTML5 에서 적용되는 input attribute 입니다.) 아래는 HTML5 의 Placeholder 를 지원하는 브라우저입니다. Browsers Placeholder ..