목록JavaScript (14)
PDH 개발 공부
JavaScript this this 는 현재 실행 문맥 이다 alert(this === window) // true, 호출자는 window const caller = { f: function() { alert(this === window) }, } caller.f() // false, 호출자는 caller 객체 alert 도 따지고 보면 window.alert() 이다 strict-mode 에서 전역 객체냐 일반 객체냐에 따라 함수 내부에 this의 결과가 다르다 이 문제 또한 window 를 함수 호출 앞에 붙여주면 해결된다 function nonStrictMode() { return this } function strictMode() { 'use strict' return this } console..
Ajax (Asynchronous Javascript And XML) JavaScript의 라이브러리중 하나 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고 페이지 일부만 데이터를 로드 하는 기법 JavaScript를 사용한 비동기 통신 , 클라이언트와 서버간 XML 데이터를 주고 받는 기술 비동기 방식 웹 페이지를 리로드를 하지 않고 데이터를 불러오는 방식 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 동작 한다는 의미 장점으로는 필요한 부분만 불러와 사용할 수 있으므로 매우 큰 장점이 있다. Ajax를 사용 가능하게 만드는 ..
원문 : https://www.sitepoint.com/shorthand-javascript-techniques/ 1. 삼항조건 연산자 (The Ternary Operator) if , else 사용할때 한줄로 줄여주는 방법 기존 (Basic) const x = 20; let answer; if (x > 10) { answer = 'greater than 10'; } else { answer = 'less than 10'; } 축약 (ES6) const answer = x > 10 ? 'greater than 10' : 'less than 10'; // or const answer = x > 10 ? " greater than 10" : x // ..
Window 객체 전역객체라고도 불린다. JSC , BOM , DOM 모든 객체를 포함하고 있다. 창이나 프레임을 의미한다. DOM(Document Object Model) 문서에 대한 모든 내용을 담고있는 객체 , 도큐먼트에 관련 된 내용 모두 문서 즉 얼려진 페이지에 대한 정보를 따로 객체화 시켜서 관리함 (텍스트 , 버튼 ,이미지 등등) 웹문서에 대한 모든 내용을 담고있는 객체를 DOM 이라고 한다 자바스크립트가 브라우저 창(window)을 제어하기 위한 객체 자바스크립트 실행과 관련된 환경 정보 에 접근 가능한 객체 ex)getElementsByTagName, getElementsById , getElementsByClassName 클로저 개념 보기 BOM 웹페이지의 내용을 제외한 브라우저의 각종..
출처 : https://www.nextree.co.kr/p7323/ JavaScript : 프로토타입(prototype) 이해 JavaScript는 클래스라는 개념이 없습니다. 그래서 기존의 객체를 복사하여(cloning) 새로운 객체를 생성하는 프로토타입 기반의 언어입니다. 프로토타입 기반 언어는 객체 원형인 프로토타입을 이 www.nextree.co.kr 자바스크립트는 클래스 라는 개념이 없다 , 기존의 객체를 복사하여 새로운 객체를 생성하는 프로토타입 기반의 언어이다 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어 낸다 객체를 탐조하는 prototype 속성 , 객체 맴버인 proto 속성이 참조하는 숨은 링크가 존재한다. [소스 1] function Person(){} 속성이 하나도 없는 ..
var키워드를사용하여 전역 변수를 선언 할 때해당 변수를 전역 객체로 취급을 한다. 웹 브라우저에 표현 하는 전역객체는 window var a = 10; console.log(window.a); // 10let키워드를 사용하여 변수를 선언하면 해당 변수가 전역 개체로 취급 하지 않는다. let b = 20; console.log(window.b); // undefinedfor 루프 JavaScript let 및 콜백 함수 for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 1000); }같은 숫자 출력을 5번 한다 ES5 에서 IIFE 패턴 을 사용해서 해결은 할 수는 있다. 하지만 복잡하다 for (var i = 0; i ..