whatisthis?

1) 마우스 이벤트 click 요소에 마우스를 클릭했을 때 dbclick 요소에 마우스를 더블클릭했을 때 mouseover 요소에 마우스를 오버했을 때 (올려놓았을 때) mouseout 요소에 마우스를 아웃했을 때 (바깥으로) mousedown 요소에 마우스를 눌렀을 때 mouseup 요소에 마우스를 떼었을 때 mousemove 요소에 마우스를 움직였을 때 contextmenu context menu(마우스 우클릭시 나오는 메뉴)가 나오기 전 wheel 휠이 회전되었을 때 mouseleave 커서가 요소 밖으로 멀리 이동할 때 2) 키 이벤트 keydown 키를 눌렀을 때 keyup 키를 떼었을 때 keypress 키를 누른 상태일 때 3) 폼 이벤트 focus 요소에 포커스가 이동되었을 때 blur 요..

💡 JSON이란? JavaScript Object Notation (JSON) 은 속성-값 쌍(attribute–value pairs / array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷. 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있음. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합함. 비동기 브라우저/서버 통신 (AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷. ** 참고 ㅡ 이전에 배웠던 내용 中 console.dir - element를 JSO..

실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수 function wow(word) { // word는 parameter console.log(word + ' ' + name); // } function say () { // var name = 'nero'; // 지역변수 name 선언 console.log(name); // 'nero' wow('hello'); // console.log('hello zero') } say(); // nero, hello zero - Lexical..

자바스크립트에서 ECMAscript 5 이전에는 var로 선언한 변수로 데이터를 저장했었다. (ECMA5이후에는 const와 let이 등장하였다. 현재 var은 웬만해선 쓰지 X) var로 전역(global)변수를 만드는 것은 삼가야 한다! 그렇다면, 전역 변수란 무엇이며, 삼가야 하는 이유는 무엇일까? ** 전역변수 (global variable) 자바스크립트에서 가장 바깥 범위(window 객체)에 변수를 만드는 것. 함수 안에 포함되지 않음. 예제를 통해 살펴보자. var x = 'global'; function ex() { var x = 'local'; x = 'change'; } ex(); // x를 바꿔본다. alert(x); // 여전히 'global' 함수 ex 안의 x는 local 변수(..

Object 객체 - object 자체도 객체이다. (모든 객체의 최종 prototype임) - 객체의 prototype 확인 >> 이미 구현된 객체의 prototype을 확인하려면, __proto__를 사용. Math.__proto__; // Object { ... } 예를 들어 Math 객체의 prototype을 확인해보면 Object 객체가 나온다. 즉, 모든 객체의 prototype은 결국 Object 객체이다. ** 생성자로 만든 객체의 prototype의 prototype도 Object 객체가 됨. function Person(name) { this.name = name; } Person.prototype.sayHello = function() { console.log(this.name); }..

javaScript. 숫자야구게임 - 웹 ver. https://mywebproject.tistory.com/259?category=875338 javaScript. 숫자야구게임 - (2) javaScript. 숫자야구게임 -(1) Bulls and Cows (숫자야구) - Rule - - 숫자 제시 횟수 : 10회 이내 - 4자리의 숫자를.. mywebproject.tistory.com 지난 포스팅에서 숫자야구 게임을 html요소와 eventListener을 이용하여 플레이할 수 있도록 수정했었다. Guess 버튼을 눌렀을 때를 기준으로 해보았는데, 1 / count가 누적이 안됨 2 / 랜덤 숫자가 연동이 안됨 3 / UI 디자인이 너무 안이쁨 과 같은 문제가 있었다. 큰 틀은 유지하되, 폰트나 기본..