Front
-
[자바스크립트] javascript 공통함수(3) 브라우저 확인하기Front/javascript 2020. 4. 18. 07:07
javascript 공통함수(3) 브라우저 확인하기 안녕하세요? 장장스입니다. 오늘은 공통함수 정리 브라우저 정보 확인하는 함수 입니다. getBrowser() @param @return {String} @설 명: 브라우저 종류를 반환한다. getBrowser = function(){ var userAgent=navigator.userAgent.toLowerCase(); if ( userAgent.indexOf('edge')>-1){return 'edge'; } else if(userAgent.indexOf('whale')>-1){return 'whale';} else if(userAgent.indexOf('chrome')>-1){return 'chrome';} else if(userAgent.index..
-
[자바스크립트] javascript 공통함수(2) 정규식활용 - 문자열 체크하기Front/javascript 2020. 4. 16. 07:07
javascript 공통함수(2) 정규식활용 - 문자열 체크하기 안녕하세요? 장장스입니다. 정규식을 활용해서 문자열을 체크하는 함수를 정리해보겠습니다? :) 정규식이 무엇인지 모르신다면 Refference란을 참고해주세요. isNumber() @param str{String} @return {Boolean} @설 명: 오직 숫자만 가지고 있는지 확인한다. isNumber = function(str){ var regExp = /^[0-9]+$/; // 숫자만 return regExp.test(str); } 사용 예 isNumber("010123456789"); //true isNumber("가나다라ABCD1234"); //false hasNumber() @param str{String} @return {B..
-
[자바스크립트] javascript 공통함수(1)Front/javascript 2020. 4. 14. 07:07
javascript 공통함수(1) 안녕하세요? 장장스입니다. javascript 공통함수를 정리해보려고합니다. checkReturn() @param input{any}, inputType{String} @return {input} or {false} @설 명 :입력값의 타입을 확인하여 같으면 입력값을 반환한다. 다르면 false를 반환한다. checkReturn = function(input, inputType){ switch(inputType){ case "object": case "obj": case "o": if(typeof input== 'object') return input; else return false; case "string": case "str": case "s": if(typeof ..
-
[제이쿼리] jQuery Grid 제이쿼리 그리드 셀(cell) 안에 버튼 넣기Front/jquery 2020. 4. 11. 07:07
제이쿼리 그리드(jQuery Grid) 셀(cell) 안에 버튼 넣기 안녕하세요? 장장스입니다. 오늘은 제이쿼리 그리드 안에 버튼 넣는 방법에 대해서 정리해 보겠습니다. 결과 사진 위 사진처럼 제이쿼리 그리드 안에 버튼을 넣어보겠습니다. 수 있습니다. 상세코드 var dataArr = [ {NO:"01",Name:"김OO", content:"혈액검사, MRI촬영",btn:Btn()}, {NO:"02",Name:"이OO", content:"X-ray검사, 심폐기능검사",btn:Btn()}, {NO:"03",Name:"박OO", content:"코로나 검사",btn:"버튼"}, ]; var Btn = function(){ return '삭제'+ ''; } $(function(){ $("#jqGrid").jq..
-
[제이쿼리] 제이쿼리 그리드(jQuery Grid) 페이저 (pager)에러Front/jquery 2020. 4. 9. 10:10
제이쿼리 그리드(jQuery Grid) 페이저 (pager)에러 안녕하세요? 장장스입니다. 오늘은 제이쿼리 그리드를 다루다가 발생했던 에러를 적어보려고 합니다. Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined at Object.NumberFormat Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined at Object.NumberFormat 제이쿼리 그리드 페이징을 적용할 때 자꾸 다음과 같은 에러가 났다. 해결방법 결론부터 말하자면 grid.locale-en.js 파일 선언이 안되어있던 것 떄문이였다. grid.locale-en.js 파일이 필..
-
[제이쿼리] 제이쿼리 그리드(jQuery grid) 사용방법Front/jquery 2020. 4. 9. 07:07
제이쿼리 그리드(jQuery grid) 사용방법 안녕하세요? 장장스입니다. 오늘은 제이쿼리 그리드 사용방법에 대해서 정리해보려고 합니다. 이런 깔끔한(?) Grid 테이블을 생성하고 싶으시다면 제이쿼리 그리드를 사용하면 정말 편리하게 만들 수 있답니다. 제이쿼리 그리드 다운로드 먼저 제이쿼리 그리드를 다운로드해주세요. ▼jQuery-Grid Download jQuery Grid Plugin – jqGrid » Downloads Downloads www.trirand.com 제이쿼리 UI 다운로드 ▼앙상한 그리드 디자인 제이쿼리 그리드만 사용하게 되면 위 사진처럼 앙상한(?) 디자인이 나온답니다. 이쁘게 보일려면 제이쿼리 UI를 설치해주세요. ▼jQuery-UI download jQuery UI jQuer..
-
[제이쿼리] jQuery 에이작스 (Ajax) 사용하기Front/jquery 2020. 4. 7. 07:07
제이쿼리 (jQuery) 에이작스 (Ajax) 사용하기 안녕하세요? 장장스입니다. 오늘은 제이쿼리의 꽃(?) 같은 Ajax 입니다. Ajax란? Ajax(Asynchronous JavaScript and XML)란 비동기 방식의 Javascript와 XML을 가리킵니다. 동기 방식 비동기 방식 서버에 신호를 보냈을 떄 응답이 돌아와야 다음 동작을 수행한다. 서버에 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다. Ajax? Ajax를 이용하는 이유는 화면 전환 없이 클라이언트(사용자 컴퓨터)와 서버간에 XML, JSON(JavaScript Object Notation), 텍스트, HTML 등의 정보를 교하기 위해서입니다. Ajax가 등장하기 전에는 반드시 서버를 거쳐야만 자료를 요청할..
-
[제이쿼리] jQuery 애니메이션 효과 제어 메서드Front/jquery 2020. 4. 5. 15:15
jQuery 애니메이션 효과 제어 메서드 안녕하세요? 장장스입니다. 애니메이션과 효과를 제어하는 메서드 포스팅입니다. 애니메이션 효과 제어 메서드 '효과' 또는 '애니메이션'이 적용된 요소의 동작을 제어하는 메서드 입니다. 애니메이션 효과 제어 메서드에 대해 살펴보기 전에 애니메이션 메서드가 어떻게 적용되는지 알아 보겠습니다! 참고자료! https://d2.naver.com/helloworld/0265052 불러오는 중입니다... 애니메이션 효과 제어 메서드의 종류 종류 설명 stop() 현재 실행 중인 효과를 모두 정지시킵니다. delay() 지정한 시간만큼 지연했다가 애니메이션을 진행합니다. queue() 큐에 사용자 정의 함수를 추가하거나 큐에 대기 중인 함수를 배열에 담아 반환합니다. 그리고 qu..
-
[제이쿼리] jQuery 애니메이션 메서드 animate()Front/jquery 2020. 4. 5. 07:07
제이쿼리(jQuery) 애니메이션 메서드 안녕하세요? 장장스입니다. 오늘은 제이쿼리 애니메이션 메서드를 포스팅해보겠습니다. 애니메이션 메서드를 이용하면 HTML에 적용된 CSS를 조절할 수 있습니다. animate() 메서드 선택한 요소에 다양한 동작(Motion) 효과를 적용할 수 있습니다. 예를 들어 요소를 앞으로 이동시키거나 점차 커지게 하는 등 다양한 동작을 적용할 수 있습니다. animate() 메서드의 기본형입니다. $("요소 선택").animate({ 스타일 속성 }, 적용 시간, 가속도, 콜백 함수); 실습 ▼javascript $(function(){ $(".btn1").on("click", function( ) { $(".txt1").animate({ marginLeft:"500px",..
-
[제이쿼리] jQuery 효과 메서드Front/jquery 2020. 4. 5. 03:03
제이쿼리(jQuery) 효과 메서드 안녕하세요? 장장스입니다. 이번 포스팅은 제이쿼리 효과 메서드입니다. 파워포인트를 사용해보신 분이라면 글자가 슝~ 그림이 샤샥하고 등장하는 효과를 내보신적이 있으실 겁니다. 제이쿼리 효과 메서드를 이용하면 비슷한(?) 효과를 낼수 있습니다. 효과 메서드 효과(Effect) 메서드에는 선택한 요소를 역동적으로 숨겼다가 보이게 만드는 기능을 가진 메서드가 있습니다. ●숨김 효과 종류 설명 hide() 요소를 숨깁니다. fadeOut() 요소가 점점 투명해지면서 사라집니다. slideUp() 요소가 위로 접히며 숨겨집니다. ●노출 효과 종류 설명 show() 숨겨진 요소가 노출됩니다. fadeIn() 숨겨진 요소가 점점 선명해집니다. slideDown() 숨겨진 요소가 아래..