http://hompy.info/ 플래시(Flash), 액션스크립트, PHP, 태그(HTML), RIA, AJAX, 웹2.0, 자바스크립트(Javascript), MySQL, 리눅스(Linux), 웹디자인, 홈페이지 정보 ko Sun, 05 Jul 2009 17:10:36 +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/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 http://hompy.info/570 아래 동영상은 모 플래시 게임 사이트의 TOP5에 드는 인기 플래시 게임 버블 탱크와 젬크래프트 를 실행해본 동영상입니다. 버블 탱크는 위,아래,좌우를 돌아다니며 버블로 만들어진 적을 소탕하는 슈팅 게임입니다. 적을 제거하면 잔여 버블이 생기는데 이 버블들을 모으면 내 버블 탱크의 능력을 높일 수 있는 레벨업이 가능합니다. 마우스와 키보드를 동시에 조작해야 하며 마우스로 적을 겨냥하고 클릭하여 제1무기를 발사 할 수 있고 기본 설정인 [W], [S...<p><strong><a href="http://hompy.info/570">글 전체보기</a></strong></p> 플래시 게임 BubbleTanks2 gemcraft 게임 동영상 디펜스게임 버블탱크 슈팅게임 젬크래프트 플래시 플래시게임 (웹프로그래머) http://hompy.info/570 http://hompy.info/570#entry570comment Mon, 23 Feb 2009 08:49:09 +0900 http://hompy.info/569 무료한 시간을 달래기 위해 간편하게 즐길 수 있는 심심풀이용 플래시 타워 디펜스 게임들을 플레이한 동영상들입니다. 개별 디펜스 게임을 직접 실행보려면 플레이 동영상 상단 링크를 열어보면 됩니다. 대부분의 게임 들은 치트엔진으로 머니핵을 해서 어떤 강력한 타워들을 배치할 수 있는지 알아보았습니다. 플래시 써클 디펜스와 앤트버스터 게임은 파이널 레벨이 없이 무제한으로 진행되는 게임으로 보이고 이 게임들은 머니핵으로 무제한으로 타워를 구입하고 레벨업을...<p><strong><a href="http://hompy.info/569">글 전체보기</a></strong></p> 플래시 게임 defense flash game movie tower 게임 동영상 디펜스 타워 플래시 (웹프로그래머) http://hompy.info/569 http://hompy.info/569#entry569comment Sun, 15 Feb 2009 17:37:56 +0900 http://hompy.info/568 실행중인 프로그램의 메모리 데이터를 수정할 수 있는 오픈 소스 유틸리티인 치트엔진(Cheat Engine)을 설치했고 심심풀이 게임으로 적합한 AntBuster 개미박멸 게임을 실행한 후 케이크를 가져가지 못하도록 치트엔진으로 게임 데이터를 수정하는 과정을 동영상으로 담았습니다. 게임 데이타 수정은 가끔 재미삼아 해볼 수 있겠지만 과하면 게임의 재미를 떨어뜨릴 수 있으므로 적당히 하는 것이 좋겠네요.[Cheat Engine 홈페이지]http://w...<p><strong><a href="http://hompy.info/568">글 전체보기</a></strong></p> 유용한 프로그램 AntBuster cheat engine game 개미박멸 개미잡기 게임 동영상 메모리수정 오픈소스 치트엔진 (웹프로그래머) http://hompy.info/568 http://hompy.info/568#entry568comment Sat, 07 Feb 2009 23:27:18 +0900 http://hompy.info/567 네이트온 4.0 베타를 이용하면 네이트온에서 미니클럽으로 등록된 클럽(카페)을 웹브라우져가 아닌 메신져로 간편하게 이용할 수 있으며 최근에 추가된 프리톡을 실시간으로 이용할 수 있습니다. 프리톡은 채팅 처럼 댓글이 실시간으로 올라오며 게시판과 다르게 200자의 짧은 글을 주고 받을 수 있어 부담 없이 가벼운 글로 토그를 주고 받을 수 있습니다. 네이트온 4.0 베타를 설치하면 누구나 미니클럽을 개설할 수 있고 기존에 개설된 미니 클럽에 가입하면 메...<p><strong><a href="http://hompy.info/567">글 전체보기</a></strong></p> 유용한 프로그램 NateOn 네이트온 댓글 리뷰 메신져 미니클럽 실시간 알림창 클럽 프리톡 (웹프로그래머) http://hompy.info/567 http://hompy.info/567#entry567comment Sat, 31 Jan 2009 10:42:53 +0900 http://hompy.info/566 자바스크립트 라이브러리인 jQuery UI 위젯(Widgets)을 이용해서 달력(Calendar)과 날짜입력기(DatePicker)를 내 블로그나 홈페이지에 붙여 활용해보세요. 쓸만한 달력을 직접 만들려면 상당한 공을 드려야 하지만 jQuery UI 위젯을 활용하면 손쉽게 달력을 이용할 수 있을 뿐만 아니라 다양한 설정도 할 수 있으며 스킨도 비교적 손쉽게 교체할 수 있습니다. 하단 예제 소스 코드와 실행 화면을 참고하시면 사용법을 대략 짐작하실...<p><strong><a href="http://hompy.info/566">글 전체보기</a></strong></p> 자바스크립트 DatePicker javascript jQuery ui 날짜입력기 달력 라이브러리 자바스크립트 프레임워크 (웹프로그래머) http://hompy.info/566 http://hompy.info/566#entry566comment Tue, 27 Jan 2009 10:29:34 +0900 http://hompy.info/565 아래 소개하고 있는 소스 코드는 스크립트 언어 PHP 또는 자바스크립트를 이용해 달력을 출력하는 비교적 간단한 웹프로그램입니다. 두가지 소스중 하나를 실행 시키면 아래와 같은 이미지 처럼 출력이 됩니다. 달력을 만들기 위해서는 그 달의 첫 날짜와 마지막 날짜를 계산해야 하며 요일에 따라 글자의 색을 변화 시켜 줘야 합니다. 이해를 돕기 위해 되도록 소스 코드를 단순화 시켰으므로 코드를 차근 차근 살펴보면 이해가 되리라 생각됩니다. 달력이 투박해 보...<p><strong><a href="http://hompy.info/565">글 전체보기</a></strong></p> 프로그래밍 Date getDate getFullYear getMonth mktime 달력 소스코드 자바스크립트 (웹프로그래머) http://hompy.info/565 http://hompy.info/565#entry565comment Mon, 26 Jan 2009 15:08:17 +0900