소금인형 - SW개발자?

Naver 무료 폰트를 다운로드 가능한 곳 무료로 배포하는 포트들을 모아둔 naver 사이트 Windows, Mac용 두 종류 다 있네요. 개인폰트, 기업/단체 폰트, 네이버, DX코리아, 아시아소프트, 헤움, 훈디자인 에서 제공하는 폰트들로 카테고리 나눔이 되어 있네요. http://software.naver.com/software/fontList.nhn?categoryId=I0000000#os=OS_WINDOWS&brandId=

간혹 도형을 그리기를 개발할 때, 모눈종이가 필요할 때가 있다.모눈종이도 이제 프린트해서 사용하니 편하네요.^^ 출처: 모눈종이 1,2,5mm pdf 파일 1 mm 용 2mm 5mm

11월 28일 업데이트로 크리스마스 시즌 이벤트 산타클로스의 양말 받기- 착한 일 동장을 모아서 원하는 선물을 받아가세요!* 도장은 오른쪽의 착한 일을 하면 하루에 4개까지 받을 수 있어요. [오늘의 착한 일] 원두 로스팅 완료하기 3/3[매일매일 착한 일] 산타클로스 길거리 영업 성공하기 3회 수행가능(기간: 11.28 ~2014.01.02 AM5:00) [ 성공 멘트 ]저 착한 사람이예요.맛있는 음식 드시며 앉았다 가세요~여기저기 돌아디면 힘드시겠어요.비슷한 분을 본 것 같아요.지금 일하러 가시는 중인가요?추운 곳에서 오셨나봐요 [ 실패 멘트 ]어? 혹시 할아버지 아닌가요?요새 집들은 굴뚝이 없던데...루돌프는 어디있죠?날씨가 추워서 코가 빨개지셨나봐요저도 선물받고 싶어요크리스마스에 눈이 오면 좋겠어..

Mac OS에서 일반 사용자가 많이 사용하는 프로그램은, 아마도 사진 프로그램인 iPhoto가 아닐까 싶다.iPhoto는 편리한 부분들이 많지만, 오래 사용하다 보면, 사진의 용량이 커져서 압박이 오게 되는데요.해당 iPhoto의 사진을 "외장하드"에 백업해서 사용하는 방법을 알아보도록 하겠습니다. [ Quick Guide ]1. Finder > 그림 > "iPhoto 라이브러리"를 외장 하드에 복사2. iPhoto 실행 > 파일 > 보관함으로 전환... > 다른 보관함... > 복사한 외장하드의 "iPhoto 라이브러리" 선택 > 열기

배경 이미지 고정되게 처리하기body { background-image: url(bg.gif); background-attachment: fixed;background-repeat: no-repeat} 배경의 그림을 스크롤링의 설정 background-attachement 속성의 fixed 값을 통해서 처리한다. CSS background-attachment Propertyhttp://www.w3schools.com/cssref/pr_background-attachment.asp Definition and UsageThe background-attachment property sets whether a background image is fixed or scrolls with the rest of the..

jQuery cookiehttps://github.com/carhartl/jquery-cookie jQuery Cookie Plugin v1.4.0 Installation UsageCreate session cookie:$.cookie('the_cookie', 'the_value'); Create expiring cookie, 7 days from then:$.cookie('the_cookie', 'the_value', { expires: 7 }); Create expiring cookie, valid across entire site:$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); Read cookie:$.cookie('the_cooki..

현재 정수형과 자연수 형의 값을 뽑아내는 정규식 숫자만 추출하는 정규식 (소수점 포함) 문자와 숫자가 포함된 형식에서 숫자만 추출하는 정규식 예제 입니다. > 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