http://hompy.info/ 플래시(Flash), 액션스크립트, PHP, 태그(HTML), RIA, AJAX, 웹2.0, 자바스크립트(Javascript), MySQL, 리눅스(Linux), 웹디자인, 홈페이지 정보 ko Sun, 22 Nov 2009 00:05:32 +0900 Textcube 1.7.6 : Staccato http://hompy.info/attach/1/1111335794.gif http://hompy.info/ 160 160 플래시(Flash), 액션스크립트, PHP, 태그(HTML), RIA, AJAX, 웹2.0, 자바스크립트(Javascript), MySQL, 리눅스(Linux), 웹디자인, 홈페이지 정보 http://hompy.info/590 얼마 전 한국 마이크로소프트에서 주최한 "대한민국 파워블로거 777명과 함께하는 Windows 7 런칭파티"에서 기념품으로 받은 "윈도우즈7 얼티미트"를 몇일 후 직장에 있는 업무용 컴퓨터에 설치했었습니다. 이전 버전의 윈도우즈 OS 보다 설치하는 과정이 매우 간편했으며 별도의 장치 드라이버를 설치하지 않았는데 문제없이 모든 하드웨어를 인식하였고 전에 사용했던 소프트웨어 들도 별 문제 없이 구동되었으며 체감 속도가 윈도우즈 비스타 처럼 무겁지 않고...<p><strong><a href="http://hompy.info/590">글 전체보기</a></strong></p> 유용한 프로그램 Microsoft OS Windows7 기념품 런칭파티 리뷰 마이크로소프트 사용기 윈도우즈7 파워블로거 (웹프로그래머) http://hompy.info/590 http://hompy.info/590#entry590comment Sat, 21 Nov 2009 23:29:44 +0900 http://hompy.info/589 직장인을 위한 플래시/플렉스 스터디를 추진하려고 합니다. 액션스크립트 3.0을 다뤄야 하니 개발 경험(언어 무관)이 있어야 하고 프로그래밍에 관심이 있는 분들이 참여해야 하겠습니다. 스터디 장소는 서울(합정동)에 있는 사무실(회의실)이 될 것이므로 서울 근교에 계신 분들이 좋겠고 가용한 컴퓨터가 없는 관계로 개인 노트북이 필요합니다. 주말(토/일요일)을 활용할 것이며 참가 맴버간 합의가 된다면 주중 야간 시간대도 이용하게 될 수 있습니다. "한 번...<p><strong><a href="http://hompy.info/589">글 전체보기</a></strong></p> 플래시 모임 flash flex study 스터디 인맥 정보교환 직장인 플래시 플렉스 (웹프로그래머) http://hompy.info/589 http://hompy.info/589#entry589comment Wed, 11 Nov 2009 14:34:45 +0900 http://hompy.info/588 홈페이지 개발에서 색상 선택기를 만들어 붙여야 할 일이 드물기는 하지만 언제가는 필요할 때가 있으므로 jQuery 플러그인을 가져다가 입맛에 맞는 ColorPicker 를 만들어봅시다. 검색해본 여러가지 ColorPicker 플러그인 중에 이 것(http://www.eyecon.ro/colorpicker/)이 쓸만해 보여서 약간 불편한 부분과 IE6에서 화면이 깨지는 부분을 수정한 후 예제를 만들어 봤습니다. 아래는 색상 선택기 예제 실행 화면이고...<p><strong><a href="http://hompy.info/588">글 전체보기</a></strong></p> 자바스크립트 COLOR ColorPicker javascript jQuery Picker plugin 색상선택기 소스코드 자바스크립트 플러그인 (웹프로그래머) http://hompy.info/588 http://hompy.info/588#entry588comment Sat, 10 Oct 2009 22:49:27 +0900 http://hompy.info/587 문서 지향 데이타베이스(Document Oriented Database) 몽고디비(MongoDB)를 테스트 하기 위한 PHP 소스 코드를 준비했습니다. 아래 소스 코드를 살펴보시면 PHP로 몽고디비에 접근하는 방법을 파악할 수 있습니다. 이에 대해 좀더 알아보고 싶다면 PHP 튜토리얼과 PHP 메뉴얼을 체크해보세요. 그리고 직접 테스트 해보려면 PHP 드라이버 설치를 해야 합니다. 드라이버도 설치하고 문서도 숙지해서 개발 환경을 갖추었다면 몽고디비...<p><strong><a href="http://hompy.info/587">글 전체보기</a></strong></p> 데이타베이스 MongoDB php 데이타베이스 드라이버 메뉴얼 몽고디비 문서지향 소스코드 튜토리얼 (웹프로그래머) http://hompy.info/587 http://hompy.info/587#entry587comment Fri, 21 Aug 2009 00:19:25 +0900 http://hompy.info/586 경제적인 시스템 구축 비용으로 거대한 데이타 묶음을 빠르게 조작 및 검색할 수 있는 데이타베이스, 비교적 손쉽고 유연하게 확장할 수 있는 크라우드 컴퓨팅 환경에 적합한 데이터베이스로 key-value 데이타베이스가 근래에 언급되고 있습니다. 때로는 이것을 문서지향 데이타베이스(document-oriented database) 라고도 소개되며 지금 실험할 몽고디비(MongoDB) 역시 이러한 형태의 데이타베이스라고 볼 수 있습니다. 몽고디비는 JSO...<p><strong><a href="http://hompy.info/586">글 전체보기</a></strong></p> 인터넷서버 운영 database document-oriented key-value MongoDB 데이타베이스 몽고디비 문서지향 시스템 컴퓨팅 크라우드 (웹프로그래머) http://hompy.info/586 http://hompy.info/586#entry586comment Sat, 15 Aug 2009 00:00:19 +0900 http://hompy.info/585 한동안 들고 다니기 불편해서 노트북에 신경을 꺼두고 살았었는데 휴가 기간에도 이동하며 쓸 수 있고 특히 집에서도 매우 편한 자세로 컴퓨터를 가지고 놀 수 있겠다는 이유로 얼마전 노트북을 구입했습니다. 가격도 참하고 디자인도 그럴싸한 노트북을 찾았더니 삼보 에버라텍 노트북이 눈에 띄었고 지금 그 노트북으로 블로그에 글을 남기고 있습니다. 가격 대비 성능도 나쁘지 않은 것 같고 무게도 가벼운 편이며 제가 쓰는 웬만한 프로그램도 돌릴 수 있을 것 같습니...<p><strong><a href="http://hompy.info/585">글 전체보기</a></strong></p> 자유 게시판 Averatec es-301 Notebook TG삼보 구매기 노트북 삼보 에버라텍 컴퓨터 (웹프로그래머) http://hompy.info/585 http://hompy.info/585#entry585comment Wed, 12 Aug 2009 18:40:39 +0900 http://hompy.info/584 간단한 시계 가젯을 만들어 보겠습니다. 우선 구글에 로그인하고 구글 가젯 에디터(Google Gadget Editor) 정보 페이지에서 "바로 추가" 버튼을 클릭하면 아이구글(iGoogle)에 가젯을 편집할 수 있는 위젯이 추가 됩니다. 에디터에 아래 보이는 시계 가젯 소스를 입력한 후 적당한 파일명(simpleclock.xml)으로 저장(Save) 하고 발행(Publish) 버튼을 누릅니다. 그리고 "Add to my iGoogle page" 링...<p><strong><a href="http://hompy.info/584">글 전체보기</a></strong></p> 자바스크립트 API gadgets.Prefs gargets google widget 가젯 구글 시계 위젯 자바스크립트 (웹프로그래머) http://hompy.info/584 http://hompy.info/584#entry584comment Sun, 05 Jul 2009 17:03:48 +0900 http://hompy.info/583 야후 세계 지도 API 를 활용해서 지도를 만드는 비교적 간단한 샘플입니다. 아래 소개된 소스 코드를 실행하면 100개의 마커가 뿌려지고 해당 마커를 클릭하면 이미지를 보여주는 다음과 같은 실행 화면을 확인할 수 있습니다. 자신의 홈페이지에서 테스트 하기 위해서는 야후 거기 지도 오픈 API 키를 해당 홈페이지 (http://kr.open.gugi.yahoo.com/Regist/regist.php) 에서 얻을 수 있으며 키 값($yahoo_map_...<p><strong><a href="http://hompy.info/583">글 전체보기</a></strong></p> 자바스크립트 jQuery Map mashup yahoo 거기 매쉬업 매시업 야후 자바스크립트 지도 (웹프로그래머) http://hompy.info/583 http://hompy.info/583#entry583comment Fri, 26 Jun 2009 20:51:59 +0900 http://hompy.info/582 다음 지도 API 를 활용해서 지도를 만드는 비교적 간단한 샘플입니다. 아래 소개된 소스 코드를 실행하면 100개의 마커가 뿌려지고 해당 마커를 클릭하면 이미지를 보여주는 다음과 같은 실행 화면을 확인할 수 있습니다. 자신의 홈페이지에서 테스트 하기 위해서는 다음 지도 API 키를 해당 홈페이지 (https://apis.daum.net/register/mapsapi.daum) 에서 얻을 수 있으며 키 값($daum_map_api_key)을 얻은 A...<p><strong><a href="http://hompy.info/582">글 전체보기</a></strong></p> 자바스크립트 API javascript jQuery Map mashup 다음 매쉬업 매시업 자바스크립트 지도 (웹프로그래머) http://hompy.info/582 http://hompy.info/582#entry582comment Thu, 25 Jun 2009 21:13:18 +0900 http://hompy.info/581 네이버 지도 API 를 활용해서 지도를 만드는 비교적 간단한 샘플입니다. 아래 소개된 소스 코드를 실행하면 100개의 마커가 뿌려지고 해당 마커를 클릭하면 이미지를 보여주는 다음과 같은 실행 화면을 확인할 수 있습니다. 자신의 홈페이지에서 테스트 하기 위해서는 네이버 지도 API 키를 해당 홈페이지 (http://dev.naver.com/openapi/register) 에서 얻을 수 있으며 키 값($naver_map_api_key)을 얻은 API...<p><strong><a href="http://hompy.info/581">글 전체보기</a></strong></p> 자바스크립트 API javascript jQuery Map mashup 네이버 매쉬업 매시업 자바스크립트 지도 (웹프로그래머) http://hompy.info/581 http://hompy.info/581#entry581comment Wed, 24 Jun 2009 20:41:28 +0900 http://hompy.info/580 구글 지도 API 를 활용해서 지도를 만드는 비교적 간단한 샘플입니다. 아래 소개된 소스 코드를 실행하면 100개의 마커가 뿌려지고 해당 마커를 클릭하면 이미지를 보여주는 다음과 같은 실행 화면을 확인할 수 있습니다. 자신의 홈페이지에서 테스트 하기 위해서는 구글 지도 API 키를 해당 홈페이지 (http://code.google.com/apis/maps/) 에서 얻을 수 있으며 키 값($google_map_api_key)을 얻은 API 키로 대입...<p><strong><a href="http://hompy.info/580">글 전체보기</a></strong></p> 자바스크립트 API google javascript jQuery Maps mashup 구글 매쉬업 매시업 지도 (웹프로그래머) http://hompy.info/580 http://hompy.info/580#entry580comment Sun, 21 Jun 2009 12:52:09 +0900 http://hompy.info/579 최근에 구글 지도 API를 매시업(Mashup)해서 세계 지도를 펼쳐 확대 또는 축소 해가며 인맥의 위치와 분포를 한 눈에 확인할 수 있는 인맥 지도 서비스를 공개 했습니다. 아마도 가까운 지역의 인맥이나 목적지 또는 출장지/여행지에 위치한 인맥을 손쉽게 찾아 볼 수 있으므로 지도를 통해 인맥들과 가까워 지는 계기가 될 수 있을 것 같습니다. 인맥들은 지도 위에 마커(marker)로 표시되며 이 마커를 클릭하면 작은 창이 요약된 프로필 정보를 보여...<p><strong><a href="http://hompy.info/579">글 전체보기</a></strong></p> 자유 게시판 API google Maps mashup ui 구글 매쉬업 매시업 인맥지도 지도 (웹프로그래머) http://hompy.info/579 http://hompy.info/579#entry579comment Sat, 20 Jun 2009 09:22:01 +0900 http://hompy.info/578 플래시 CS4 툴을 이용해서 3D 좌표 속성을 주기적으로 변경하여 소녀시대 맴버 사진들을 입체적으로 회전시켜보는 간단한 플래시 시계를 만들어보았습니다. "내 사진으로 만드는 재미있는 플래시 시계"라는 포스트에서 소개한 플래시를 약간 개조한 것입니다. 재미삼아 취미로 사용했던 플래시를 오랜만에 다뤄보려니 새롭게 습득해야할 것들이 많아졌군요. 당분간 플래시에 시간 투자를 해야할까봐요. addEventListener(Event.ENTER_FRAME, r...<p><strong><a href="http://hompy.info/578">글 전체보기</a></strong></p> 플래시 작품 3d clock flash movieclip rotate rotationZ 무비클립 소녀시대 시계 플래시 회전 (웹프로그래머) http://hompy.info/578 http://hompy.info/578#entry578comment Sat, 13 Jun 2009 12:32:59 +0900 http://hompy.info/577 자바스크립트 프레임워크 jQuery 를 활용해서 텍스트 입력 박스 (TextArea) 에 크기 조절 막대를 추가해 봅시다. 아래 소개한 소스를 실행하면 입력 박스 하단에 막대가 추가 되며 이 막대를 위 아래로 드래그 할 수 있으며 드래그 방향에 따라 텍스트 박스 크기를 늘리거나 줄일 수 있습니다.[크기 조절 막대 예제 자바스크립트 소스 코드] &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...<p><strong><a href="http://hompy.info/577">글 전체보기</a></strong></p> 자바스크립트 drag event jQuery resize TextArea 드래그 이벤트 자바스크립트 크기조절막대 텍스트입력박스 텍스트입력창 (웹프로그래머) http://hompy.info/577 http://hompy.info/577#entry577comment Sun, 07 Jun 2009 11:54:05 +0900 http://hompy.info/576 시간 차이를 계산하고 이를 출력하는 함수를 만들어 보고 이를 통해 시간 관련 함수 date, strtotime 사용법을 알아보도록 합시다. 아래 PHP 소스 코드는 사용자 정의 함수 datetimediff 를 호출해서 현재 시간 또는 특정 시간을 기준으로 참조 시간과의 시간차를 계산하고 출력합니다. [시간 차이 계산 실행 결과] 2009-06-06 12:02:282009-06-06 09:11:042009-06-06 13:15:032시간 전2시간 5...<p><strong><a href="http://hompy.info/576">글 전체보기</a></strong></p> 프로그래밍 datediff datetimediff function strtotime timediff 소스코드 시간차계산 시간차이계산 함수 (웹프로그래머) http://hompy.info/576 http://hompy.info/576#entry576comment Sat, 06 Jun 2009 12:05:55 +0900 http://hompy.info/575 최근 트위터와 같은 마이크로 블로그의 성장으로 "Free Short URL Redirection Service" 서비스의 활용 빈도가 높아지고 있습니다. 개인적으로 짧은 도메인을 하나 보유하고 있어서 주말을 이용해서 심플한 URL 단축 서비스 홈페이지를 만들어 오픈해봅니다. 급조한 홈페이지라서 아쉬운 부분이 다소간 있지만 차근 차근 업그레이드 해봐야겠습니다.^^URL 단축 서비스의 이용방법은 간단합니다. 입력창에 단축을 원하는 긴 URL 주소를 입...<p><strong><a href="http://hompy.info/575">글 전체보기</a></strong></p> 유용한 프로그램 Redirection Service Short TinyURL URL URL단축 리다이렉션 서비스 인터넷주소 트위터 (웹프로그래머) http://hompy.info/575 http://hompy.info/575#entry575comment Sun, 29 Mar 2009 15:51:24 +0900 http://hompy.info/574 자바스크립트 프레임워크 라이브러리 jQuery의 애니메이션 관련 메소드를 이용해서 학습용 이미지 슬라이더와 전광판을 만들어 봤습니다. jQuery의 "animate()"라는 메소드로 개별 엘리먼트에 모션 이펙트를 부여할 수 있으며 자바스크립트 메소드인 "setInterval()" 를 이용해서 끊임없이 반복되는 애니메이션을 만들 수 있습니다. jQuery 의 "hover()" 이벤트 핸들러와 자바스크립트 "clearInterval()" 메소드를 활용...<p><strong><a href="http://hompy.info/574">글 전체보기</a></strong></p> 자바스크립트 animate clearInterval Easing hover jQuery setInterval 모션이펙트 애니메이션 이미지슬라이더 자바스크립트 전광판 (웹프로그래머) http://hompy.info/574 http://hompy.info/574#entry574comment Sun, 22 Mar 2009 17:48:04 +0900 http://hompy.info/573 무엇이든 물어볼 수 있는 지식 문답(Question &amp; Answer) 서비스를 자주 이용하시나요? 지식을 다루고 이를 공유하는 방법 중에 하나인 지식 문답 서비스는 오프라인에서는 불가능한 광범위한 분야에 대한 질문을 비교적 손쉽게 할 수 있으며 답변은 비교적 짧은 시간 내에 받을 수 있습니다. 이런 형식의 서비스가 갈수록 진화 되어 실시간으로 답변을 받을 수 있는 서비스도 있으며 약간의 비용을 지불하면 전문가의 해답을 얻을 수 있기도 하며...<p><strong><a href="http://hompy.info/573">글 전체보기</a></strong></p> 유용한 정보 Answers Ask QnA Question & Answer Service 신지식 지식 지식문답 지식인 질문답변 (웹프로그래머) http://hompy.info/573 http://hompy.info/573#entry573comment Sat, 14 Mar 2009 15:33:27 +0900 http://hompy.info/572 jQuery 자바스크립트 프레임워크 라이브러리를 이용하면 홈페이지 만들기의 기본인 입력폼을 비교적 손쉽게 만들 수 있습니다. 물론 단순한 양식 뿐만 아니라 입력 값이 유효한지 점검한다던지 날짜를 손쉽게 입력할 수 있도록 달력을 뿌려준다거나 새창 팝업 대신 레이어 팝업창을 손쉽게 띄워주고 있습니다. 그리고 파일 업로드 버튼을 이미지로 처리하는 부분과 버튼의 색이 바뀌고 입력창 크기를 조절하는 간단한 액션을 추가해서 생동감을 심어주는 부분도 있습니다....<p><strong><a href="http://hompy.info/572">글 전체보기</a></strong></p> 자바스크립트 DatePicker dialog effects filestyle form javascript jQuery ui validate 자바스크립트 홈페이지 (웹프로그래머) http://hompy.info/572 http://hompy.info/572#entry572comment Mon, 09 Mar 2009 09:06:50 +0900 http://hompy.info/571 얼어 붙은 경제 상황으로 부쩍 줄어드는 일자리에 대해 우려의 목소리가 높아지는 즈음에 직장에서 SNS 기반 채용정보 홈페이지도 오픈하게 되었습니다. 그래서 문득 포털에서는 채용 정보를 어떻게 관심을 가지고 다루고 있는 지 궁금해서 조금 찾아봤습니다. 네이트와 드림위즈는 채용정보 검색 서비스를 제공하고 있었고 다음, 야후, 파란 등에서는 "채용" 키워드로 검색 해보면 검색결과 페이지 내에 별도의 채용정보 검색창이 있어서 제휴되어 있는 취업 사이트로...<p><strong><a href="http://hompy.info/571">글 전체보기</a></strong></p> 유용한 정보 career job work 일자리 채용 채용검색 취업 취업검색 취업센터 커리어 (웹프로그래머) http://hompy.info/571 http://hompy.info/571#entry571comment Sat, 07 Mar 2009 12:29:41 +0900