어릴적 오락실에서 꽤 많은 동전을 삼켜버린 추억의 퍼즐 아케이드 게임 솔로몬의 키를 플레이 했습니다. 게임 스틱으로 했던 것을 키보드로 해보려니 잘 되지 않네요. ㅎㅎㅎ
추억의 게임, 솔로몬의 키 게임 플레이 동영상
어릴적 오락실에서 꽤 많은 동전을 삼켜버린 추억의 퍼즐 아케이드 게임 솔로몬의 키를 플레이 했습니다. 게임 스틱으로 했던 것을 키보드로 해보려니 잘 되지 않네요. ㅎㅎㅎ
어릴적 오락실에서 꽤 많은 동전을 삼켜버린 추억의 퍼즐 아케이드 게임 솔로몬의 키를 플레이 했습니다. 게임 스틱으로 했던 것을 키보드로 해보려니 잘 되지 않네요. ㅎㅎㅎ
자바스크립트, 모서리가 둥근 테이블 만들기.
자바스크립트, 모서리가 둥근 테이블 만들기.

자바스크립트, 모서리가 둥근 테이블 만들기.

| <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; var styleWidth, styleHeight; Parent = obj.parentNode; objTmp = document.createElement('SPAN'); Parent.insertBefore(objTmp, obj); Parent.removeChild(obj); bdcolor = obj.getAttribute('rborder'); bgcolor = obj.getAttribute('rbgcolor'); radius = parseInt(obj.getAttribute('radius')); if (radius == null || radius < 1) radius = 1; else if (radius > 6) radius = 6; MAX = radius * 2 + 1; Table = document.createElement('TABLE'); TBody = document.createElement('TBODY'); Table.cellSpacing = 0; Table.cellPadding = 0; for (trIDX=0 ; trIDX < MAX; trIDX++) { TR = document.createElement('TR' ); Space = Math.abs(trIDX - parseInt(radius)); for (tdIDX=0; tdIDX < MAX; tdIDX++) { TD = document.createElement('TD'); styleWidth = '1px'; styleHeight = '1px'; if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null; else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null; else if (radius > 2) { if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px'; if (Math.abs(trIDX - radius) == 1) styleHeight = '2px'; } if (styleWidth != null) TD.style.width = styleWidth; if (styleHeight != null) TD.style.height = styleHeight; if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor; else if (tdIDX > Space && Space < MAX - tdIDX - 1 ) TD.style.backgroundColor = bgcolor; if (Space == 0 && tdIDX == radius) TD.appendChild(obj); TR.appendChild(TD); } TBody.appendChild(TR); } Table.appendChild(TBody); Parent.insertBefore(Table, objTmp); } --> </script> </head> <body> <table id="ta" width= "300" height="140" border="0" radius="3" rborder="blue" rbgcolor ="#F8F8F8"> <tr> <td> 모서리가 둥근 테이블 입니다. <table id="taa" width ="200" height="120" border="0" radius="6" rborder="darkgreen" rbgcolor="#F8F8F8"> <tr> <td> 모서리가 둥근 테이블. </td> </tr> </table> </td> </tr> </table> <script> round_table("ta"); round_table("taa" ); </script> </body> </html> |
태그 : appendChild,
createElement,
getAttribute,
insertBefore,
JavaScript,
removeChild,
TABLE,
둥근,
모서리,
자바스크립트,
테이블
네이버의 얼굴과 내 블로그 디자인의 변화
네이버가 새해에는 새 얼굴로 성형 수술하고 2009년을 맞이합니다. 문득 네이버의 성형 수술 전 모습을 기록으로 남기면 좋을 듯 하여 스크린샷으로 담아봤습니다. 그리고 새해를 맞이하는 이 즈음 제 블로그도 변화하면 어떨까 해서 이것 저것 과하게 걸려 있던 것들을 정리하고 다소간 심플한 구조로 변경했습니다. 그리고 홈페이지 정보 블로그를 상징하는 플래시로 급히 만든 로고도 부착했습니다. 이렇게 블로그 디자인 변경으로 기분전환도 했으니 새해에는 지금보다 좀 더 알찬 블로그로 거듭나볼까합니다.
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
네이버가 새해에는 새 얼굴로 성형 수술하고 2009년을 맞이합니다. 문득 네이버의 성형 수술 전 모습을 기록으로 남기면 좋을 듯 하여 스크린샷으로 담아봤습니다. 그리고 새해를 맞이하는 이 즈음 제 블로그도 변화하면 어떨까 해서 이것 저것 과하게 걸려 있던 것들을 정리하고 다소간 심플한 구조로 변경했습니다. 그리고 홈페이지 정보 블로그를 상징하는 플래시로 급히 만든 로고도 부착했습니다. 이렇게 블로그 디자인 변경으로 기분전환도 했으니 새해에는 지금보다 좀 더 알찬 블로그로 거듭나볼까합니다.
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
직장인 인맥 만들기 2008 송년회 후기
이번 송년회는 역삼역에서 거리가 좀 있지만 그리 멀지 않은 곳에서 하게 되었습니다. 이번 정모 장소는 경력있는 요리사가 준비한 맛있는 안주를 무제한 제공 받을 수 있고 가게 전체를 쓸 수 있고 노래를 부를 수 있는 라이브 공간과 세미나 등에 활용될 수 있는 프로젝터 설비를 사용할 수 있는 것 등의 장점이 있어 선택하게 되었습니다. 오늘은 몇분이나 오실까 설레는 마음으로 30분 일찍 와서 기다리고 있는데 정모 시간 전인데도 한 분 한 분 속속 도착하셨고 읽찍 참가하신 분들을 위해 출출함을 달랠 수 있는 국수를 드시게 하는 와중에 어느세 테이블마다 참가 회원들로 체워졌습니다. 참가신청자 110명 중에 70 ~ 80 명이 참석할 것으로 예상했으나 연말이라서 그런지 60여명 참석했으며 이번 모임에서도 새로 참여하신 분들이 많아서 얼굴 익히느라 바빴습니다. 늘 그렇듯이 처음에는 좀 어색하고 서먹했지만 시간도 어느 정도 흐르고 알코올 효과로 인해 분위기는 뜨거워 졌고 테이블 마다 맴버 교체를 할 수 없을 정도로 서로 친밀감을 과시했습니다. 이번 정모는 지기들과 스캐쥴이 맞지 않은 관계로 행사 전반은 단독으로 진행하게 되서 준비된 이벤트를 하지 못하는 아쉬움이 있지만 만남 자체만으로도 전 즐거웠고 참가 회원 여러분들도 즐거워 보였습니다. 1차는 쿠켄비어에서 했고 2차는 두 팀으로 나뉘어 작은 주점에서 팀마다 진행했습니다. 제가 함께한 팀은 1차의 아쉬움을 체우기 위해 주점에서 소주잔을 기울이며 이런 저런 사는 얘기, 클럽 이야기를 나누었습니다. 그러는 와중에 대중 교통 막차 시간이 가까워졌고 다음 모임을 기약하며 각자 집으로 향했습니다. 올해는 편안한 만남이 있는 정모를 3회 하는 것으로 만족해야 했지만 내년에는 되도록이면 오프라인에 힘써줄 수 있는 운영진을 확보해서 주제가 있고 내용이 있는 모임을 하게 되길 바라며 올해보다는 많은 횟수의 모임을 할 수 있도록 신경써봐야겠군요. 이번 모임에서 뵌 모든 분들 반가웠고 즐거웠습니다. 이번 송년회 참가자 여러분들 모두와 우리 3만5천여 회원 여러분 모두 새해에는 바라는 소망 모두 성취하시길 바라며 새해에 다시 치뤄질 정모에서 뵙도록 합시다.
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
성탄절, 산타, 눈사람, 흰눈이 있는 겨울 홈페이지 로고들
성탄절, 산타, 눈사람 그리고 흰눈이 있는 겨울 홈페이지 로고들입니다. 성탄절과 겨울 분위기에 맞는 로고를 노출하며 홈페이지를 운영하는 곳이 많더군요. 이름만 들어도 알만한 포털과 인기 사이트들 위주로 로고를 수집해봤습니다. 문득 이 수 많은 웹사이트들의 로고를 수정하기 위해 얼마나 많은 인력과 비용이 투입되었을지 궁금합니다. 내년 이맘때에는 디자인을 준비해서 내 블로그에도 겨울 분위기를 내봐야겠네요.^^

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/551
성탄절, 산타, 눈사람 그리고 흰눈이 있는 겨울 홈페이지 로고들입니다. 성탄절과 겨울 분위기에 맞는 로고를 노출하며 홈페이지를 운영하는 곳이 많더군요. 이름만 들어도 알만한 포털과 인기 사이트들 위주로 로고를 수집해봤습니다. 문득 이 수 많은 웹사이트들의 로고를 수정하기 위해 얼마나 많은 인력과 비용이 투입되었을지 궁금합니다. 내년 이맘때에는 디자인을 준비해서 내 블로그에도 겨울 분위기를 내봐야겠네요.^^
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/551



