프로그램 308

시간날때 꼭 읽을 만한 javascript guide

Good...... Reference HERE ---------------------------------------------------------------------------------------------------------- 아래는 구글의 coding style guide 입니다. 역시 구글이군요 Google Javascript Style Guide ---------------------------------------------------------------------------------------------------------- 아래는 javascript language level 에서 꼭 알아 두어야할 사항들이 정리 되어 있습니다. (아마 중급자 이상) JavaScript Garden

프로그램/script 2011.05.04

jQueryUI Datepicker - Calendar 사용법

더이상 javascript calendar 선택에 고민하지 말자.. jQueryUI Datepicker Plugin 멀더도 이것, 저것 심지어 만들어서 사용도 해왔지만, 이제 다 버렸다. ... jQueryUI 에서 가장 사랑받는 ui 는 아마도 Dialog > Tab > Tree ,,, 그 다음이 Calendar 일것 같다. (개인적인 소견임) 아래는 제가 프로젝트에 적용한 UI Capture 화면 입니다. Simple한 화면 구성에서 부터 복잡한 화면 구성까지 거의 대부분의 기능이 포함되어 있다.. 어차피 jQuery를 사용한다면, Calendar 는 jQueryUI 의 Calendar Plugin 을 사용하자. :D 사용법 : 아래는 사용법의 일례입니다. 생각보다 많은 옵션을 제공 하고 있습니다. ..

프로그램/jQuery 2011.04.29

정말쉬운 jQuery DropDown Menu 'droppy'

Web 개발자가 자주 접하는것중 하나가 DropDown 메뉴 입니다. 사이트를 서핑하다가 좋은 메뉴가 있어서 보면 대부분 플래쉬거나, 복잡도가 상당한 메뉴인경우가 대다수 입니다.... 혹시 boxy 라고 아시는분이 있을지 모르지만 그거 만든 개발자가 아주 쉽게 개발한 메뉴 스크립트가 있습니다. 스크립트가 아주 짧고 간단하면서도 효율성이 좋아서 소개 합니다.. 이름하여 droppy 원사이트에서 설명한 부분을 보자면 Nested drop dwon menus 라는 부제가 있습니다. 즉 하위 아이템이 있으면 자동으로 연결되는 구조라는 얘기인것 같네요, 이제 각설하고 droppy 에 대해 알아 보죠. 아래가 Demo Screen 입니다. ::: droppy 소스 및 관련 css ::: HTML내에서 메뉴를 만들기..

프로그램/jQuery 2011.04.28

oracle tnsnames.ora 설정

오늘도 한건 올립니다... 오랫동안 유지되고 있는 oracle sql/net 접속을 위한 tnsnames.ora 의 형식을 설명 합니다. 보통 파일의 위치는 $YOUR_ORA_HOME/NETWORK/admin/tnsnames.ora 입니다. 1. 싱글호스트의 경우 COMMON_CONNECTION_ALIAS = (DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (PROTOCOL = TCP)(HOST = $OracleServerIpAddress)(PORT = $OracleServerTcpPort)) ) (CONNECT_DATA = (SERVER = DEDICATED) (SERVICE_NAME = $OracleServiceName) ) ) 2. RAC 로 연결된 경우 RAC_CONNE..

커서이동 tip) textarea 박스오픈시 Caret을 맨 뒤로 이동 시키기

HTML TextArea Box 난 Inputbox 에서 원하는 위치로 커서를 이동시키는 작업을 하는경우의 TIP입니다. 저도 구글링해서 구했지만, 여러모로 요긴하게 사용 가능합니다... (pos parameter 값을 0 으로 주면 그냥 포커싱을 하게 됩니다.) 작은TIP 이지만 잘 모르면 ... 바보 됩니다. function setCaretEndOfText(ctrl, pos) { ctrl = ctrl.get(0); pos = ctrl.value.length; if(ctrl.setSelectionRange) { ctrl.focus(); ctrl.setSelectionRange(pos,pos); } else if (ctrl.createTextRange) { var range = ctrl.createTex..

프로그램/script 2011.04.04

mysql utf-8 setup guide

db 작업.. 특해 개발자에게 한글처리는 사실 좀 고통입니다. 특히 오픈소스 디비들은 개발자가 잘 세팅하지 않으면... 고생길이죠. 좋은분이 좋은글을 써준신걸 스크랩 했습니다.. http://blog.artgia.com/335 아래데로 하고 개발시 모든 코드를 utf-8로 설정하세요. 그래도 안되는게 있담면 characterset filter 로 강제로 request characterset 을 utf-8 로 강제로 지정하세요... 일단 DB 쪽은 아래와 같이 하시면 만사 오케이 ~ 1. etc/my.cnf (또는 my.ini) 에서 캐릭터셋 수정 [client] #password = your_password default-character-set=utf8 [mysqld] init_connect=SET c..

그동안의 ppt 작업은 잊어라 ~, 환상적인 스토리보드 작성툴 WireframeSketcher 을 소개 합니다.

대충 웹작업은 반이상은 고객의 생각을 구체화 하기 위한 작업이라고 생각 하는데,,, 동의 하시나요 .? 토요일 할일도 없이 출근해서 이곳저곳 서핑하다가 확 끌리는 툴이 있어 바로 리뷰 등록 하기로 했습니다. WriteframeSketcher .... 라는 storyboard 작성 툴인데 정말 추천할 만 합니다. 바로 설치 해 보고 테스트 해 봤는데, eclipse plugin 이라고 생각 할 수 없을 만큼 깔끔하고 빠른 반응이 참 좋네요 http://wireframesketcher.com/ component test - install - 설치는 해당 사이트가셔서 eclipse plugin install url로 하시면 됩니다.. - eclipse Project Explorer screen(로그인/메인/서..

프로그램 2011.02.26

[jQuery plugin] 기본값이 있는 inputbox 만들기

멀더가 만든 또하나의 jQuery Plugin... - name : jsMarkingInput - desc : 기본값이 있는 html inputbox 웹개발에서 아주 많이 사용하는 기능중 하나가 HTML INPUT BOX 에 기본값을 넣어 두고, keyin 이나 click 이벤트에 clear 시켜 주는 작업입니다.. 이런 작업을 아주 손쉽게 할 수 있는 초간단 Plugin 을 개발해 보았습니다. (많은 테스트가 없어서, 버그가 있을 염려가 있습니다.) DEMO output 1. 기본값이 미리 입력되 있다. 2. click 시 기본값이 clear 된다. // Script (function($) { $.fn.jsMarkingInput = function(o) { o = $.extend({ grayColor:..

프로그램/jQuery 2011.02.18