본문 바로가기

프로그래밍376

JavaScript 분기문 Switch Switch Statement switch(n) { case 1: execute code block 1 break; case 2: execute code block 2 break; default: code to be executed if n is different from case 1 and 2 } 대표값을 비교하여 특정 블럭을 실행시킬 수 있다. n이 case 문에 의해 true가 되면 해당 블럭이 실행이 된다. break; 키워드가 있는 것을 눈여겨 봐야 한다. break 키워드는 해당 조건을 실행하고 switch 문을 빠져나가는 역할을 하게 된다.default 키워드는 모든 조건이 참이 되지 않았을 경우 실행되게 된다. 즉 if.. else의 else 문과 같은 것이다. var day=new Dat.. 2013. 1. 4.
JavaScript 조건문 ( if .. else ) If ... Else 조건 분기문 (If...Else Statements) 아주 빈번하게 사용하게 된다. 사실 코드의 대부분은 이 분기문으로 구성되어 있다. 쉽게 생각하면 심리게임을 떠올리면 된다. Yes면 1번길로 No면 2번길로가 되는 것이다. If 단독문if (condition) { code to be executed if condition is true } 아래 예제는 현재 PC에 보이는 시간이 20시 이하면 특정한 행동을 하는 예제이다.if (time 2013. 1. 4.
JavaScript 연산자 ※ 참고로 이 포스팅은 자바스크립트 스터디를 위한 간략 설명입니다.Operator 연산자 = 는 대입 연산자+ 는 더하기 연산자 초등학교 때 배우는 사칙연산은 그대로이다. OperatorDescription ExampleResult of xResult of y +Additionx=y+275 -Subtractionx=y-235 *Multiplicationx=y*2105 /Divisionx=y/22.55 %Modulus (division remainder) x=y%215 ++Incrementx=++y66 x=y++56 --Decrementx=--y44 x=y--54 대입 연산자(JavaScript Assignment Operators) OperatorExampleSame AsResult =x=y x=5 +=.. 2013. 1. 4.
JavaScript 오브젝트(Object) 설명 ObjectsJavaScript의 대부분이 Object 이다. 내장 객체 뿐만 아니라 사용자 객체 추가도 가능하다. JavaScript Object자바스크립트는 여러개의 내장 객체(built-in object)를 지니고 있다. String, Date, Array 등등..object들은 속성들(properties)과 함수들(methods)로 구성된 특징이 있다. Objects Properties Property는 객체와 연관된 값이다. 객체의 속성에 접근하는 방법은 아래와 같은 "점" 연산자를 사용한다.objectName.propertyName 아래 예제는 문자열의 길이 속성을 이용하여 문자열의 길이를 알아내는 예제이다.var message="Hello World!";var x=message.length;.. 2013. 1. 4.
JDE 개발 시 필수 유틸, JDE Object Browser 이 녀석 물건이다. 꼭 필요한 유틸이다. JDE 개발 시에 이것보다 편한 유틸을 보지 못했다. 물론 개발 툴이 많지도 않지만... ㅠㅠ 반드시 사용해 볼 것.. 비즈니스 펑션도 바로 테스트 할 수 있다. 게다가 프리웨어다. 한가지 아쉬운 점은 한글 지원이 안된다는 것... 다 물음표로 나온다. 아쉽다. 어쨌든 링크 주소를 씌운다. http://patwel.com/downloads/index.htm 아래는 스샷이다. 비즈니스 펑션 테스트 화면이다. 아래는 이벤트룰 표시해주는 스샷이다. 2012. 11. 27.
BSFN (비즈니스 펑션) 모음 JDE 개발 시 자주 사용하는 Business Function 모음 최초 개시일 : 2012.11.27 최근 개정일 : 2012.12.20 B4000520Get Item UoM Conversion Factor단위 변환 B9861BCarriage return to String문자열에 캐리지 리턴 추가 B952334Replace a String to a String문자열 치환 X0005Get UDCUDC 정보 획득 MD_DEBUGmd debug디버그 용 창 띄우기 B4000370Get Default BranchMCU 가져오기 N4002400Get Version Titleversion description 가져오기 2012. 11. 27.
FDA에서 브라우저가 뜨지 않을 때 truncate 하기 환경 : JDE ERP OMW 8.98.34 버전 + MSSQLJDE OMW 완전 종료 한 후에 MSSQL에서 jdesselocal DB 접속use jdelocal_dv900select * from f989998 select * from f989999/*truncate table f989998 truncate table f989999*/truncate 한 다음에 OMW 재실행.꼭 Grid에 컬럼 변경하거나 추가하면 이 지랄을 해야함. 제발 이런 버그 좀 없애줘 오라클~ 2012. 11. 20.
UI Droppable, 이미지 갤러리 휴지통 기능 구현 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드래그 앤 드롭으로 휴지통에 버리기 구현 source view High Tatras View larger Delete image High Tatras 2 View larger Delete image High Tatras 3 View larger Delete image High Tatras 4 View larger Delete image 휴지통 휴지통 2012. 7. 20.
Droppable, visual 효과 처리, revert 기능 제어 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드롭 visual 효과처리 source view 개요 : 드롭될 요소에 따라 시각적인 효과 처리를 달리 합니다. hover가 되야 클래스 변경 : Drag me to my target Drop here 요소를 움직이면 클래스 변경 : Drag me to my target Drop here 드롭 복귀 기능 제어source view 개요 : 다시 제자리로 돌아가는 두가지 패턴의 예제입니다. 타겟 영역에 올리면 복귀 기능을 가집니다. 타겟 영역에 드롭된 후에 타겟 영역으로 복귀되는 기능을 가집니다. Dr.. 2012. 7. 20.
Droppable, 드롭 기본사용, 드롭 비활성, 전달 방지 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드롭 기본사용 source view 개요 : 드롭 기능의 기본 사용법입니다. target에 드래그 드롭하세요! Drop here 드롭 기능 활성/비활성source view 개요 : 드롭을 가능하게 하거나 불가능하게 옵션을 제어합니다. 드래그는 되지만 드롭은 안됨!! 타겟에 드래그 드롭 가능 accept: '#draggable3' 전달 방지 source view 개요 : greedy 옵션을 이용하여 타겟에 드롭 됬을 경우, 상위 요소로 드롭 효과가 전달되는 것을 방지하거나 허용 내부요소로 움직여 보세.. 2012. 7. 20.
Draggable, 핸들러 제어, 드래그 + 정렬(Sortable) 기능 Draggable 원문 링크 http://jqueryui.com/demos/draggable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse 핸들러 설정 source view 개요 : 핸들러를 설정하여 드래그 제어 요기를 잡아야 움직임 여기를 잡아야 움직임 여기는 안 움직임 여기는 안 움직임 여기는 안 움직임 핸들 제어하기source view 핸들과 커서를 제어하기 항상 center로 이동 커서 위치가 좌상단 -5, -5 로 이동 커서가 bottom으로 이동 드래그 + 정렬(sortable) source view 드래그가 가능하고 순서를 바꿀수 있습니다. 아래로 드래그하세요. Item 1 Item 2 Item 3 Item 4 Item 5 2012. 7. 11.
Draggable, 드래그 Delay 주기, snap효과, 복원 Draggable 원문 링크 http://jqueryui.com/demos/draggable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse Delay 주기 source view 개요 : 드래그 함수 Delay 주기 바로 드래그 가능 클릭 후 1초를 기다려야 드래그 가능 자석/그리드 효과주기source view 특정 영역에 자석효과 및 그리드 효과 주기 snap 타겟 박스입니다. 기본타입 (snap: true), 드래그가 되는 다른 모든 요소에 snap 됩니다. 오로지 타겟박스에만 snap 됩니다. 오로지 타겟박스 바깥에만 snap 됩니다. 20 x 20 그리드 형태로 움직임 80 x 80 그리드 형태로 움직임 제자리로 돌아가기 source view 드래그 후.. 2012. 7. 10.
Draggable, 드래그 기본사용, 이벤트 제어, 움직임 제한 Draggable 원문 링크 http://jqueryui.com/demos/draggable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse 기본 사용법 source view 개요 : 드래그 함수 기본 드래그 하세요. 드래그 이벤트 보기 source view 드래그 함수 이벤트 작동 방식 보기 드래그 하면 이벤트 발생 횟수를 볼 수 있습니다. "start" invoked 0x "drag" invoked 0x "stop" invoked 0x 드래그 제약 조건 걸기 source view 특정영역 안에서만 움직이거나 움직임의 방향을 제어할 수 있음 좌우, 상하 이동 제어 위 아래 이동만 가능 좌 우로만 이동 가능 부모 창 내에서만 이동 가능하도록 제어 부모 박스 안.. 2012. 7. 10.
jQuery.unique(), DOM 요소 배열에서 중복된 노드를 제거 jQuery.unique() 원문 링크 http://api.jquery.com/jQuery.unique/ jQuery.unique( array )Returns : Array 개요 : DOM 요소 배열에서 중복된 노드를 제거하고 정렬합니다. 이 함수는 오로지 DOM 요소 배열에만 사용할 수 있습니다. jQuery.unique( array ) array DOM elements 배열. $.unique() 함수는 오브젝트 배열을 정렬하고 중복된 노드를 제거합니다. 이 함수는 DOM 요소들로 구성된 배열에만 사용할 수 있으며 주로 jQuery 내부 작업용으로 사용합니다. jQuery 1.4 부터 document 순서에 따라 결과가 정렬됩니다. 예 제 소스닫기 중복되는 div 를 추출해서 제거합니다. There a.. 2012. 7. 2.
jQuery.type(), object 타입 알아내기 jQuery.type() 원문 링크 http://api.jquery.com/jQuery.type/ jQuery.type( obj )Returns : String 개요 : object의 type을 알아냅니다. jQuery.type( obj ) obj type을 알아낼 인자/li> 아래와 같은 데이터 타입을 알아낼 수 있습니다. object가 undefined, null일 경우, "undefined" 이나 "null" 이 반환되게 됩니다. jQuery.type(undefined) === "undefined" jQuery.type() === "undefined" jQuery.type(window.notDefined) === "undefined" jQuery.type(null) === "null" 만약 브라우저.. 2012. 7. 2.
jQuery.trim(), 양쪽 끝 공백 제거 jQuery.trim() 원문 링크 http://api.jquery.com/jQuery.trim/ jQuery.trim( str )Returns : String 개요 : 문자열 양쪽 끝의 공백을 제거합니다. jQuery.trim( str ) str 문자열 $.trim() 함수는 양쪽 끝의 공백 문자열을 제거합니다. 예 제 소스닫기 trim 함수 예제 미리보기 이 함수는 궁극의 함수이죠? 정말 활용도도 많고 자주 사용하기도 합니다. javascript 자제에 이 함수가 없죠. 그래서 정규식으로 많이 만들어서 사용합니다만.. jQuery에서 멋진 함수를 구현해 놓았네요. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2012. 7. 2.
jQuery.removeData(), 데이터를 제거 jQuery.removeData() 원문 링크 http://api.jquery.com/jQuery.removeData/ jQuery.removeData( element [, name] )Returns : jQuery 개요 : 데이터를 제거합니다. jQuery.removeData( element [, name] ) element 제거할 데이터가 있는 DOM 요소 name 제거할 데이터의 name jQuery.removeData() 함수는 jQuery.data() 함수를 이용해 세팅했던 이전 데이터를 제거합니다. key를 알아서 그 key로 접근하면 실제 value가 제거되게 되는 것입니다. 인자를 주지 않으면 모든 value가 한꺼번에 삭제됩니다. 예 제 소스닫기 2개의 데이터를 세팅하고 그중 하나의 데이.. 2012. 7. 2.
jQuery.parseXML(), XML 문서를 파싱 jQuery.parseXML() 원문 링크 http://api.jquery.com/jQuery.parseXML/ jQuery.parseXML( data )Returns : XMLDocument 개요 : XML 문서를 파싱합니다. jQuery.parseXML( data ) data well-formed XML 문자열 jQuery.parseXML는 유효한 XML 문서에 대해 브라우져의 기본적인 기능으로 파싱을 합니다. 이 문서는 jQuery의 탐색과 조작 기능을 이용할 수 있습니다. 예 제 소스닫기 XML 문자열을 이용해 jQuery 오브젝트를 만들고 title 노드에 값을 추가합니다. 미리보기 XML 데이터 파싱해서 사용해야 합니다. 요 함수는 필수 유틸리티 함수네요. 잊지 마세요. 그럼 즐프하세요. ※ .. 2012. 7. 2.
jQuery.parseJSON(), JSON 문자열을 JavaScript object로 변환 jQuery.parseJSON() 원문 링크 http://api.jquery.com/jQuery.parseJSON/ jQuery.parseJSON( json )Returns : Object 개요 : well-formed JSON 문자열을 JavaScript object 로 반환합니다. jQuery.parseJSON( json ) json JSON 문자열 형식이 어긋난 JSON 문자열을 인자로 사용하면 exception을 발생시킵니다. 아래에 잘못된 JSON 형식을 설명합니다. {test: 1} 쌍따옴표를 사용하지 않았음 {'test': 1} 쌍따옴표로 사용해야 함 인자가 없거나 빈 문자열, null, undefined를 사용하여 호출하면, 'null' 이 반환됩니다. jQuery 브라우저의 기본 방식인 .. 2012. 7. 2.
jQuery.now(), 현재 시간을 number로 반환 jQuery.now() 원문 링크 http://api.jquery.com/jQuery.now/ jQuery.now()Returns : Number 개요 : 현재 시간을 number로 반환 jQuery.now() $.now() 함수는 (new Date).getTime() 구문을 실행하여 Number 데이터를 반환합니다. 예 제 $('div').text(jQuery.now()); //Result : 1340954729007 시간값으로 나온다는 것이 함정;;;; 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2012. 7. 2.

티스토리툴바