Home
XerosLab
Cancel

JQuery를 이용한 키 입력 감지 예제

예제 $(document).keyup(function(e){ if (e.keyCode == 27){ // 27번 키, 즉 ESC 키가 눌렸다 떼어졌을 때 실행 할 코드 console.log("ESC press"); } else{ // 다른 키가 눌렸을다 떼어졌을 때 실행할 코드 console.log(e.keyC...

JavaScript의 연산자와 수학 연산 처리

단항, 이항, 피연산자 연산자를 알아보기 전에 알아두어야 할 용어입니다. 피연산자(operand)는 연산자가 연산을 수행하는 대상입니다. 예를 들어 수식 5 \* 2에는 왼쪽 피연산자 5와 오른쪽 피연산자 2, 총 두 개의 피연산자가 있습니다. 피연산자는 “인수(argument)”라는 용어로 불리기도 합니다. 피연산자를 하나만 받...

JavaScript의 형변환

자료형 변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이러한 과정을 “형 변환(type conversion)”이라고 합니다. 하지만 이 외에, 전달받은 값을 의도를 갖고 원하는 타입으로 명시적 변환하는것 역시 형 변환이라고 할 수 있습니다. 문자(String)형으로 변환 String(value) 함수를 호출해 인...

JavaScript의 자료형

자바스크립트의 자료형 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속합니다 자바스크립트의 자료형은 8가지 종류가 있으며, 다음과 같습니다. 숫자형 - 정수, 부동 소수점 숫자 등 수를 나타낼 때 사용합니다. BigInt - 길이 제약 없이 정수를 나타낼 수 있습니다. 문자형 - 빈 문자열이나 글자로 이루어진 문자...

JavaScript의 변수와 상수

변수 변수는 데이터를 저장할 때 사용하는 저장소 개념입니다. 변수는 여러 가지 값으로 변할 수 있는 수이므로 할당된 데이터의 값이 변경될 수 있습니다. 자바스크립트에서는 let, var 키워드를 이용해 변수를 생성합니다. 변수 선언과 데이터 할당 아래 예제는 message라는 이름을 가진 변수를 선언 및 초기화합니다. let message; ...

JavaScript의 엄격 모드 (use strict)

엄격 모드 자바스크립트는 기존의 기능을 변경하지 않으면서 새로운 기능을 추가해왔습니다. 이러한 특징 때문에 기존에 작성했던 코드는 별도의 수정 없이도 에러 없이 지속적으로 사용이 가능했습니다. 하지만 이러한 장점이 있는 반면 불완전한 문법이나 결함 역시 수정이 이루어지지 않는다는 단점이 있습니다. 그런데 새롭게 등장한 버전 ES5부터 새로운 기능...

JavaScript의 코드 구조

문 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미합니다. 앞서 “Hello, world!” 메시지를 보여주는 alert("Hello, world!")문을 확인한 바 있습니다. 코드엔 원하는 만큼 문을 작성할 수 있습니다. 이때, 서로 다른 문은 세미콜론으로 구분합니다. ...

JavaScript의 매뉴얼

명세서 ECMA-262 명세서(sepcifaction)는 자바스크립트와 관련된 가장 심도 있고 상세한 정보를 담고 있는 공식 문서입니다. 이 명세서에서 자바스크립트라는 프로그래밍 언어를 정의합니다. ECMA-262 명세서는 고유한 형식 때문에 명세서를 처음 접하는 사람은 그 내용을 이해하기가 쉽지 않습니다. 자바스크립트에 관한 정보를 얻을 수 있는...

디자인 패턴 MVC, MVP, MVVM의 특징과 차이점

MVC Model + View + Controller 구조 Model : 애플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분입니다. View : 사용자에게 보여지는 UI 부분입니다. Controller : 사용자의 입력(Action)을 받고 처리하는 부분입니다. 동작 MVC 패턴의 동작 순서는 다음과 같습니다. ...