반응형 Programing/JavaScript123 자바스크립트 javascript Math 객체. 랜덤값, 반올림, 올림, 내림, 최대값, 최소값 구하기 자바스크립트 javascript Math 객체 랜덤값, 반올림, 올림, 내림, 최대값, 최소값 구하기 숫자 계산시에 유용하게 사용되는 Math 객체에 대해 알아보자. Math 객체는 Number형의 수학적인 업무 수행에 사용된다. - 랜덤값 구하기, 임의값 구하기 Math.random(); 결과 : 0~1 사이에 랜덤값 (0.189264961) - 최소값 구하기 Math.min(0, 1, 2, 3, -4); 결과 : -4 - 최대값 구하기 Math.max(0, 1, 2, 100, -100); 결과 : 100 - 소수점 반올림 Math.round(1.4); Math.round(1.6); 결과: 1 결과: 2 - 소수점 올림 Math.ceil(1.4); 결과: 2 - 소수점 버림 Math.floor(1.6).. Programing/JavaScript 2016. 3. 4. javascript eval 함수 사용법 동적으로 변수 생성 javascript eval 함수 사용법 동적으로 변수 생성 특정 값의 갯수에 따라 변수를 사용해야 할 때가 있다. (보통 배열을 쓰면 된다.) 굳이 변수를 써야 겠다면 사용하게는 eval() 함수다. eval() 함수는 괄호안의 것들을 모두 스크립트로 해석한다. 사용예1) for (var i=0; i Programing/JavaScript 2016. 2. 25. javascript setInterval(), setTimeout(), clearInterval() 자바스크립트 타이머 구현 일정시간마다 특정기능 실행 javascript setInterval(), setTimeout(), clearInterval() 자바스크립트 타이머 구현 일정시간마다 특정기능 실행 개발을 하다보면 특정 시간마다 함수를 반복적으로 실행해야 할 때가 있다. 이럴때 사용하는것이 setInterval() 이다. setInterval() 메소드는 clearInterval()가 호출되거나 창이 닫히기 전까지 무한 반복 된다. 특정 시간 이후에 오직 한번만 실행해야 할 때에는 setTimeout() 메소드를 사용한다. 여기서 사용하는 시간은 밀리세컨트(milliseconds)를 사용한다. (1000ms = 1 second) 사용예1) 30초마다 refresh 하기 -- html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1.. Programing/JavaScript 2016. 2. 25. 자바스크립트 쿠키 사용 로그인 아이디저장 구현 방법 자바스크립트 쿠키 사용 로그인 아이디저장 구현 방법 위의 로그인 창과 같이 아이디 저장 체크박스를 선택하고 로그인 한 경우 쿠키를 사용해 아이디 값을 저장하고 페이지를 다시 열었을 시 쿠키값을 읽어와 보여주도록 구현해 보자. 우선 로그인이 성공했을 때 쿠키를 생성하는 함수를 넣는다. setCookie('id', id, 30); //쿠키 생성 ('id'라는 이름으로 id값을 30일동안 쿠키로 저장하겠다.) --쿠키생성함수 1 2 3 4 5 6 7 8 9 function setCookie(cName, cValue, cDay){ if($('input:checkbox:checked').val()=="on"){ var expire = new Date(); expire.setDate(expire.getDate() .. Programing/JavaScript 2016. 1. 28. 자바스크립트 페이지 로딩시 팝업띄우기, 하루만 띄우기, 팝업 관리 자바스크립트 페이지 로딩시 팝업띄우기, 하루만 띄우기, 팝업 관리 팝업창 관리를 통한 페이지 로딩시 팝업창을 띄우는 방법과 쿠키를 활용해 하루동안 팝업을 띄우지 않는 방법에 대해 알아보자. 우선 팝업관리에 필요한 컬럼은 아래와 같다. --popup table POP_NO 팝업일련번호 TITLE 제목 CONTENT 내용 START_DAY 게시시작일자 END_DAY 게시종료일자 POP_WIDTH 팝업넓이 POP_HEIGHT 팝업높이 POP_LOC_LEFT 팝업위치(LEFT) POP_LOC_TOP 팝업위치(TOP) FILE_FLAG 파일유무 기본적인 등록일자, 수정일자 이런건 제외 했다. 팝업 넓이와 높이는 팝업창의 크기를 조절하기 위한 값이고 팝업위치 LEFT, TOP은 팝업창이 띄워지는 위치를 설정하기 위.. Programing/JavaScript 2016. 1. 28. 자바스크립트 스크롤 내려서 추가 조회 하는 방법, 스크롤 이벤트 자바스크립트 스크롤 내려서 추가 조회 하는 방법, 스크롤 이벤트 보통 조회하는 데이터의 갯수가 많아 불러오는데 시간이 많이 걸린다면 페이징 처리를 해 원하는 갯수만큼만 조회하는 방식으로 시간을 단축한다. 이 방식 외에 원하는 갯수만큼 데이터를 뿌려준 후, 스크롤이 최하단으로 내려갈 때 기존 갯수만큼의 새로운 데이터를 가져와 하단에 붙이는 방식도 있다. 이번 포스팅에서는 후자의 방식을 구현해 보려 한다. 페이징처리 방식에 질려 급작스럽게 구현하느라 소스가 이상 할 수도 있다. 하지만 구현되는건 확인했으니 걱정은 말자. -HTML - JAVASCRIPT 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 .. Programing/JavaScript 2016. 1. 14. javascript 로컬에 있는 동영상 웹에서 재생하기 javascript 로컬에 있는 동영상 웹에서 재생하기 프로젝트를 하다보면 업로드 된 동영상을 재생 해달라는 요청을 받곤 한다. 이를 구현하기 위해 몇가지 가정하에 진행하도록 하겠다. - 파일업로드가 정상적으로 이루어 진다. - 저장된 파일의 경로를 알고있다. - 파일명은 실제파일과 저장파일명으로 구분하되 저장파일명은 영문과 숫자로만 되어있다.( 재생에 필요한건 저장파일명) - JSP 페이지에서 저장파일명을 정상적으로 불러와 진다. - 웹에서 재생 가능한 파일로 인코딩 되어있다고 가정한다. 저장파일명을 불러오는 방법은 ajax를 통해 가져오는 방법과 model 에 넣어서 직접 jsp 파일에서 받는 방법을 설명하겠다. [공통 jsp] Your browser does not support HTML5 vide.. Programing/JavaScript 2015. 11. 27. javascript 자바스크립트 차량번호판 유효성 체크 javascript 자바스크립트 차량번호판 유효성 체크 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 function checkPlate (value){ var NSValue = value.replace(/ /gi, ""); var region = NSValue.substring(0, 2); var checkRegion = "서울,부산,대구,인천,대전,광주,울산,제주,경기,강원,충남,충북,전남,전북,경남,경북"; var arrCheckRegion = checkRegion.split(','); for(v.. Programing/JavaScript 2015. 11. 2. 자바스크립트 생년월일 유효성 체크 birthday validation check 자바스크립트 생년월일 유효성 체크 birthday validation check 년도의 유효성은 1900년생 이상, 현재 20살 이상으로 하였다. 각자의 조건에 따라 수정하여 사용하면 될듯 싶다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 //생년월일 유효성 체크 function isValidDate(dateStr) { var year = Number(dateStr.substr(0,4)); var month = Number(dateStr.substr(4,2)); var day = Number(dateStr.substr(6,2)); var today = new Date(); //.. Programing/JavaScript 2015. 11. 2. javascript 동적 테이블 만들기, 행추가 insertRow 동적테이블 행 데이터 접근 json만들기 javascript 동적 테이블 만들기, 행추가 insertRow 동적테이블 행 데이터 접근 json만들기 javascript를 이용해 동적으로 테이블을 만들어 보자. 예를 들어 버튼을 클릭하면 행을 추가 해서 그 행을 저장한다고 가정하자. 아래와 같은 테이블이 있다. 서비스 필수여부 행추가 이제 저 '행추가' 버튼을 클릭했을 때 테이블에 동적으로 행을 추가 해보자. 버튼을 클릭해 addRow() 함수를 실행한다. id 로 해당 테이블의 tbody를 가져와 row.insertCell을 이용해 행을 추가하고 그 행에 원하는 요소를 넣는 방식이다. 행 추가 버튼을 클릭할 때마다 위의 이미지와 같이 행이 추가 된다. 그럼 이렇게 동적으로 만들어진 행에 접근하는 방법은 어떻게 할까 입력된 값을 JSON 으로 만.. Programing/JavaScript 2015. 10. 1. 자바스크립트 number를 String으로 변환 javaScript toString(), toExponential(), toFixed(), toPrecision(), valueOf() method 자바스크립트 number를 String으로 변환 javaScript toString(), toExponential(), toFixed(), toPrecision(), valueOf() method 자바스크립트의 숫자형을 문자형으로 바꿔주는 메소드는 다음과 같은 것들이 있다. toString() toExponential() toFixed() toPrecision() (모든 숫자형 메소드는 원래의 값을 변경하지 않고 새로운 값을 리턴한다.) 그럼 이제 각각의 숫자형 메소드에 대해서 알아보자. - toString() toString() 메소드는 숫자값을 String으로 바꾸어 리턴한다. 숫자형 메소드는 어느타입의 숫자형이든 사용할 수 있다. 예) var x = 123; var y = x.toString(); .. Programing/JavaScript 2015. 8. 10. 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 문자열을 split() 메소드를 사용하여 배열로 변환 할 수 있다. - split() 사용방법 문자열.split(구분자); 예) 1 2 3 4 5 6 7 8 9 function splitFunction() { var str = "서울, 대전, 대구, 부산"; var arr = str.split(","); var result = arr[0]; document.write(result); } cs 결과값은 "서울" 구분자로 값을 구분해, 배열로 가져올 수 있다. 주민번호나 우편번호 같이 중간에 "-" 과 같은 것을 입력받을 때 구분해서 저장하는데 사용하면 유용하다. 구분자를 생략하면 전체 스트링값이 0번째 인덱스 값이 된다. 예.. Programing/JavaScript 2015. 7. 24. 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 인덱스 값으로 문자값을 추출하는데는 charAt() 메소드를 사용한다. - charAt()사용방법 문자열.charAt(인덱스값); 예) 1 2 3 4 5 6 var str = "Challenge"; var result = str.charAt(0); document.write(result); cs charAt(0) 으로 0번째 인덱스를 갖은 "C"를 추출한다. C(0)h(1)a(2)l(3)l(4)e(5)n(6)g(7)e(8) 결과값 C 문자의 아스키코드값을 추출하는데는 charCodeAt() 메소드를 사용한다. - charCodeAt() 사용방법 문자열.charCodeAt(인덱스값); 예) 1 2 3 4 5 .. Programing/JavaScript 2015. 7. 24. 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트에서 문자열을 합칠 때는 concat() 메소드를 사용한다. - 사용방법 문자열.concat(합칠문자열1, 합칠문자열2....); 예) 1 2 3 4 5 6 7 8 var text1 = "Welcome"; var text2 = "to"; var text3 = "my"; var text4 = "world"; var result = text1.concat(" ", text2," ", text3, " ", text4); document.write(result); Colored by Color Scripter cs 문자열에 합칠문자열을 ,로 구분지어 연결하면 된다. 결과값은 Welcome to my world concat()은.. Programing/JavaScript 2015. 7. 23. 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 대문자로 변경은 toUpperCase()를 사용한다. - 사용방법 문자열.toUpperCase(); 예) 1 2 3 4 5 6 7 function toUpperFunction() { var name = "Lim SinGu"; var result = name.toUpperCase(); document.write(result); } cs 결과는 LIM SINGU 소문자로 변경은 toLowerCase()를 사용한다. - 사용방법 문자열.toLowerCase(); 예) 1 2 3 4 5 6 7 function toLowerFunction() { var name = "Lim SinGu"; var result = na.. Programing/JavaScript 2015. 7. 23. 이전 1 ··· 4 5 6 7 8 9 다음 💲 추천 글 반응형