1. 빈 배열 대입let array = [1,2,3,4,5];array = []console.log(array) // [] 단순하게 빈 배열 대입하여 배열을 비울 수 있습니다. 2. 배열의 길이 수정let array = [1,2,3,4,5]array.length = 0console.log(array) // []배열의 길이를 0으로 수정하면 배열을 비울 수 있습니다.※ 배열의 길이를 수정하면 해당 길이만큼 배열의 크기가 바꿔지며 현재 길이보다 크게 변경 할 경우 해당 자리에 빈 값이 들어가며 sparse Array가 됩니다. 3. 배열 자르기let array = [1,2,3,4,5]array.splice(0)console.log(array) // [] splice 함수를 사용하면 해당 배..
자바스크립트는 세계에서 가장 성공적이고 다재다능한 프로그래밍 언어 중 하나지만 처음부터 그랬던 것은 아니다. 지금의 자바스크립트는 자바스크립트를 만든 사람들이 원래 구상했던 언어와 완전히 다른 언어다. 그 11가지 이유를 살펴보자.1995년 큰 꿈을 갖고 모인 소수의 프로그래머들이 자바스크립트를 출범했다. 원래 이들이 생각했던 이름은 모카(Mocha)나 라이브스크립트(LiveScript)였지만 유행에 밝았던 몇 사람이 이미 상당한 인기를 끌고 있던 자바 언어의 시류에 올라타기로 했다. 새로운 스크립팅 언어의 처음 목표는 단순해서, 정적 웹 페이지에 생명력을 좀 불어넣자는 것이었다. (당시 웹 페이지에서 움직이는 부분은 태그밖에 없었다. 이 태그는 오래전에 사라졌지만 아직 기억하는 사람이 있을 것이다.)..
입력값 체크(한글, 영문, 특수문자, 공백 정규식 활용) // 특수 문자 체크 function checkSpecial(str) { const regExp = /[!?@#$%^&*():;+-=~{}\_\[\]\|\\\"\'\,\.\/\`\₩]/g; if(regExp.test(str)) { return true; }else{ return false; } } // 한글 체크function checkKor(str) { const regExp = /[ㄱ-ㅎㅏ-ㅣ가-힣]/g; if(regExp.test(str)){ return true; }else{ return false; }}// 숫자 체크function checkN..
전역 NaN 속성은 Not-A-Number(숫자가 아님)를 나타냅니다. function sanitise(x) { if (isNaN(x)) { return NaN; } return x; } console.log(sanitise('1')); // Expected output: "1" console.log(sanitise('NotANumber')); // Expected output: NaN
모바일 웹에서 뒤로가기 버튼 선택시 history.pushstate 사용해서 뒤로가기 이벤트 확인하기 모바일 웹에서 뒤로가기 버튼을 처리하려면 JavaScript를 사용하여 history.pushState를 활용할 수 있습니다. popstate 이벤트를 사용하여 뒤로가기 버튼의 클릭을 감지할 수 있습니다. 아래는 간단한 예제 코드입니다. 뒤로가기 이벤트 확인 새로운 상태로 이동
우선 사용자가 페이지 안에서 스크롤을 사용해 이동하는 경우 어떤 방법을 사용할까요? 1.마우스의 휠 버튼을 사용하는 경우 2.키보드의 커서키를 사용하는 방법 3.스크롤 바 위에 마우스를 올려 드래그하여 이동하는 방법 이처럼 세가지 방법이 가장 보편적입니다. 이 중에서 오늘은 스크롤을 사용한 이동시 이를 블락하는 방법을 알아보겠습니다. 먼저 스크롤을 막는 것이 왜? 그리고 언제 필요할까요? # 스크롤의 이동을 막는 것이 필요한 경우 언제 스크롤을 사용한 페이지 이동을 막아야할까요? 먼저 중요한 콘텐츠 화면 영역에서 빠른 스크롤 이동에 의하여 의도한 콘텐츠를 다 못보여주는 경우도 생각해볼 수 있습니다. 이런 경우는 예를 들면... 페이지 스크롤에 따라 화면이 동적으로 변하는 웹사이트의 경우가 이에 해당합니다..