웹프로그래머의 홈페이지 정보 블로그 http://blog.hompy.info/ 플래시(Flash), 액션스크립트, PHP, 태그(HTML), RIA, AJAX, 웹2.0, 자바스크립트(Javascript), MySQL, 리눅스(Linux), 웹디자인, 홈페이지 정보 ko Wed, 17 Aug 2011 16:59:24 +0900 Tistory 1.1 (http://www.tistory.com/) 웹프로그래머의 홈페이지 정보 블로그 http://blog.hompy.info/ 플래시(Flash), 액션스크립트, PHP, 태그(HTML), RIA, AJAX, 웹2.0, 자바스크립트(Javascript), MySQL, 리눅스(Linux), 웹디자인, 홈페이지 정보 동적 HTML 객체 모델 요소의 위치와 면적 계산 http://blog.hompy.info/559 동적 HTML 객체 모델 요소의 위치와 면적 계산 Understanding Properties That Measure Element Dimension and Location 예제 테스트 링크 http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/overview/measure.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN.. 자바스크립트 clientHeight clientLeft clientTop clientWidth dom javascript offsetHeight offsetWidth 객체 자바스크립트 웹프로그래머 http://blog.hompy.info/559 http://blog.hompy.info/559#entry559comment Sun, 04 Jan 2009 15:46:23 +0900 자바스크립트, 객체의 속성과 메소드와 이벤트 핸들러 http://blog.hompy.info/558 ※ 녹색은 네츠케이프, 혹은 익스플로러 전용으로만 사용되는 객체(속성,메소드)입니다 객체(Object) 속성(Property) 메소드(Method) 이벤트핸들러 (Event Handler) Anchor name text x y anchors array length Applet applet's methods applets array length Area hash onClick host onmouseOut gostname onmouseOver href.. 자바스크립트 event handler javascript method object Property 객체 메소드 속성 이벤트 핸들러 자바스크립트 웹프로그래머 http://blog.hompy.info/558 http://blog.hompy.info/558#entry558comment Sun, 04 Jan 2009 13:57:22 +0900 HTML과 자바스크립트에서 스타일시트 속성 http://blog.hompy.info/557 HTML과 자바스크립트에서 스타일시트 속성 BACKROUND(배경) 속 성 명 속 성 값 내 용 css jsss background background background-color background-images background-repeat background-attachment background-position 웹문서의 배경을 정의하며 각각의 속성값을 "," 없이 두 개 이상 설정할수 있다. background-attachment backg.. HTML 태그 css html javascript 속성 스타일시트 자바스크립트 태그 웹프로그래머 http://blog.hompy.info/557 http://blog.hompy.info/557#entry557comment Sun, 04 Jan 2009 11:19:15 +0900 추억의 게임, 솔로몬의 키 게임 플레이 동영상 http://blog.hompy.info/556 어릴적 오락실에서 꽤 많은 동전을 삼켜버린 추억의 퍼즐 아케이드 게임 솔로몬의 키를 플레이 했습니다. 게임 스틱으로 했던 것을 키보드로 해보려니 잘 되지 않네요. ㅎㅎㅎ 에뮬 게임 game movie solomon's key 게임 동영상 솔로몬의 키 아케이드게임 에뮬게임 추억의게임 퍼즐게임 웹프로그래머 http://blog.hompy.info/556 http://blog.hompy.info/556#entry556comment Sat, 03 Jan 2009 22:09:48 +0900 자바스크립트, 모서리가 둥근 테이블 만들기. http://blog.hompy.info/555 자바스크립트, 모서리가 둥근 테이블 만들기. <html> <head> <title>모서리가 둥근 테이블 입니다.</title> <script> <!-- function round_table(objID) { var obj = document.getElementById(objID); var Parent, objTmp, Table, TBody, TR, TD; var bdcolor, bgcolor, Space; var trIDX, tdIDX, MAX; v.. 자바스크립트 appendChild createElement getattribute insertBefore javascript removeChild table 둥근 모서리 자바스크립트 테이블 웹프로그래머 http://blog.hompy.info/555 http://blog.hompy.info/555#entry555comment Sat, 03 Jan 2009 14:26:47 +0900 네이버의 얼굴과 내 블로그 디자인의 변화 http://blog.hompy.info/554 네이버가 새해에는 새 얼굴로 성형 수술하고 2009년을 맞이합니다. 문득 네이버의 성형 수술 전 모습을 기록으로 남기면 좋을 듯 하여 스크린샷으로 담아봤습니다. 그리고 새해를 맞이하는 이 즈음 제 블로그도 변화하면 어떨까 해서 이것 저것 과하게 걸려 있던 것들을 정리하고 다소간 심플한 구조로 변경했습니다. 그리고 홈페이지 정보 블로그를 상징하는 플래시로 급히 만든 로고도 부착했습니다. 이렇게 블로그 디자인 변경으로 기분전환도 했으니 새해에는 지금보다.. 자유 게시판 2009년 blog Design 네이버 디자인 로고 블로그 새해 홈 홈페이지 웹프로그래머 http://blog.hompy.info/554 http://blog.hompy.info/554#entry554comment Wed, 31 Dec 2008 22:50:26 +0900 직장인 인맥 만들기 2008 송년회 후기 http://blog.hompy.info/553 이번 송년회는 역삼역에서 거리가 좀 있지만 그리 멀지 않은 곳에서 하게 되었습니다. 이번 정모 장소는 경력있는 요리사가 준비한 맛있는 안주를 무제한 제공 받을 수 있고 가게 전체를 쓸 수 있고 노래를 부를 수 있는 라이브 공간과 세미나 등에 활용될 수 있는 프로젝터 설비를 사용할 수 있는 것 등의 장점이 있어 선택하게 되었습니다. 오늘은 몇분이나 오실까 설레는 마음으로 30분 일찍 와서 기다리고 있는데 정모 시간 전인데도 한 분 한 분 속속 도착하셨.. 직장인 모임 2008년 덕담 만남 모임 송년회 술 역삼역 정모 직장인 직장인인맥만들기 웹프로그래머 http://blog.hompy.info/553 http://blog.hompy.info/553#entry553comment Sun, 28 Dec 2008 19:25:47 +0900 직장인들이 친목을 다지는 송년회가 12월 27일에 있습니다. http://blog.hompy.info/552 2008년을 즐겁게 마무리하기 위해 직장인들이 친목을 다지는 송년회가 역삼역 근처에서 내일 12월 27일 토요일 오후 7시에 있습니다. 26일 오전 8시 24분에 체크해보니 현재까지 참가신청자는 87 명입니다. 좋은 분들과 함께할 수 있는 자리인 만큼 시간이 허락되는 분들은 적극 참여해보세요. 처음 참석이라 어색하다고 하시던 분들도 막상 모임에 참여하면 잘 어울리시더군요. 지나친 기대나 두려움은 접고 편안한 마음만 들고 모임에 참석하세요. 온라인과.. 직장인 모임 2008년 모임 생맥주 송년회 역삼역 인맥만들기 정모 직장인 친목다지기 쿠캔비어 웹프로그래머 http://blog.hompy.info/552 http://blog.hompy.info/552#entry552comment Fri, 26 Dec 2008 08:24:11 +0900 성탄절, 산타, 눈사람, 흰눈이 있는 겨울 홈페이지 로고들 http://blog.hompy.info/551 성탄절, 산타, 눈사람 그리고 흰눈이 있는 겨울 홈페이지 로고들입니다. 성탄절과 겨울 분위기에 맞는 로고를 노출하며 홈페이지를 운영하는 곳이 많더군요. 이름만 들어도 알만한 포털과 인기 사이트들 위주로 로고를 수집해봤습니다. 문득 이 수 많은 웹사이트들의 로고를 수정하기 위해 얼마나 많은 인력과 비용이 투입되었을지 궁금합니다. 내년 이맘때에는 디자인을 준비해서 내 블로그에도 겨울 분위기를 내봐야겠네요.^^ 웹프로그래머의 홈페이지 정보 블로그 http.. 이미지 모음 겨울 눈 눈사람 로고 산타 성탄절 웹사이트 이미지 포털 홈페이지 웹프로그래머 http://blog.hompy.info/551 http://blog.hompy.info/551#entry551comment Thu, 25 Dec 2008 21:12:45 +0900 참고할만한 7가지 흥미로운 플래시 이펙트 샘플 소스 http://blog.hompy.info/550 여러가지 흥미로운 플래시 이펙트입니다. 플래시 인트로나 플래시 네비게이션 등에 응용하면 유용할 것 같습니다. 아래 소개된 플래시 소스를 참고할 수 있도록 플래시 소스 묶음 파일도 첨부합니다. [플래시 소스, 폭죽 터지는 효과] [플래시 소스, 텍스트 이펙트] [플래시 소스, 불꽃 제어] [플래시 소스, 잡고 던질 수 있는 매직볼] 마우스로 볼을 잡고 던지기. [플래시 소스, 전기 방전 효과] [플래시 소스, 웨이브 에뮬레이션] 마우스로 중앙에 있는.. 플래시 샘플 effect Flash wave 매직볼 방전효과 불꽃 웨이브 텍스트이펙트 폭죽 플래시 플래시소스 웹프로그래머 http://blog.hompy.info/550 http://blog.hompy.info/550#entry550comment Thu, 25 Dec 2008 11:04:32 +0900 간편한 프리웨어 네트워크 IP 관리 툴 HoverIP http://blog.hompy.info/549 윈도우즈 환경 하에 명령 프로프트에서 네트워크 관련 명령으로 IP 를 조회하고 관리했었다면, HoverIP 라는 툴을 사용하면 일일이 명령어를 타이핑할 필요 없이 간편하게 쓸 수 있어 편리하게 사용할 수 있습니다. 프로그램은 총 6개의 탭 메뉴로 구성되어 있으며 "IP Config" 탭은 내 컴퓨터의 랜카드,IP 관련 정보를 조회할 수 있고 "Nslookup" 탭에선 도메인을 입력하면 해당 도메인의 IP 주소를 찾아주며 "Routing table".. 유용한 프로그램 HoverIP IP 주소 nslookup ping Port Scanning Routing Table traceroute 네트워크 유틸리티 프로그램 웹프로그래머 http://blog.hompy.info/549 http://blog.hompy.info/549#entry549comment Sun, 21 Dec 2008 17:44:36 +0900 3일 동안 발행한 홈페이지 정보 오픈캐스트 http://blog.hompy.info/548 네이버 오픈 캐스트가 런칭한 이후로 3일동안 총 7개의 정보 꾸러미를 발행했습니다. 블로그에 있는 글 중에 유익하다고 판단되는 글들을 선별해서 묶어둔 것을 4회에 걸쳐 발행했고 이후 3회 동안 웹개발 관련 유익한 홈페이지들을 소개하는 정모 묶음으로 구성하였습니다. 앞으로도 "홈페이지 정보" 라는 주제에 걸맞는 다양한 정보 꾸러미들을 발행할 생각입니다. 본 캐스트에 관심이 있는 분들은 아래 링크를 클릭하신 후 관련 내용을 확인할 수 있으며 캐스트를 감.. 오픈캐스트 APM 검색엔진 네이버 동영상 막대그래프 오픈소스 오픈캐스트 자바스크립트 차트 플래시 웹프로그래머 http://blog.hompy.info/548 http://blog.hompy.info/548#entry548comment Wed, 17 Dec 2008 20:10:43 +0900 이미지 썸네일을 생성하는 PHP 함수 소스 코드 http://blog.hompy.info/547 아래 소개된 코드는 PHP 웹개발 스크립트 언어로 이미지를 다루는 방법에 대해 파악해 볼 수 있는 썸네일(thumbnail)을 생성하는 PHP 함수 소스 코드 입니다. 허용하는 이미지 포멧은 GIF, JPEG, PNG, BMP 포멧이며 파라메터로 넘기는 가로, 세로 값에 의해 생성되는 섬네일의 크기를 결정합니다. 섬네일로 생성할 파일명을 마지막 파라메터로 넘겨줄 경우 넘겨준 파일명으로 섬네일을 생성하며 파라메터가 없는 경우 바로 출력 합니다. 프로그.. 프로그래밍 bmp gif imagecreatefromjpeg jpeg PNG thumbnail 섬네일 소스코드 함수 웹프로그래머 http://blog.hompy.info/547 http://blog.hompy.info/547#entry547comment Tue, 16 Dec 2008 08:42:19 +0900 오늘 개설한 웹프로그래머의 네이버 오픈캐스트 http://blog.hompy.info/546 얼마전 네이버로 부터 받은 베타키 번호를 이용해서 오늘 웹프로그래머의 네이버 오픈캐스트를 개설했습니다. 오늘 네이버 오픈캐스트 베타서비스가 런칭되었고 사전에 등록 신청을 받은 오픈캐스트 베타 서비스 리서치 참여자 중에 베타키 번호를 부여 받은 분들은 오늘부터 자신의 채널을 개설할 수 있게 되었습니다. 아직 오픈캐스트가 뭔지 어리둥절한 상황이지만 그리 어렵지 않게 나의 캐스트를 개설했습니다. 캐스터 1인당 최대 10개의 캐스트를 개설해서 운영할 수 있.. 오픈캐스트 opencast 구독신청 네이버 로고 베타 오픈캐스트 채널 캐스터 캐스트 홈페이지정보 웹프로그래머 http://blog.hompy.info/546 http://blog.hompy.info/546#entry546comment Mon, 15 Dec 2008 20:55:26 +0900 오픈 소스 검색엔진 스핑크스(Sphinx) 레퍼런스 매뉴얼 http://blog.hompy.info/545 오픈 소스 검색엔진 스핑크스(Sphinx) 0.9.9 레퍼런스 매뉴얼입니다. 몇가지 테스트를 해보니 괜찮은 것 같습니다. 시간 내서 내 블로그 검색 기능으로 활용해보려고 합니다. 한글화 된 문서가 없던데 차후에 메뉴얼을 번역 해보거나 스핑크스 활용법에 대한 자료를 만들어 볼 수 도 있을 것 같네요. Sphinx 0.9.9 reference manual 1. Introduction 1.1. About Sphinx is a full-text search.. 유용한 정보 API manual Open Source Reference Sphinx 검색엔진 레퍼런스 메뉴얼 스핑크스 오픈소스 웹프로그래머 http://blog.hompy.info/545 http://blog.hompy.info/545#entry545comment Mon, 15 Dec 2008 09:39:12 +0900 스크린샷과 사진으로 보는 나의 개발 환경 http://blog.hompy.info/544 마음 같아서는 독립된 공간에서 심심하지 않은 음악을 틀어 놓고 고성능 저소음 컴퓨터를 이용하며 개발하고 싶지만 현실은 적당한 타협이 필요한 법입니다. 아래 보이는 것은 사무실에 있는 나의 메인 컴퓨터를 CPU-Z 라는 유틸리티로 조회한 모습을 스크린샷으로 캡쳐한 이미지들입니다. 하단에 보이는 사진 2장은 매일 출근해서 일하는 내 자리를 디지털 카메라로 담은 것입니다. 사진에 출연중인 3대의 PC와 숨어 있는 1대의 PC를 이용하고 있으며 윈도우즈XP.. 자유 게시판 cpu-z PC 개발환경 내컴퓨터 사무실 사진 스크린샷 이미지 작업환경 캡쳐 웹프로그래머 http://blog.hompy.info/544 http://blog.hompy.info/544#entry544comment Mon, 15 Dec 2008 08:54:58 +0900 링크드인 내 그룹(LinkedIn My Groups) 로고들 http://blog.hompy.info/543 얼마 전부터 글로벌 인맥을 만들어 볼까 해서 미국에서 운영하고 있는 비즈니스 인맥 사이트 링크드인(LinkedIn)에 있는 그룹을 검색해서 몇몇 그룹에 가입하게 되었습니다. 아래 로고들은 제가 가입한 그룹들의 로고입니다. 이것들 중에 투박해 뵈는 로고들도 몇몇 있군요. 대체적으로 IT 일색이라 내 관심 분야를 짐작하게 하고 있습니다. FlashCafe Linux Expert MySQL Professionals The IT Developer Netwo.. 이미지 모음 group LinkedIn logo 그룹 로고 링크드인 미국 비즈니스 인맥 카페 웹프로그래머 http://blog.hompy.info/543 http://blog.hompy.info/543#entry543comment Sun, 14 Dec 2008 17:10:30 +0900 MySQL 프로시져(PROCEDURE) 활용 샘플 소스 코드 http://blog.hompy.info/542 아래 소개된 SQL 소스 코드는 3가지의 MySQL 프로시져(PROCEDURE)를 이용해서 테이블 중에 개별 레코드의 특정 컬럼의 문자열을 구분자로 분리해서 별도의 테이블에 각각 하나의 레코드로 기록할 수 있도록 합니다. DROP TABLE IF EXISTS my_bundles; CREATE TABLE my_bundles(seq int auto_increment, total int, bundle text, PRIMARY KEY (seq)); INSE.. 데이타베이스 Cursor MySQL Procedure sql 데이타베이스 레코드 소스코드 커서 테이블 프로시져 웹프로그래머 http://blog.hompy.info/542 http://blog.hompy.info/542#entry542comment Sun, 14 Dec 2008 10:21:54 +0900 [CentOS] Apache,PHP,MySQL,Zend,OpenSSL,PEAR 설치 메모 http://blog.hompy.info/541 인터넷 서버 소프트웨어 설치는 서버 장애 발생으로 재설치를 하거나 새로 서버를 도입할 때 처음 하는 작업이므로 아주 드물게 하는 작업입니다. 그래서 전문적으로 관리하는 엔지니어가 아닌 이상 매번 설치할 때마다 오래된 기억을 더듬어 작업하게 되며 항상 경험해본 비슷한 실수로 대체적으로 순조롭게 설치 되지 않는 경우가 허다합니다. 요즘은 배포판이 좋아져서 손쉽게 인터넷 서버 운영이 가능하지만 성능을 높이기 위해 소스 컴파일로 설치 한다거나 배포판에 포함.. 인터넷서버 운영 apache APM설치 CentOS install MySQL OpenSSL pear php Source ZEND 보안서버 웹프로그래머 http://blog.hompy.info/541 http://blog.hompy.info/541#entry541comment Sat, 13 Dec 2008 13:36:57 +0900 개발자에게 이렇게 대할 경우 개발에 도움 안된다. http://blog.hompy.info/540 "개발자에게 이렇게 대할 경우 개발에 도움 안된다" 라는 주제로 몇가지 경우를 정리해봤습니다. 몇몇 항목은 개발자 뿐만 아니라 직원 또는 부하직원에게 해선 안될 불필요한 경우들입니다. 오늘 문득 이런 상황들을 정리해 봐야 겠다는 생각에 간추려 본 것으로 추후 편집 될 수 있습니다. 1. 수정사항이나 개선사항을 버그라고 표현하는 경우. 버그를 버그라고 이야기해도 개발자 입장에서는 썩 기분 좋은 일이 아닌데 수정사항이나 개선사항 조차도 버그라고 이야기.. 직장인 모임 IT개발자 기억상실 기획 버그 보상체계 성과 의욕 자존심 회의 효율 웹프로그래머 http://blog.hompy.info/540 http://blog.hompy.info/540#entry540comment Sun, 07 Dec 2008 12:52:04 +0900