[javascript] Date() 함수에서 날짜 형식 출력 하는 방법 자바스크립트에서 Date() 날짜 함수를 이용해서 특정 형식으로 년, 월, 일, 시간 등을 출력 할때 출력 format 함수가 없어서 고생하는 경우가 많다. 그래서 함수로 만들어서 사용하면 편리하다. 아래 함수를 이용해 보자. Date.prototype.format = function (f) { if (!this.valueOf()) return " "; var weekKorName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var weekKorShortName = ["일", "월", "화", "수", "목", "금", "토"]; var weekEngName = ["Sunday", "..
[javascript] URL 에서 파라메터(Parameter) 추출 하는 방법 자바스크립트에서 URL 주소에서 파라메터(Parameter) 를 받고 싶을때 보통 구분자를 통해 배열에 담아 추출 한다. 하지만 파라메터가 많을 경우 배열 관리가 힘들기 때문에 함수를 만들어서 사용하면 편리하다. 아래 함수를 이용해 보자. // url 에서 parameter 추출function getParam(sname) { var params = location.search.substr(location.search.indexOf("?") + 1); var sval = ""; params = params.split("&"); for (var i = 0; i < params.length; i++) { temp = params[..
[javascript] .getElementById(), .getElementsByName(), .getElementsByTagName(), .getElementsByClassName() 사용하는 방법 자바스크립트에서 HTML 문서의 객체를 가져올때 사용되는 함수는.getElementById(), .getElementsByName(), .getElementsByTagName(), .getElementsByClassName() 가 있다. 아래 예제들을 통해 자세히 확인 해 보자. .getElementById() 사용하는 방법문서객체 중 ID 값을 가져오는데 사용되는 함수 이다. applebanana .getElementsByName() 사용하는 방법문서객체 중 NAME 값을 가져오는데 사용되는 함수 이다...
[javascript] 배열(array) 의 push(), pop(), unshift(), shift() 함수 사용하는 방법 자바스크립트 배열에서 값을 추가하거나 제거하는 함수로 .push() .pop() .unshift() .shift() 가 있다. 배열에 값을 추가하는 함수 .push() : 배열의 맨 끝에 값을 추가한다. .unshift() : 배열의 맨 앞에 값을 추가한다. 배열에 값을 제거하는 함수 .pop() : 배열의 맨 끝에 값을 제거한다. .shift() : 배열의 맨 앞에 값을 제거한다. 아래 예제를 통해 자세히 확인 해 보자. 기본 html 소스 결과는 아래와 같다.
[javascript] replace 를 replaceAll 처럼 사용하는 방법 결론적으로 replaceAll 과 같은 함수는 없다. 하지만 정규식을 이용하여 대상 문자열에서 모든 부분을 수정할 수 있다. replace 사용법 [예 1] var str = "12345678901234567890"; str.replace("123", ""); // 123 을 공백으로 변경한다. 이와 같이 일반적으로 replace 사용시 첫번째 123만 공백으로 변경하고 나머지는 변경이 되지 않는다. 결과 : 45678901234567890 정규식을 이용해서 replaceAll 처럼 사용법 [예 1] var str = "12345678901234567890"; str.replace(/123/gi, ""); // 123 을 공..
[jQuery] 라디오(radio) 버튼, 체크박스(checkbox) 선택/해제 하는 방법 일반적으로 라디오버튼과 체크박스를 컨트롤 하기 위해서는 jQuery 의 .attr() 함수를 많이 사용 했다. 하지만 jQuery 1.6 버전 이후 부터는 .attr() 함수가 .attr() 과 .prop() 함수로 구분되어 사용하도록 바뀌었다. 2017/09/28 - [develop/javascript] - [jQuery] .attr() 과 .prop() 의 차이 결론적으로 라디오버튼과 체크박스를 javascript 에서 다루기 위해서는 .prop() 함수를 사용해야 한다. [예 1 - 라디오버튼] HTML사과복숭아 Javascript$("input:radio[name='fruits']:radio[value='사..
[jQuery] .attr() 과 .prop() 의 차이 jQuery 를 사용하다 보면 태그들의 속성값을 정의하거나 가져오기 위해 .attr() 함수를 사용하는 경우가 많을 것이다. 그런데 jQuery 1.6 이후 부터 .attr() 함수가 용도에 따라 .attr() 과 .prop() 으로 분리 되었다. 그렇다면 .attr() 과 .prop() 의 차이는 무엇일까? .attr() : html 의 속성(attribute)을 다룬다. .prop() : javascript 프로퍼티(property)를 다룬다. [예 1] 1. 코멘트 2. var $comment = $('#get_comments'); 3. alert($comment.attr('href')); // href 속성 값을 표시 4. alert($co..
onkeydown, onkeyup, onkeypress 이벤트는 키보드 입력시 동작 시점에 따라 발생하는 키보드 이벤트 이다. onkeydown : 키를 눌렀을때 이벤트이다 (shift, alt, controll, capslock 등의 모든 키에 동작한다. 단 한영변환, 한자 등의 특수키는 인식 못한다). onkeyup : 키를 눌렀다가 땠을 때 이벤트이다 (onkeydown 에서 인식하는 키들을 인식 한다). onkeypress : 실제로 글자가 써질때 이벤트이다 (shift, tap, enter 등의 특수키는 인식 못한다). 아래 예제는 jQuery 라이브러리를 사용해서 구현해 보겠다. 기본 html 소스남은 글자수150 실행 결과는 아래와 같다. onkeypress 이벤트는 한글을 지원하지 않는다.
자바스크립트에서는 문자열이나 배열에서 특정 문자를 포함하는지의 여부를 확인하기 위해서는 indexOf() 함수를 사용해야 한다. indexOf() 함수는 특정 문자의 위치값을 index로 반환하는 함수이다. 사용법은 아래와 같다. "문자열".indexOf("찾을 문자") [예 1] 위 예제에서는 해당 문자열에 "테스트" 가 없기 때문에 "실패!"를 출력한다. indexOf() 함수는 특정 문자의 위치값을 index로 반환하기 때문에 if 조건문에서 -1 의 값을 가지는지의 여부를 확인한다. 만약에 텍스트 안에서 조건 문자열을 찾는다면 if 조건문에서 -1 이 아닌 0 이상의 양수 값을 갖게 된다.
자바스크립트에서 소수점을 계산하다보면 값이 이상하게 나오는 경우가 있다. [예 1] : 0.1 + 0.2 의 경우 답은 0.3 이지만, 실제로는0.30000000000000004 가 나온다. [예 2] : 6157000 * 9.133 의 경우에도 답은 56231881 이지만, 실제로는 56231880.99999999 로 나온다. 이와 같은 오류에 대한 해결 방법은 toFixed() 함수를 사용 하는 것이다. (0.1 + 0.2).toFixed(1) 파라메터 값으로 1은 소수점 1번째까지 표시한다는 의미이다. 만약 2자리를 표시하고 싶으면 toFixed(2), 소수점을 표시하고 싶지 않다면 toFixed() 를 사용하면 된다.