자바스크립트에서 apply() 함수는 함수를 호출하면서 특정한 this 값과 인수들을 지정할 수 있는 메소드다. apply() 함수는 함수를 호출하면서 함수의 this 값을 설정하고, 배열 또는 유사 배열 객체를 인수로 전달하여 함수를 실행한다. 기본 문법 apply() 함수는 아래와 같은 문법을 가진다. function.apply(thisArg, [argsArray]) function : 호출될 함수를 나타내는 함수 객체이다. thisArg : 함수 내에서 사용될 this 값으로 설정될 객체이다. this는 기본적으로전역객체의 window로 정해져 있다. argsArray (선택적) : 함수에 전달할 인수들로 구성된 배열 또는 유사 배열 객체(리스트 등)이다. 예시 코드1 아래는 apply() 함수를 ..
자바스크립트에서 스프레드 문법(spread syntax)은 배열이나 객체를 펼쳐서 개별 요소로 분리하는 문법이다. 주로 배열과 객체의 결합, 복사, 함수 호출 시 인수 전달 등 다양한 상황에서 사용된다. 기본 스프레드 문법 스프레드 문법은 ... 연산자를 사용하여 배열이나 문자열을 개별 요소로 분해하여 결합할 수 있다. 예시를 들어 보자. const arr = [1, 2, 3]; const newArr = [...arr]; console.log(newArr); // 출력 결과: [1, 2, 3] 위 코드에서 [...arr]은 배열 arr을 펼쳐서 새로운 배열 newArr에 복사한다. 따라서 newArr은 [1, 2, 3]과 동일한 요소를 가지게 된다. 문자열도 가능하다. const str1 = "java..
자바스크립트에서 Math 함수를 사용하지 않고도 소수점 처리를 할 수 있다. 바로 toFixed()와 toPrecision()을 사용하는 것이다. toFixed()와 toPrecision()은 숫자를 특정 자릿수로 제한하는데 사용되는 함수라는 공통점이 있다. toFixed toFixed(digits) : 숫자를 소수점 이하 digits 자릿수까지 반올림하여 문자열로 반환한다. 고정된 소수 자릿수로 포맷하며, 반환된 문자열은 지정된 소수 자릿수까지 소수점 이하의 숫자를 포함한다. const num = 3.14159; console.log(num.toFixed(2)); // 출력 결과: "3.14" console.log(num.toFixed(4)); // 출력 결과: "3.1416" console.log(n..
자바스크립트에서 소수점을 올리거나 내릴 수 있는 Math 함수들은 다음과 같다. 소수점 올림, Math.ceil() Math.ceil(x) : 주어진 숫자 x를 올림하여 반환한다. 즉, x보다 크거나 같은 가장 작은 정수를 반환한다. Math.ceil(4.2) // 결과값 : 5 Math.ceil(9.9) // 결과값 : 10 Math.ceil(-4.2) // 결과값 : -4 Math.ceil(-9.9) // 결과값 : -9 소수점 내림, Math.floor() Math.floor(x) : 주어진 숫자 x를 내림하여 반환한다. 즉, x보다 작거나 같은 가장 큰 정수를 반환한다. 음수인 경우에 소수점 아래를 내림하여 정수를 반환함. Math.floor(4.7) // 결과값 : 4 Math.floor(9.2..
기존에는 자바스크립트에서 var로 변수를 선언했지만 ES6부터 let과 const가 도입되었고, 필요에 맞게 변수를 정의·선언하는 것이 더 용이해졌다. 자바스크립트에서 var, let, const로 변수를 선언할 때, 각각의 키워드는 변수의 범위(scope)와 할당 가능성(mutability)에 대해 다른 동작을 한다. 이 점을 기억해두면서 var, let, const는 각각 무엇이 다른지 알아보자. var var는 ES5까지 주로 사용된 변수를 선언하는 키워드이다. var는 오래된 자바스크립트 코드와의 호환성을 위해서 사용하는 것이 권장되어질 정도로 오래된 방식이다. 오래되었기 때문에 여러가지 문제점들이 발견되었으며, 이 문제를 해결하기 위해 나온 것이 let과 const라고 할 수 있겠다. 1) 함수..
javascript 정규식을 사용하여 input text box에 입력받는 숫자들을 천단위로 콤마를 찍어보자.물론 소수점도 입력된다. JavaScript 123456789101112131415161718192021222324252627282930313233343536373839404142//문자 제거function removeChar(event) { event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if (keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39) return; else //숫자와 소수점만 입력가능 event.target.value = ev..
JQuery로 table 값 변경하고 텍스트 말줄임처리 먼저 아래 jquery 스크립트 부분을 페이지에 넣는다.1cs jquery 부분 123456789101112131415161718$(function() { var tr_length = $('#tb tr').length-1;//맨위 테이블 행은 빼줘야한다. var tab_td = $('#tb td');//tb 테이블의 td들 불러오기 var text = "...";//말 줄임표 for (var i = 0; i 20){//35글자가 넘으면 $("#tb td:eq("+i+")").html(td1.substr(0,20)+text); } }else{ var td2 = tab_td.eq(i*2).text();//tr 안에 td 들이 2개라서 곱하기 2 if(t..
* JavaScript 뒤로가기 막기 로그아웃 하면 로그인 페이지로 이동하는데 로그인 페이지에서 뒤로가기를 눌렀을 때 로그아웃하기 전 메인화면으로 다시 돌아가면 보안상이나 홈페이지 운영에 타격을 줄 수 있다. 이런 경우를 대비하여 뒤로가기 버튼을 비활성화 시켜보자. 뒤로가기 버튼을 막는 방법은 여러가지가 있는데 그 중 하나를 소개해본다. 1 2 3 4 window.history.forward(); function noBack(){window.history.forward();} Colored by Color Scripter cs 이 코드와 1 cs 이 코드를 뒤로가지 말아야할 페이지에 넣어주면 한번 뒤로갔다가 다시 뒤로가기를 눌렀을 때 페이지로 돌아오게 된다. 스크립트 코드는 코드 밑에 적어주고, 위 함수..
* 회원가입할때 모든 폼의 유효성(예외처리)를 모두 만드시오 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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 ..
* Date - 날짜와 관련된 작업을 지원한다. - 객체 생성 방법 1. var object = new Date(); 2. var object = new Date(년,월,일,시,분,초,밀리초); * Date 메소드 - 중요 메소드 1. getYear() : 1970년 이후의 연도를 알아내는 메소드이다. 2. getMonth() : 월을 알아내는 메소드이다. 이 메소드의 반환값을 0부터 11까지이므로 정확한 현재 월을 알려면 getMonth()의 반환값에 1을 더해야한다. 3. getDate() : 날짜를 알아내는 메소드이다. 4. getDay() : 요일을 알아내는 메소드이다. 이 메소드의 반환값은 0부터 7까지이며 0은 '일요일', 1을 '월요일' 순으로 해당된다. * 달력을 만들어 보자. 현재달, 지..