소금인형 - SW개발자?

현재 정수형과 자연수 형의 값을 뽑아내는 정규식 숫자만 추출하는 정규식 (소수점 포함) 문자와 숫자가 포함된 형식에서 숫자만 추출하는 정규식 예제 입니다. > console.log( '-10.2em'.replace(/[^-\.0-9]/g,'') ); -10.2 자연수형의 정규식 (소수점 제거) 문자와 숫자가 포함된 형식에서 자연수(소수점 제거)만 추출하는 정규식 예제 입니다. > console.log( parseInt('-10.2em',10) ); -10 참고: 자바스크립트 정규식을 이용한 숫자, 한글 체크 : http://ji80903.tistory.com/306 자바스크립트 Number()와 parserInt(,) : http://hym77.kr/blog/?p=100 [추가: 소수점 자르기] 숫자의 ..

2013년 10월23일 애플 발표회를 Mac OS X Mavericks 가 무료로 발표되면서,Apple에 대부분의 제품들이 무료 업데이트로 변경되었다. iWork(Pages,Numbers,Keynote), iLife, 애퍼처(Aperture) 가 무료로 업데이트 방법 iWork 최신 버전을 받기 위해서는 Trial이상의 iWork가 설치가 되어 있어야 가능합니다.무료 업데이트는 본인 컴퓨터에 trial이상이 설치가 되어 있어야 가능 합니다. iWork Trial : iWork 9 trial 다운로드 바로가기 / iWork 9.3 수동 업데이트 다운로드 바로가기 iWork trial이 설치가 완료가 되면 다음과 같이 설정을 바꿔줍니다.지역을 영어로 바꿔준다. (설정 > 언어 및 지역 >영어 로 수정시에....

CSS Values and Units Module Level 3http://www.w3.org/TR/2013/CR-css3-values-20130730/#viewport-relative-lengths 2.5. Property value examplesBelow are some examples of properties with their corresponding value definition fieldsPropertyValue definition fieldExample value‘orphans’‘3’‘text-align’left | right | center | justify‘center’‘padding-top’ | ‘5%’‘outline-color’ | invert‘#fefefe’‘text-decorat..

기본 형식의 clss내용 바꾸기는 className으로 처리한다. javascript를 통해서, css의 class의 내용을 변경하는 방법입니다.document.getElementById('tab1').className = "ewu tabBtn tabOn"; javascript를 통해서, style.disply처리document.getElementById('table1').style.display = "block";document.getElementById('table2').style.display = "none"; CSS 클래스 addClass 처리하기출처: [자바스크립트] jquery 없이 DOM의 CSS 클래스 addClass, toggleClass, removeClass 구현하기 addClass ..

inherit 속성값 inherit은 영어단어 그대로 상속받는겁니다. 상위 객체의 값을 그대로 물려받아 적용하는 겁니다. 가령 HTML:홈으로 메뉴를 클릭하세요. 게시판으로 가기 CSS:a { color: blue; } div { color: orange; } div a { color: inherit; } 이렇게 한다면 [홈으로]링크는 당연히 파랑색으로 나올겁니다. 그리고 [메뉴를 클릭하세요.]라는 p태그는 주황색으로 나오겠죠. [게시판으로 가기]링크는 상위 객체인 div의 color을 물려받아서(inherit) 주황색으로 나오게됩니다. inherit은 그렇게 유용하게 느껴지진 않습니다-_- 다만, div의 색상을 따라가게되니까 코드중 한부분만 수정하면 inherit에 의해 값을 물려받게 됩니다. 물론,..

브라우저에서 자바스크립트를활성하는 방법이라는 사이트가 있습니다.각 브라우저별로 자바스크립트를 활성화 하는 설정이 나와 있는데, 괜찮네요. http://www.enable-javascript.com/ko/

Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을수 없었다고 불평했습니다. 애플은 한참이 지나서야 모..

맥북에어에 부트캠프를 이용해서 윈도우7 설치 준비물: 윈도우7(iso이미지), USB메모리(8G이상) 기타 > 'Boot Camp 지원' 실행 1. Boot Camp 지원 (3가지 모두 선택) - Windows 7 설치 디스크 생성 - Apple에 최신 Windows 지원 소프트웨어 다운로드 - Windows 7설치 2. Boot Camp 지원 - ISO 이미지: iso파일 선택 - 대상 디스크: USB메모리 선택 3. Boot Camp 지원 - Windows용 파티션 생성 (윈도우 영역 결정) 윈도우 설치 과정에서 BootCamp 파티션(보통 4번 파티션)을 포켓 하셔야지 설치가 정상적으로 됩니다. 윈도우 설치~~!! USB 폴더에 WindowsSupport라는 폴더를 더블 클릭. "setup"이라는 ..

맥용 폰트 설치 맥북에어의 기본 디폴트 폰트 값은 '애플고딕' 입니다.한글 폰트에서 조금 시안성이 떨어지는 부분도 있고 마음에 안들어서 한글폰트로 변경을 하는데, 시스템 폰트까지 건드리는건 아직 내공이 부족해서 인터넷 브라우저의 기본 폰트값만 변경해주었습니다. 일단 시스템에 한글폰트를 먼저 설치하고...맥용 나눔 폰트 : http://hangeul.naver.com/share.nhn맥용 윤디자인 폰트 : http://yoonfont.co.kr/YFI/main02.html설치 가이드를 따라 설치를 하면 되고 otf 파일이 별도로 마운트 되어 나올경우에는 '응용프로그램 > 서체관리자' 를 통해서 설치하면 됩니다.사용하는 브라우저 ( 저의 경우 크롬 ) 옵션에서 기본 폰트값을 지정해 줍니다. 출처 : http..

이미지 높이 중앙 정렬align="absmiddle"를 CSS로 변경 방법 style="vertical-align:middle" 핵심 내용img { vertical-align: middle } Ever got stuck with the annoying problem of aligning an image next to some text? We all did. There were times when align="absmiddle" would solve this immediately, but how would you accomplish this with CSS? Ever got stuck with the annoying problem of aligning an image next to some text? We..

CSS3에서 사용되는 애니메이션 CSS 애니메이션을 만드려면 animation 속성과 이 속성의 하위 속성을 지정합니다. 애니메이션의 총 시간과 반복 여부등을 지정할 수 있습니다. 이 속성은 애니메이션의 중간상태를 기술하지 않는다는걸 명심하세요. 애니메이션의 중간 상태는 아래에서 다룰 @keyframes 규칙을 이용하여 기술합니다. animation 속성의 하위 속성은 다음과 같습니다. animation-delay 엘리먼트가 로드되고 나서 언제 애니메이션이 시작될지 지정합니다. animation-direction 애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다. animation-duration 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. animation-ite..

글자의 정렬에 사용되는 CSS속성인 text-align text-align에 대한 속성 값들을 확인해 보자. text-aling: -webkit-auto; /* Android 모바일 브라우저의 기본값 */ text-aling: -webkit-center; text-aling: -webkit-left; text-aling: -webkit-right; text-aling: center; text-aling: end; text-aling: inherit; text-aling: initial; text-aling: justify; text-aling: left; text-aling: right; text-aling: start; /* PC 웹킷의 기본값 */ 간혹 글자가 깨지는 현상을 발견할 때가 있다. jus..

OS X 10.10.1 요세미티 (Yosemite)http://macnews.tistory.com/2272 OS X 10.9 매버릭스 (Mavericks) 콘솔 >>defaults write com.apple.finder AppleShowAllFiles TRUE (설정: 히든파일 보이게 하는 명령)defaults write com.apple.finder AppleShowAllFiles FALSE (원복: 히든파일 보이게 하는 명령) (* 주의) 매버릭스(Mavericks)는 InstallESD.dmg 안에 파일 안에 있는 히든 파일인 BaseSystem.dmg 를 "복원"해야 합니다. 복원 작업이 완료되면, USB 메모리(또는 외장하드)의 1) System 폴더 → Installation 폴더 속에 (앞..

each() 집합 elements를 수정each(iterator)$('img').each(function(n){this.alt='ID가 '+this.id+'인 image['+n+']이다';});또 다른 예제var allAlts = new Array();$('img').each(function(){allAlts.push(this.alt);}); 단일 properties값 받기var altValue = s('#myImage')[0]; Attribute값 get, set attr(name) : name attribute의 value 가져오기attr(name, value) : name attribute에 value값 set하기attr(attributes)매개변수: attributes (Object) 확장 집합의..

현재 $(window).innerHeight()를 사용하면, 사이즈가 틀리게 나온다. 그건 bookmark등의 높이가 height값에 제외해서 그렇다고 한다. $(window).height(); // returns height of browser viewport $(document).height(); // returns height of HTML document 다음과 같이 height값은 document를 사용하면 된다. 참고: http://stackoverflow.com/questions/3791049/javascript-jquery-how-do-i-get-the-inner-window-height

Graphical vi-vim Cheat Sheet (단축키 도표) vi 단축키 기본 편집 단축키 참고 사이트(Eng) http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.htmlhttp://ickhyun82.blogspot.kr/2012/02/vi.html

Wireframes웹사이트나 모바일 페이지의 정보를 배치하는 방법 blueprint와 같은 요소. 아래의 이미지는 Fireworke을 이용한 Wireframes 입니다. (Wireframes to mockups with Fireworks) http://www.webdesignermag.co.uk/tutorials/wireframes-to-mockups-with-fireworks/

canvas 태그를 재 초기화, for redrawing~!! 초기화 하는 방법 2가지 1. clearRect 함수 이용context.clearRect( x , y , w , h); 2. width값 재 입력canvas.width = canvas.width; 출처: How to clear the canvas for redrawing

javascript에서 사용되는 all, event.srcElement, sourceIndex 등은 오직 IE에서 지원되는 속성이다. MSDN all property 내용 [ document.all() 대처법 ] document.all(변수) 변수로 "id", "name", "객체 순서 번호"가 올 수 있다. 현재 "id"와 같은 경우는 다음과 같이 수정은 할 수 있다."name"과 "객체 순서 번호"는 찾을 수 가 없었다. Mozilla 한국 커뮤니티 • 글 보기 - document.all 문제 해결법document.all[objectID] -> document.getElementById("objectID")function getObject(objectId) { // checkW3C DOM, then ..

개인적으로 훌룡한 프로그램이 무료 이벤트 중이네요. BACK TO THE MAC에 나온 글 펌[무료 이벤트] 심플하지만 강력한 이미지 편집 프로그램 Snapheal. '포토샵의 핵심 기능만 추려냈다"

맥에서 앱을 삭제할때, 보통 애플리케이션만 삭제하면 되지만, 간혹 그렇게 크리어하게 되지 않는 툴들이 있다.그런 요소들을 막기위해서, AppClearner를 사용하는데, 그것도 무료라는 점이 상당히 놀랍다. 개발자 사이트(+다운로드)http://www.freemacsoft.net/appcleaner/ 사용법+소개http://blackturtle.tistory.com/711533

epub의 opf에 내용중에 는 필수 요소입니다. ( EPUB Publication 3.0참조) 해당 요소에 들어갈수 있는 언어 코드 값은 "ISO 639-2"를 사용해야 합니다.* 첨부로 Sigle에서 사용되는 언어 코드 값을 파일(C++)들 첨부 EPUB Publication 3.0 한글 내용 참고: EPUB언어 코드에 대한 스팩 http://www.idpf.org/epub/20/spec/OPF_2.0.1_draft.htm#Section2.2.12

Logitech K811 키보드3개 장비 Bluetooth, 맥에서 사용되는 키보드 형식.개인적으로 B1:아이폰, B2:맥북에어, B3:아이맥 을 사용하고 있는데요.키 감도가 기존에 사용하던, apple정품 무선 키보드 보다 좋네요.개인적으로 사용해 본 결과 가상 키보드 공유 어플리케이션인 시너지(synegy)보다 유용하다고, 생가되네요.참고: 시너지(Synergy)설치 및 설정하기 버튼 하나만 누르면 그 즉시 Apple Bluetooth 장치를 전환합니다. 로지텍 이지-스위치를 통해 다음 간에 빠르게 전환할 수 있습니다.Mac에서 이메일 입력iPad에서 메모 작성iPhone에서 문자 메시지 회신.Apple TV에서 영화 검색. 제품 개요http://www.logitech.com/ko-kr/product..

파일을 관리하다 보면, 이미지의 이름을 일괄적으로 변경이 필요한 작업이 있다.그때 사용되는 툴 입니다. 개인적으로 유용하게 사용하고 있습니다. 개발자 블로그 : http://blog.naver.com/darkwalk77.do DarkNamer 파일: 사용법 포스트:DarkNamer(무설치) 파일이름 한번에 바꾸기: http://blog.naver.com/PostView.nhn?blogId=insist20&logNo=10110587960DarkNamer - 파일이름을 한꺼번에 바꾸기: http://pat.im/229

epub 3.0 (EPUB Publication 3.0) 출처 : http://www.idpf.org/epub/30/spec/epub30-publications.html#sec-metadata-elem 6.4.2 Metadate 요소 (The metadata Elelement) epub의 필수 사항은 아래의 것들로 각각 1개 이상이 있어야 합니다. "제목(

ThemeRoller for jQuery Mobilehttp://jquerymobile.com/themeroller/jQuery mobile를 사용하다 보면, 기본 Theme이 A~E까지 만 있다 보니. 부족함을 느낍니다. 해당 부분에 사용자가 Theme를 쉽게 만들 수 있게 하는 사이트 입니다.

출처 : http://greatkim91.tistory.com/109 현재 페이지의 스크립트에서 다른 서버로 Ajax 호출을 시도하는 것은 허용되지 않습니다. 이것을 cross domain JSON을 이용하여 해결할 수 있는데 다음 URL에서 cross domain JSON을 이용한 원격 호출 방법과 간단한 JavaScript 유틸리티를 제시합니다.http://www.xml.com/pub/a/2005/12/21/json-dynamic-script-tag.html 그럼 어떻게 JSON을 이용하여 다른 서버의 서비스를 호출할 수 있는지 살펴보겠습니다. 원리를 알면 쉽게 나에게 적합한 유틸리티를 만들수 있을 겁니다. 스크립트 태그 다음은 스크립트 태그입니다. 보통 아래와 같이 사용합니다. test.jsaler..

Mac OS X에서 테스트 가능한, 불량 화소 테스트 앱입니다.압축을 풀어서, 실행하면, 힌색 -> 레드 -> 그린 -> 블루 -> 검정 (전체 화면이 표시된다.)눈을 통해서 검증을 해야 한다.( 애플코리아에서 구매한 것이라면, 불량화소 발견시, 구매 2주안에 반송처리하면 됩니다.) 출처: Mac LCD 불량화소 테스트 앱

라디오 상자를 초기화 하는 것입니다.$("input[type=radio]",frm).removeAttr("checked");$('input[name=foo]').removeAttr('checked') 참고자료: http://www.electrictoolbox.com/check-uncheck-checkbox-jquery/

ssl을 이용하여 https url로 구성된 웹사이트에서 파일 다운로드시 IE에서만 "다운로드할 수 없습니다" 라는 오류메시지가 나는 것을 발견했다. IE9부터는 정상적으로 다운로드가 가능하게 지원을 해주는것 같지만 IE8 이하 버전 부터는 다운로드가 되지 않는다. 문제의 원인은 IE가 ssl을 통해 보안 웹 사이트와 통신 할때 캐시요청을 하게 되는데 파일 다운로드 헤더에 no-cache가 있으면 IE가 파일을 캐시 하지 않게 되어 파일다운로드를 하지 못한단다.. 그리고 추가로 검색을 해보니, Microsoft 고객센터에 이미 언급된 문제점이라는구나.. - HTTPS URL을 사용하여 Office 문서나 PDF 파일을 열 때 "다운로드할 수 없습니다." 오류 메시지가 나타난다 - SSL을 통한 Inter..