{webkini_blog;}

CVS, SVN 등과 비슷한 개발협업의 버전관리등을 위한 Git을 사용해보기로 했다. 이래저래 고민하다가 티스토리 스킨을 관리해보기로 하고, IDE는 Aptana3로 Git 서버는 Github를 사용하기로 결정. Github에서 가입하고 Repository 를 만드는건 쉽게 했는데, Aptana2로 연결하는게 생각처럼 쉽지는 않았다. 그래서 사용한 방법이 Github와 Master Repository를 만들고 초기 설치는 오리지널 git 프로그램으로 하고, 그뒤에 설정된 Repository를 Aptana에서 연결하는 방법을 사용하기로 한다.(Aptana는 이클립스 계열이므로 아마 이클립스에서 연결하는 방법도 비슷하지 않을까 생각된다. 요점만 추려보면 Github 가입 Aptana 2/3 (http://a..

원문 : http://sixrevisions.com/css/10-random-css-tricks-you-might-want-to-know-about/ 원문을 해석한게 아니라 제가 그냥 이해한대로 요역해서 정리 했습니다. 1. em 을 쉽게 쓰기 위한 body 스타일body { font-size:62.5%; } p { font-size:1.2em; } body 에서 font-size를 62.5%로 세팅하게 되면 em값을 px값처럼 쉽게 매치 시켜 쓸 수 있습니다. body 세팅후에 font-size값은 1em = 10px, 1.2em = 12px 이런 식으로 사용가능해 집니다.(미확인) 2. webkit계열 브라우저의 입력폼 외곽선 없애기 크롬이나 사파리 등을 사용하면 입력폼 외곽에 포커스 되면 유색 외곽..

문자등을 정수형으로 바꿔주는 CINT 사용시 크기에 제한이 있음을 발견. 변환 숫자가 2^15 = 32,768 이 넘는 경우 에러를 발생함. 일단 값은 숫자로 나오는 관계로 INT로 변환해서 사용.

오래전에 사서 좀 쓰다가 노는 보드를 재활용 해보고자 가벼운 운영체제를 찾던 중 우분투가 선택되었습니다. 예전에도 한번 써보고 싶긴했지만 어느정도로 가벼운지도 몰랐고 막 돌릴수 있는 컴퓨터도 없었기 때문에 좀 처럼 설치하고 써볼 기회가 없었습니다. 원래는 예전에 사둔 EPIA M10000 느헤미아를 이용해서 동영상만이라도 볼 수 있는 기계로 만들려고 했지만, 동영상 돌려본 결과 현재 성능으로는 어림도 없는거 같습니다. 어떤 우분투를 사용해야 하나? 리눅스에도 많은 배포본이 존재합니다. 우분투를 선택하면 끝일줄 알았는데, 우분투 내에도 여러 가지들이 있더군요. http://ubuntu.com/ 1. 처음에 우분투 넷북을 설치합니다. 정말 가볍다고 해서 설치했는데, 글꼴이 다 뭉게지네요. 그렇다고 가벼워 보..

브라우저에 따라서 다르게 나타나는 문제입니다. IE가 아닌 브라우저에서는 마우스 이벤트를 잡아내는데 별 이상이 없는지라 마우스의 드래그앤 드롭 신호를 정확히 잡아 냅니다. 근데 IE에서는 마우스 이벤트를 제대로 잡아 내지 못하는 경향이 있습니다. 드래그 신호가 마우스 버튼을 땐 후에도 사라지지 않아 한번 더 누를때까지 계속 잡혀 있을 수도 있고, 드래그 중에 갑자기 끊어지는 경우도 있습니다. Mootools 에서 보면 드래그 드롭 신호를 처리하는 곳이나 혹은 Sortable 클래스를 사용할때 문제가 되고 있습니다. Sortable 기능은 개인적으로 좋아하는지라 자주 사용하는데 IE에서는 사용이 그다지 원활하게 이루어지지 않아서 늘 불만이 있던 부분이었습니다. 물론 다른 브라우저에서는 테스트를 해봤는데 그..

오버레이(Overlay)란 플러그인은 웹 페이지 컨텐츠 위에 또 다른 레이어를 사용해 검게 혹은 희게 덮는 방법을 얘기합니다. 보통 폼이나 이미지, 동영상 플레이어 등을 화면과 분리해서 독립적으로 나타내고자 할때 사용하게 됩니다. Mootools에는 오버레이 플러그인이 그렇게 많지 않습니다. 제가 언듯 보기에 2~3가지 정도 대표적인 오버레이가 있는 것으로 봤습니다. 프로젝트 때문에 오버레이 플러그인을 찾아 사용해야 됐는데, 원래 http://digitarald.de/project/squeezebox/ 에 있는 Squeeze Box를 사용했었는데 일단 오버레이와 창을 같이 쓸 수 있도록 되어 있는거라 사용하기는 편하지만, 문제가 있습니다. 오버레인 순간 뒤쪽에 자리잡은 컨텐츠 일부가 사라져 버립니다. 플..

HTML 형식으로 된 파일 컨텐츠를 읽어서 분석하거나 추출해야 되는 상황이 있었는데, 이전까지 HTML은 XML의 일종으로 보고 관련 CLASS라든지 함수들을 사용해보려고 했지만 대부분 HTML 코드가 완전한 XML 문법을 쓰지 않는 경우라 제대로 XML 관련 클래스나 함수를 사용하기가 쉽지 않았다. 몇일전 필요한 일이 있어서 - HTML 테이블 형식의 xls(엑셀파일)을 읽어서 DB로 부어야 해서 - HTML Parser 로 검색하니 1년 넘게 찾던 바로 그 솔루션을 찾아 냈다.(검색도 머리 좋아야 고생안하지 ㅠㅠ) 약간 아쉬운 건 요구사항이 PHP 5 이상(요새 호스팅은 거의 5 이상이긴 하다)이라는 점? 특징은 잘못된 HTML 형식도 사용가능하고 jQuery등과 같은 자바스크립트 라이브러리(프레임웍..

근 1년만에 윈도우에서 돌아가는 APM 패키지인 RWAPM이 업데이트 릴리즈되었다. 윈도우에 설치해서 사용하는 APM 패키지들이 여러가지 있다. 다른 프로젝트로 서너가지 써봤지만 RWAPM이 가장 안정적으로 돌아가는 프로그램이었다. APM 각각을 받아서 설치하는 방법도 있지만 설치하기도 복잡하고 연동시키기도 쉽진 않다. 외부에 서비스해야 되는 상황이었기 때문에 각 패키지들을 버전이라든지 여러부분들을 비교해본 결과 RWAPM을 선택해 사용하고 있다. RWAPM이외에 잘 알려진 APM패키지는 APMSETUP : http://www.apmsetup.com/ 오토셋 : http://www.autoset.net/ XAMPP : http://www.apachefriends.org/en/xampp.html 등이 있다..

Mootools를 이용해 Checkbox 한꺼번에 토글할때 사용하는 코드이다. PHPSchool 에 보면 Mootools를 이용해 그냥 HTML 태그를 셀렉터로 이용하는 방법도 본 것 같은데, 일단 이건 id나 class셀렉트 해서 사용하는 방법이다. checkall 이벤트를 이용해서 미리 이벤트를 정해놓거나, 함수로 지정해서 onclick 이벤트에 사용하는 방법으로 구현해도 좋을듯하다 먼저 HTML 코드는 스크립트 코드는 다음과 같다 $('toggleall').addEvent("click",function(){ var value = $('toggleall').checked; $$('.checkone').each(function(el){ el.checked = value; }); });

http://mootools.net/blog/2009/09/22/mootools-124-released/ 무툴즈가 1.2.3 대에서 더이상 업데이트가 없을줄 알았는데, 업데이트를 하는군요. 일단 버그라든지 브라우저관련 문제(파이어폭스 버전업하면서 변동사항이 좀 있나보네요)들 해결때문에 1.2.4 버전을 릴리즈한다고 합니다. 업데이트 하면서 새로운 플러그인과 몇몇 기능 첨가 / 개선을 한다고 하네요. Mootools 2도 준비중인데 속도최적화에 중점을 두는듯 합니다. 아마 내년초나 봄정도에 나오지 않나 예상되네요. 아직 1.2.4버전은 다운로드 받을순 없고 이번주 , 다음주내로 릴리즈 될 듯 합니다.

최근에 Ajax에 이어 서버 PUSH 혹은 Comet등의 기술을 접목해 리얼타임 웹 어플리케이션이 가능해진 상황에서 게임이 없다는게 이상했었는데 이미 이런 프로젝트가 진행중에 있다니... 간단한 네트웍 캐쥬얼게임도 아닌 MMORPG 게임이다. 현재는 클로즈베타로 테스트중인거 같은데 스크린샷만으로는 꽤 퀄리티가 있는 게임으로 만들고 있는듯 하다. 최근에 트라비안?도 Ajax 기술을 사용한 웹게임인데 간단한 명령을 주고 턴에 따라 단순한 작업을 반복해야 하다보니 썩 재밌는 게임은 아니었다. 물론 게임내에 연합과 약탈들의 즐거움도 있겠지만... 일단 최종결과가 어떻게 될지는 모르겠지만, 리얼타임 웹게임으로써 좋은 결과를 보여줬으면 한다. http://www.vanthia.com/ http://forums.va..

맘에 드는 스킨도 없고 조작해서 고치기도 쉽지 않아서 3일동안 끙끙거리며 아주 간단한;; 스킨을 만들다... 주요 특징은 전체 폭 960px , 내용 폭 710px(700px 권장), 사이드바 폭은 230px 입니다. 내용 폭을 크게 하였고 1024x768 허용가능한 최대 폭은 960px를 적용했습니다. 텍스트 위주로 구성되었으며 무채색 위주로 색구성을 했습니다. 최대한 코드를 줄인 상태이며(제 능력껏), CSS 경우 완전하지 않을 수 있습니다. 아직 블로그를 100% 활용하진 못해서 스킨에 어느정도 오류가 있을 것으로 추정됩니다. 브라우저 테스트는 IE6,IE7,IE8,FF,Chrome 2,Opera 9,Safari 4에서 테스트 했습니다. 레이아웃이 완전히 일치하지는 않지만 깨지거나 그런점은 아직 발..

예전에 새 델타포스 시리즈가 나오면 미국에서 사려고 직접 수고를 하던 생각을 하면 많이 편해진거 같습니다. 고전 시리즈부터 최신작까지 스팀으로 다운받아 하실 수 있습니다. 누가 살지는 잘 모르겟지만, 나중에 Angel Falls가 나오면 이용해봐야 될듯. 아직 결제/구입같은건 안해봐서 가격은 달러($)로 나오는데 어떻게 구입하는지 모르겠네요. 다른 게임들도 스팀으로 구매하는데 참고해봐야 겠습니다. 링크 : http://store.steampowered.com/search/?term=novalogic 하단에 언어선택에 Korean 맞추시면 한글 사이트로 보입니다. 예전 게임들은 만원 안밖의 저렴한 가격에 서비스 하네요. ㅋ 아머드피스트 멀티도 재미있었는데...

관련글 : http://mootools.net/blog/2009/06/19/mootools-123-released/ 2.0 버전 이전에 1.2버전중 마지막 버전인 mootools 1.2.3이 릴리즈 됐습니다. 몇가지 버그 수정과 프레임웍간의 충돌 해결에 중점을 둔 수정인것 같습니다. 내용은 다음과 같습니다. Core Element: MooTools compatibility mode: the $ function is only defined if no pre-existing $ function is found. If an existing $ function is found, you can use document.id() Element: changed internal instances of $ to docum..

크로스 브라우징, 혹은 특정 브라우저에서 사용할만한 CSS 팁. 1. inline block inline-block 이 듣는경우 float를 사용하지 않아도 되고, 리스트 구성에 큰 도움이 된다. 근데 아직 필요한 경우가 없어서 이 코드는 확인 못해봄. This is awesome 2. 사파리 textarea 리사이즈 막기 사파리나 크롬의 경우 textarea가 리사이즈 가능하도록 나온다. 이때 사용하면 좋을듯. (확인했음!) / * Supports: car, both, horizontal, none, vertical * / textarea { resize: none; } 3. 라운드 코너(FF/Safari only) IE는 해당사항 없다. .rounded{ -moz-border-radius: 5px; ..

Mootools(무툴즈) : Javascript Library(or Framework) 주소 : http://mootools.net/ MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API. Core 다운로드 ( YUI Compressed )

노바로직 게임의 영향력은 국내에서 이젠 미미해져서... 아직 노바로직이 안망하고 계속 가는게 신기할 정도다. 예전 코만치, 아머드 피스트, 델타포스 초기 시리즈때만 해도 잘 나갔지만, 이전에 썼지만 델타포스 차기작 Angel Falls 출시가 늦어지면서 막간을 이용해 DFX2가 나온다고 했다. 이번에 오픈베타를 하는걸로 봐선 예전 데모와 비슷한 분위기인데, 아직 설치해서 게임을 해보진 않아서 잘 모르겠다. 엔진은 가장 최근에 나왔던 조인트오퍼레이션 엔진을 쓴다고 밝혔던거 같고 다운받아서 설치해봐야 겠다. 오픈베타 파일 다운로드 : 이곳에서 파일크기는 약 500메가정도이면 다운받는데 20~30분정도 걸렸다. 노트북에서 다운받아 실행했는데 노트북 사양이 나쁘진 않은데 느려서; 일단 포기했다. 내일 시간될때 ..

출처 : http://tools.uvumi.com/externalize.html Mootools를 이용해 새창에서 링크를 열도록 하는 스크립트이다. 다른 자바스크립트 라이브러리에서도 셀렉터나 관련요소들을 컨버팅해서 간단히 적용시킬수도 있을듯하다. 코드 1 첫번째 코드는 블로그, 소규모회사 페이지, 포트폴리오와 같은 사이트에서 유용한 코드 var externalize = function(){ $$('a[rel="external"]').addEvent('click',function(e){ e.stop(); window.open(this.get('href')); }).removeProperty('external'); }; 코드 2 간단한 코드인데 링크들이 많이 걸리는 페이지에 유용한 코드 var externa..

폼값 처리하는 플러그인들이 많이 있는데 대부분 div 나 폼값 스타일들에 메시지가 나오는 경우가 대부분이다. 이 플러그인은 그런 형태도 지원하면서 툴팁도 테마로 지원한다. 그리고 클래스 옵션들을 보면 세세한 부분까지 신경쓴 흔적이 많이 있다. 일단 사이트는 http://moo.floor.ch/ 아직 버그들이 드문드문 있는거 같다. 포럼가서 보니 문의가 좀 있네... * UPDATED #1 : validate['submit'] bug 1. 시작하기 글을 쓰는 현재 시점의 버전은 1.4.2 버전이다. 다운로드 받은 뒤 압축을 풀어보면 formcheck.js 와 기타 디렉토리들이 존재한다. lang 은 alert 언어에 대한 스크립트가 있고, theme 에는 css와 툴팁에 대한 테마가 들어 있다. 사용을 위..

예전에 몇년간 아웃룩을 쓰다가 윈도우에 너무 종속적인거 같아서 썬더버드로 바꿨다. 모질라 계열이 그렇듯 테마 스킨을 입혀도 투박한듯한 느낌은 계속 있다. 1. 백업하기(Backup) 메뉴에 내보내기를 아무리 찾아봐도 없어서, 검색해보니 그냥 디렉토리를 통째로 복사하거나 압축하면 된다고도 하며 Mozbackup 이라고 모질라 계열 어플리케이션을 종합적으로 백업해주는 프로그램도 있다. MozBackup : http://mozbackup.jasnapaka.com/ 디렉토리는 C:\Documents and Settings\사용자이름\Application Data\Thunderbird\Profiles ( 줄여서 %APPDATA%\Mozilla\Firefox\Profiles , Application Data는 숨겨..