상추의 IT저장소

이벤트란? 프로그래밍하고 있는 시스템에서 일어나는 사건 혹은 발생 마우스이벤트 타입 click 마우스 버튼을 클릭했을 때 dbclick 마우스 버튼을 더블 클릭했을 때 mousedown 마우스 버튼을 누르고 있을 때 mouseup 누르고 있던 마우스 버튼을 뗄 때 mousemove 마우스 커서를 움직일 때 mouseenter 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링 x) mouseover 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링 o) mouseleave 마우스 커서를 HTML 요소 밖으로 이동했을 때(버블링x) mouseout 마우스 커서를 HTML 요소 밖으로 이동했을 때(버블링o) 이벤트 핸들러 각각의 이용가능한 이벤트들은 이벤트 핸들러를 가지고 있는데, 이는 이벤트가..

Node.js란?? - Node.js를 사용하려면 Javascript를 먼저 배워야한다. JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이기 때문이다. - JavaScript 엔진 위에서 동작하는 자바스크립트 런타임이다. - JavaScript는 프로그래밍 언어이지만, 독립적인 컴파일 언어와는 다른 스크립트 언어이다. 스크립트 언어는 특정한 프로그램 안에서 동작하기 때문에 웹 브라우저 프로그램 안에서만 동작한다. 여기서 node.js가 탄생하여 웹 브라우저와 무관한 프로그램을 만들 수 있게 되었다. - 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다. - JavaScript를 활용하며, Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능..

.filter() filter 메소드는 주어진 함수의 조건을 통과하는 요소를 모아 새로운 배열로 반환한다. filter 실습>> 문자열이 6보다 크거나 같은 값 반환 let words = ['banana', 'apple', 'watermelon', 'pear', 'cherry', 'strawberry']; let result = words.filter(x => x.length >= 6); console.log(result); 출력값 >> filter 실습>> 7보다 작은 수 반환 let num = [1,2,3,4,5,6,7,8,9,10] let result2 = num.filter(e => e > .reduce() reduce 메소드는 각 요소에 대해 콜백 함수를 수행하고 하나의 결과값을 반환한다. 이때..

Math.max() 인수로 전달 받은 값 중에서 가장 큰 수를 반환한다. 예시>> //Math.max let max_a = Math.max(); let max_b = Math.max(1, 10, -100, -10, "-1000", 0); let max_c = Math.max(1, 10, -100, -10, "문자열", 0); console.log(max_a); console.log(max_b); console.log(max_c); 출력값>> Math.min() 인수로 전달 받은 값 중에서 가장 작은 수를 반환한다. 예시>> //Math.min let min_a = Math.min(); let min_b = Math.min(1, 10, -100, -10, "-1000", 0); let min_c = Mat..

Array.map() 표준 객체의 Array.prototype 메소드 중 하나인 Array.map() 메소드는 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행한 후, 그 실행 결과를 새로운 배열로 반환한다. map 실습 let arr = [1,2,3,4,5] let multhreeArr = arr.map(function(element) { return element *3; }); console.log(multhreeArr); >>>결과 객체 배열에서 map()을 사용하는 방법 let users = [ {Name : "사나", age: "21"}, {Name : "나연", age: "23"}, {Name : "지효", age: "24"} ]; let usersAge = users.map..

전역 객체 전역객체란 자바스크립트에 미리 정의된 객체로 전역 프로퍼티나 전역함수를 담는 공간의 역할을 한다. 자바스크립트의 모든 객체는 전역 객체의 프로퍼티가 된다. 래퍼객체 var str = "문자열"; // 문자열 생성 var len = str.length; // 문자열 프로퍼티인 length 사용 해당 예제에서 생성한 문자열 str은 객체가 아닌데 length프로퍼티를 사용할 수 있다. 자바스크립트 프로그램이 문자열 리터럴 str의 프로퍼티를 참조하려 하면, 자바스크립트는 new String(str)을 호출한 것처럼 문자열 리터럴을 객체로 자동 변환해주기 때문이다. 이렇게 숫자, 문자열, 불리언 등 원시 타입의 프로퍼티에 접근하려고 할때 생성되는 임시 객체를 래퍼객체 라고 한다. 출처 : https..

객체 자바스크립트에서 원시타입을 제외한 모든 데이터 타입(객체, 함수, 배열, 정규 표현식 등)은 객체다. 객체는 여러가지 값을 가질 수 있으며, 함수도 가질 수 있다. 객체가 보유한 값을 프로퍼티라고 하며, 객체가 보유한 함수를 '메서드'라고 한다. 객체 생성 방식 객체를 생성하는 방법은 객체 리터럴을 사용하는 방식, 1)객체 리터럴 변수처럼 객체를 생성하는 방식 let myObj = { name: 'lettuce', age: 20, hello: function(){ return `이름은 ${this.name}이고, 나이는 ${this.age}입니다.`; } }; console.log(myObj); >>> 결과값 2) 생성자 방식 new Constructor() 방식으로 객체를 생성하는 방식이다. va..

타입변환 타입변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다. 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 타입의 값이 변환 되는 것을 암묵적 타입 변환이라 하며, 개발자의 의도에 따라 타입을 변환하는 것을 명시적 타입 변환 이라한다. 명시적 타입 변환 개발자의 의도에 따라 명시적으로 타입을 변경하는 방법은 다양하다. 표준 빌트인 생성자 함수(String, Number, Boolean)을 new 연산자 없이 호출하는 방법 메서드 사용하는 방법 암묵적 타입변환을 이용하는 방법 문자열 타입으로 변환 문자열 타입이 아닌 값을 문자열 타입으로 변환하는 방법은 다음과 같다. String 생성자 함수를 new 연산자 없이 호출하는 방법 Object.prototype.toStri..