[js] 숫자를 한글로 읽어주기

퇴근길에 다음 도착 버스 안내하는 방송을 듣다가 만들어 볼 생각을 가졌습니다; 어디 쓸데가 있을까 싶은데.. 어..언젠가는.. 한번은.. 쓰겠죠; Number.prototype.getHangul = function() { var numberic = [“”,”일”,”이”,”삼”,”사”,”오”,”육”,”칠”,”팔”,”구”]; var numunit = [“”,””,”십”,”백”,”천”,”만”,”십만”,”백만”,”천만”,”억”,”십억”,”백억”,”천억”]; var str = “”, tmp = “”; var splited = []; for(var i = 0; i < String(this).length; i ++) { splited.push(String(this).substring(i, i+1)); } for(var … Read more

[js] 그래프 그리기

이것도 이름을 무어라 지어야 할지 모르겠네요.; 정적으로 그래프 수치만 보여주는 것이 아닌 그래프가 그려지는 걸 동적으로 보여주도록 하는 스크립트 입니다. function drawGraph(obj) { this.gages = obj.getElementsByTagName(“span”); this.values = obj.getElementsByTagName(“em”); for(var i = 0; i < this.gages.length; i ++) { (function(idx) { var current_value = 0; var gage_object = this.gages[idx]; var gage_value = this.values[idx]; var gage_width … Read more

[js] 숫자를 카운트 되는 것처럼 보여주기

아.. 제목을 뭐라고 해야할지 몰라서 보여주는 그대로를 글자로 옮겨봤습니다. 더 센스 있는 이름없나;.. 정해진 숫자만큼 카운트 업 되는 효과를 주는 스크립트입니다. function numberCounter(target_frame, target_number) { this.count = 0; this.diff = 0; this.target_count = parseInt(target_number); this.target_frame = document.getElementById(target_frame); this.timer = null; this.counter(); }; numberCounter.prototype.counter = function() { var self = this; this.diff = this.target_count – this.count; … Read more

[js] getElementsByClassName

jQuery 같은 프레임웍을 쓰지 않는다면 class name 으로 dom 셀렉팅을 할 수 없습니다. 지난번 javascript 스터디를 통해서 function 타입으로 제작하는 방법을 설명했었는데 조금 더 발전시켜 document 객체에 prototype으로 선언해 getElementById 와 같은 매서드의 형식으로 사용할 수 있도록 제작해봤습니다. 안타깝게도 Document 객체에 prototype 으로 선언하는 것이 IE 시리즈에선 허용되지 않아 아래와 같은 방식으로 우회했습니다. 테스트는 여기서 http://jsfiddle.net/rootbox/gtEkb/ … Read more

Consolas 폰트와 맑은고딕 맵핑

마땅한 코딩 폰트가 없어서 살펴보던 차에 MS Visual Studio 에서 기본 코딩 폰트로 사용하고 있는 Consolas 가 괜찮다는 생각이 들어 사용하려고 보니 VS 가 아닌 환경이라서 그런지 한글이 깨져 버리는 문제가 생겨 검색해보니 레지스트리를 고쳐 맵핑하는 방법이 있었더군요. 작업하는 환경마다 고치는게 귀찮아서 해당 부분만 발췌해서 파일로 저장했습니다. ※ 레지스트리를 조작하여 발생하는 문제는 전적으로 고갱님께 있습니다. … Read more

Apple Push Notification – 개발 등록과 인증서 발급

CSR 을 만들어서 인증을 받아야 하므로, Keychain Access 를 실행하고 Keychain Access > Certificate Assistant > Request a Certificate From a Certificate Authority With “사용자계정이름”… 을 선택 이메일 주소와 이름을 입력하고 Save to Disk 선택 > 저장할 위치를 선택하고 저장 iOS Provisioning Portal > App IDs 에서 Apple Push Notification Service 를 활성화 > CSR … Read more

[html/css] float 요소 중앙정렬

flaoting 된 요소는 float의 방향에 맞춰 늘러 붙어버리는데 이녀석을 가운데 정렬하는 방법입니다. 보통 가로 사이즈를 주고 가로 margin 을 auto 로 설정해서 해결 했었는데 가로 사이즈가 가변일 경우 이게 해결책이 될 수 없었죠. 지인을 통해 알게된 방법이고 지인도 구글링을 하다 알게되었다 합니다. html <ul id=”test”> <li>아이유</li> <li>효느님</li> <li>수지</li> <li>리지</li> <li>돼지</li> </ul> css #test { float: … Read more

아이폰4 설정

무려 3번이나 리퍼를 받고나니 새로 받는 녀석들 마다 해킹하고 테마 넣고 설정 하는 것도 지겹습니다. 정리의 의미가 없을 만큼 익숙해져 버렸는데 혹시라도 나중에 필요할 일이 있을까 싶어.. 일단 해킹. 펌웨어 버전에 맞는 해킹 (그때 그때 검색) cydia source 리스트 추가 http://www.sinfuliphonerepo.com http://cydia.hackulo.us/ http://cydia.xsellize.com/ 해킹앱 설치 (무료 및 유료) AskToSend – 문자/메일 발송 전 확인 창 … Read more

[js] javascript에서 지역변수와 전역변수

javascript에서 변수선언을 할 때 var 를 쓰고 안쓰고로 전역변수/지역변수를 결정지을 수 있다는걸 알고 계셨나요? 일반적으로 var 를 기본적으로 써왔고, javascript 에서 전역변수를 사용할 일이 많지 않다보니 모르시는 분들이 많은 것 같습니다. 얼마전 필요에 의해서 테스트 코드를 작성했다가 그냥 버리기 아까워서 jsbin을 설치하는 노가다를 하면서;; 정리 했습니다. 누군가에겐 도움이 되길 바라는 마음에 포스팅 합니다.. var outer_variable1 … Read more

[html/css] table에서 thead고정 tbody스크롤 구현

html/css 만으로 완벽하게 모든 브라우저에서 동일하게 보이도록 만들기는 불가능하지 않나요?; 물론 thead 부분과 tbody 부분을 분리한 html 마크업을 통해서는 가능하기는 하지만 그리 현명한 방법은 아니죠.. 더 좋은 방법이 있는지는 모르겠지만 검색을 통해 찾은 방법입니다. 메뉴판 메뉴 가격 원산지 물은 셀프 라면 3,000원 농심 떡라면 4,000원 농심/국산 김치라면 4,000원 농심/국산 치즈라면 4,000원 농심/풀무원 매운라면 4,000원 농심/辛 … Read more