Life goes slowly...

자바스크립트(Javascript)로 스크린 가로길이를 체크할 때에는 두 가지의 함수를 사용하여 체크를 할 수 있습니다 첫 번째로는 스크린 전체 가로길이를 체크하는 방법이며, 두 번째로는 사용이 가능한 가로길이를 체크하는 방법입니다. //모니터 전체 가로 길이의 확인 screen.width //모니터 사용가능 가로 길이의 확인 screen.availWidth 자바스크립트(Javascript)로 스크린 높이를 체크하는 방법도 넓이를 체크하는 방법과 같이 두가지의 함수를 사용하여 체크를 할 수 있습니다. 전체 모니터의 높이와 사용 가능한 모니터 높이를 제크 하는 방법입니다. //모니터 전체 높이 확인 screen.height //모니터 사용가능 높이 확인 screen.availHeight

Oracle(오라클) RATIO_TO_REPORT() 함수 오라클(Oracle)의 RATIO_TO_REPORT() 함수는 전체 합계 대비 비율 또는 백분율을 구하는 함수입니다. 오라클(Oracle)의 RATIO_TO_REPORT() 함수는 주어진 그룹에 대하여 expr 값의 합을 기준으로 각 로우의 상대적 비율을 반환하는 함수입니다. 간단하게 말하자면 Group별 SUM 값의 차지하는 비율 및 정해진 값 비율로 할당하는 함수입니다. //오라클(Oracle) RATIO_TO_REPORT() 함수 사용법 //PARTITION BY 절은 생략가능 RATIO_TO_REPORT([컬럼값]) OVER([PARTITION BY 절]) SELECT name, sum ROUND(RATIO_TO_REPORT(sum) ov..

자바스크립트의 제이쿼리(jQuery)에서 애니메이션 효과를 사용할 수 있는 함수로 .animate() 함수가 있습니다. .animate() 함수는 여러 CSS 스타일 속성을 이용하여 새로운 애니메이션 효과를 만들 수 있습니다. jquery(제이쿼리)의 .animate() 함수 jQuery(제이쿼리)의 .animate() 함수는 수치 CSS 속성을 제어하여 움직이는 애니메이션 효과를 만들어 냅니다. 반드시 CSS 속성 MAP 데이터를 필요로 하며, 이 데이터 MAP은 .css() 함수에 인자로 사용하는 데이터 맵과 유사합니다. //.animate() 함수 사용법 $(선택자).animate(css스타일 ,[지속시간] ,[시간당속도함수] [콜백 함수]); CSS 스타일 : 필수이며, 이펙트 효과를 구성할 CS..

Oracle(오라클) LNNVL() 함수 오라클(Oracle)의 LNNVL() 함수는 조건식 함수입니다. 오라클(Oracle)의 LNNVL() 함수는 조건의 한쪽 또는 양쪽 연산자에 NULL이 포함될 경우에 조건문을 평가하는 함수입니다. WHERE 구문에서 사용이 가능하며 LNNVL() 함수는 조건문을 인수로 가지고 있으며 조건문에 false나 UNKNOWN이라면 TRUE를 반환하며 조건문이 TRUE이라면 FALSE를 반환하게 됩니다. 오라클(Oracle)의 NULL 처리를 정확히 이해하고 있지않으면 이해하기 어려운 조건식 함수입니다. 간단하게 표현한 LNNVL() 함수값 표현 형식 조건 참/거짓 LNNVL() 함수값 T1 = 1 False True T1 = 2 True False T1 IS NULL F..

Oracle(오라클) CUBE() 함수 오라클(Oracle)에서 합계와 소계를 구하는 함수로 ROLLUP() 함수를 많이 사용하게 됩니다. 하지만 ROLLUP() 함수는 소계와 함계를 순서에 맞게 반환하지만 CUBE() 함수는 계산이 가능한 모든 소계와 합계를 반환하는 함수입니다. //오라클(Oracle) CUBE() 함수 사용법 CUBE( expr1, expr2, ....) =================================================== SELECT name, SUM(count) FROM test GROUP BY CUBE(name) 오라클(Oracle)의 CUBE() 함수는 ROLLUP() 함수와는 다르게 합계를 먼저 표시합니다. name count 197 철수 50 영희 ..

나이키 우먼스 에어 조던 6 - “Gold Hoops” Nike Air Jordan 6 “Barely Rose” (Gold Hoops) Air Jordan 6 “Barely Rose” (Gold Hoops) Release Date: July 1st, 2021 Style Code: DH9696-100 Color: White/Barely Rose/Sail/Metallic Gold Price: $190, ￦229,000원 https://www.nike.com/kr/launch/t/women/fw/basketball/DH9696-100/hkpe58/wmns-air-jordan-6-retro 에어 조던 6 레트로 에어 조던 6 레트로 - 나이키 www.nike.com

자바스크립트의 제이쿼리(jQuery)에서 이펙트(effect) 효과를 표현하는 함수들이 있습니다. 그중에 해당 요소에 페이드(fade) 효과를 표현하는 함수인 .fadeIn(), .fadeOut() 함수가 있습니다. jquery(제이쿼리)의 .fadeIn() 함수 jQuery(제이쿼리)의 .fadeIn() 함수는 선택한 요소를 서서히 나타나게 표현하는 함수입니다. 나타나게 하는 시간을 설정할 수 있는데 시간 설정을 문자나 숫자로 정할 수 있습니다. 그 이외의 옵션에 나타나게 하는 모양도 설정이 가능합니다. //.fadeIn() 함수 사용법 .fadeIn( [duration], [ easing ]); //duration - 시간설정 //easing - 모양설정 //.fadeIn() 나타나는 시간설정 .fa..

나이키 에어 조던 4 x UNION LA - “Desert Moss” Union x Air Jordan 4 “Desert Moss” Union x Air Jordan 4 “Desert Moss” Union Raffle Date: June 20th, 2021 — 9 am – 11 am PDT SNKRS Release Date: June 26th, 2021 Style Code: DJ5718-300 Color: Desert Moss/Turquoise Blue-Dark Iris Price: $225, ￦299,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/DJ5718-300/sqam63/air-jordan-4-retro-sp 에어 조던 4 레트로 SP 에어 ..

Http로 URL값을 전달할 때 오직 영문자와 숫자만으로 전달 시에 인코딩이 필요할 때가 있습니다. 다양한 특수문자나 문자가 URL에 포함되어 전달될 때에 제대로 인식을 하지 않는 경우가 발생하기 때문입니다. 자바스크립트(Javascript)의 encodeURIComponent() 함수는 영문자의 대,소문자, 숫자 그리고 *-_. 을 제외하고 모든 문자를 유니코드 형식으로 변환하여 주게 됩니다. 인터넷 URL에 사용되는 특수문자 :;/=?& 특수문자까지 모두 변환을 하여 인터넷 주소를 하나의 변수에 넣을 수 있습니다. https://www.w3schools.com/tags/ref_urlencode.asp HTML URL Encoding Reference HTML URL Encoding Reference ..

자바스크립트의 제이쿼리(jQuery)의 .detach() 함수는 선택한 요소를 문서에서 제거하는 함수입니다. .remove() 함수와 비슷한 성격을 가지고 있는 함수이기는 하지만 .detach() 함수는 제거한 요소를 저장하여 다시 사용할 수 있는 함수입니다. .detach() 함수는 노드를 document에서 제거하는 동시에 캐싱하여 추후에 다시 사용이 가능합니다. jquery(제이쿼리)의 .detach() 함수 jQuery(제이쿼리)의. tetach() 함수를 요소를 제거하면서 변수에 저장을 할 수 있습니다. //.detach() 함수 사용법 .detach( [selector 요소] ); Cut //id가 test인 버튼을 삭제하고 변수 del에 저장함

웹 페이지 개발 중에 input Text에 숫자만 입력하는 부분이 많이 있습니다. 그중에 자바스크립트(Javascript) 방법 중 가장 많이 사용되는 방법을 알아보도록 하겠습니다. 자바스크립트(Javascript)의 정규식 사용 자바스크립트(Javascript)의 oninput 이벤트 속성에 넣어서 정규식을 입력하는 방법입니다. 또 하나는 자바스크립트(Javascript)의 onKeup 이벤트 속성에 정규식을 입력하는 방법입니다. 자바스크립트(Javascript)의 함수 사용 자바스크립트(Javascript)의 onkeypress 이벤트를 사용하여 키보드 이벤트 keycode를 제어함으로써 숫자만 입력을 가능하도록 하는 방법입니다. function checkNumber(){ if(event.keyCod..

자바스크립트의 제이쿼리(jQuery)를 사용하여 테이블 형식의 Row를 Drag and Drop 하는 라이브러리입니다. Drag and Drop를 통하여 테이블 게시글 순서를 변경하는데 많이 사용됩니다. jquery.tablednd.js 라이브러리 페이지 https://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/ Table Drag and Drop JQuery plugin I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code..

나이키 에어 조던 1 로우 OG - “Neutral Grey” Nike Air Jordan 1 Low OG “Neutral Grey” Air Jordan 1 Low OG “Neutral Grey” Release Date: June 24th, 2021 Men’s Style Code: CZ0790-100 Women’s Style Code: CZ0775-100 Color: White/Neutral Grey Price: $130, ￦159,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/CZ0790-100/wqhm24/air-jordan-1-low-og 에어 조던 1 레트로 로우 OG 에어 조던 1 레트로 로우 OG - 나이키 www.nike.com

자바스크립트의 제이쿼리(jQuery)를 사용하여 선택한 요소의 css 속성 값을 가져오거나 style 속성을 추가하는 함수로 .css() 함수가 있습니다. jquery(제이쿼리)의. css() 함수 jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 가져올 수 있습니다. //.css함수를 사용하여 속성값 가져오기 .css( propertyName ) $("#test").css("color"); jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 추가하기도 가능합니다. //.css함수를 사용하여 속성값 추가하기 .css( propertyName, val ) $("#test").css("color", "blue"); .css() 함수와 비슷한 성격을 가지고 있는 함수로써는 HTML 요소..

나이키 르브론 8 V/2 로우 - “Miami Nights” The Nike LeBron 8 V/2 Low “Miami Nights” Nike LeBron 8 V2 Low “Miami Nights” EU Release Date: May 11th, 2021 US Release Date: June 4th, 2021 Style Code: DJ4436-100 Color: White/Solar Red-Glass Blue-White Price: $180 , ￦219,000원 https://www.nike.com/kr/launch/t/men/fw/nike-sportswear/DJ4436-100/egit45/nike-lebron-viii-v2-low-qs 나이키 르브론 8 V/2 로우 QS 나이키 르브론 8 V/2 로..