Study/JavaScript
-
[jQuery] 키보드 이벤트(keyup, keydown, keypress)Study/JavaScript 2020. 10. 29. 11:02
keyup 키보드에서 손을 뗐을 때 실행 현재 누른 값을 가지고 있음 keydown 키보드를 눌렀을 때 실행(한번 실행) Ctrl, Alt, Shift 등 키 작동 이전 누른 값 정보를 가지고 있음 keypress 키보드를 눌렀을 때 실행(누르고 있는 동안 계속 실행) Ctrl, Alt, Shift 등 키 작동 하지 않음 이전 누른 값 정보를 가지고 있음 keyCode ASCII 값 keyup, keydown => a=65 A=65 동일 keypress => a=65 A=65 동일 X
-
[jQuery] 클래스 추가 제거 확인 addClass()/removeClass()/hasClass()Study/JavaScript 2020. 10. 28. 14:49
사용이유 스타일을 부여하기 위해 사용 1. attr() 2. css() 3. addClass() attr()나 css()를 사용할 경우 inline 형태로 스타일 부여됨 => 코드와 스타일 분리되지 않음 => !important 필요할 수 있음 위 단점들은 보안 addClass() 클래스을 추가하는 메소드 $(element).addClass('클래스명'); removeClass() 클래스을 제거하는 메소드 $(element).removeClass('클래스명'); hasClass() 클래스명이 존재하는지 확인하는 메소드 $(element).hasClass('클래스명'); 참고 더보기 "addClass", jQuery, api.jquery.com/addclass/ "removeClass", jQuery, a..
-
[JavaScript] use strict(Strict Mode): 엄격모드Study/JavaScript 2020. 10. 21. 16:37
use strict Strict Mode 선언방식 안전한 코딩을 위한 하나의 가이드라인 ES5부터 적용 Strict Mode 코드 오류 검사를 적용하는 방법 엄격한 운용 콘텍스트안에서 실행시킬 수 있게 함 장점 - 실수를 에러로 변환 - 상대적으로 안전하지 않은 액션 발생 방지 - 정확하게 고려되지 않은 기능 비활성화 - 변수 사용 단순화 - 보안에 강한 자바스크립트 작성 가능 사용방법 'use strict'; "use strict"; 전역컨텍스트 선언 - 모든 코드에 strict 모드 적용 'use strict'; function testFunction() { var num = 1; return num; } num = 2; // error 함수 내에 선언 - 함수 내 코드에 strict 모드 적용 fu..