입력창에 대문자 또는 소문자로만 입력하는 방법이다. toUpperCase() 또는 toLowerCase() 함수를 이용하면 된다. 1 2 3 4 5 // 대문자만 입력 // 소문자만 입력 대소문자만 입력하는 경우가 많은 경우 공통스크립트로 관리하는 것이 편할 것이다. 1 2 3 4 5 6 7 8 9 // 대문자만 입력 공통스크립트 $("input[type=text]").filter(".upper").on("keyup", function(){ $(this).val($(this).val().toUpperCase()); }); // 소문자만 입력 공통스크립트 $("input[type=text]").filter(".lower").on("keyup", function(){ $(this).val($(this).va..

입력창에 숫자만 입력되기 원할 때 type을 number, tel로 하면 될 거라고 생각하겠지만, 웹에서나 모바일에서 문자가 입력되는 경우가 있다. 이러한 경우를 방지하기 위해 스크립트에서 입력값이 숫자가 아닐 경우 해당 문자를 공백으로 치환하는 방법을 써야 한다. 1 input태그에 onkeyup 이벤트로 적용할 수 있다. 하지만 각 입력창에 일일이 keyup이벤트를 적용하는 것은 비효율적이다. 1 2 3 $("input[type=number], input[type=tel]").filter(".num").on("keyup", function(){ $(this).val($(this).val().replace(/[^0-9]g, "")); }); 공통스크립트로 위 소스와 같은 이벤트를 기호에 맞게 설정해주면..

Truthy and Falsy 자바스크립트에서 Truthy와 Falsy는 '참 같은 값'과 '거짓 같은 값'을 뜻합니다. 이 값들은 자바스크립트에서 조건문과 반복문 등 boolean값이 필요한 곳에서 각각 true와 false로 평가됩니다. 다음 8가지 값은 falsy이다. false false 0 숫자 0 -0 음수 0 0n BigInt (boolean으로 사용될 경우 숫자와 같은 규칙을 따름) "" 빈 string null null undefined undefined NaN NaN 이 외 모든 값은 truthy로 볼 수 있습니다. 따라서 truthy와 falsy는 아래와 같이 조건문 등에서 직접적인 비교를 할 필요가 없으며 // example 1 if (x == undefined || x == nul..

* Javascript는 명시적 타입 정의가 없다. Java처럼 String, int 등의 타입을 정의하지 않고, var 타입으로 정의하면 JS가 알아서 적절한 타입으로 정의된다. 명시적인 타입이 없어서 헷갈리는 경우가 많고 예상치도 못한 결과가 나와서 당황할 수 있다. 1. 자동 형변환 - 자동 형변환은 프로그램 실행 중 자동으로 형변환이 되는 걸 의미한다. 작은 크기의 데이터 타입을 큰 크기의 데이터 타입으로 변환하는 행위를 말한다. ( 작은놈이 큰 놈으로 변환 ) // 간단한 예시 var kingPork = 10;// number kingPork += "문자"; console.log(kingPork);// "10문자" = string kingPork = "2"; kingPork *= 1; conso..