자바스크립트에서 스프레드 문법(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..
* JavaScript 뒤로가기 막기 로그아웃 하면 로그인 페이지로 이동하는데 로그인 페이지에서 뒤로가기를 눌렀을 때 로그아웃하기 전 메인화면으로 다시 돌아가면 보안상이나 홈페이지 운영에 타격을 줄 수 있다. 이런 경우를 대비하여 뒤로가기 버튼을 비활성화 시켜보자. 뒤로가기 버튼을 막는 방법은 여러가지가 있는데 그 중 하나를 소개해본다. 1 2 3 4 window.history.forward(); function noBack(){window.history.forward();} Colored by Color Scripter cs 이 코드와 1 cs 이 코드를 뒤로가지 말아야할 페이지에 넣어주면 한번 뒤로갔다가 다시 뒤로가기를 눌렀을 때 페이지로 돌아오게 된다. 스크립트 코드는 코드 밑에 적어주고, 위 함수..