Promise 프로미스는 자바스크립트 비동기 처리에 사용되는 객체 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용합니다. 일반적으로 웹 어플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 사용 ​ Promise를 사용하지 않고 일반 ajax 코드 function getData(callbackFunc){ $.get('url 주소', function(response){ callbackFunc(response); }) } ​ getData(function(tableData){ console.log(tableData); }); 위 내용을 Promise 로 사용 function getData(callback){ return new Promise(function(resolve, rej..

1. 화살표 함수 함수 표현식을 화살표 함수로 표현할 수 있다. 화살표 함수가 추가되어 ES5의 함수 표현식보다 간결하고 가독성 및 유지보수성이 올라간다. 함수의 본문에 return만 있을 경우 return 과 {} 를 생략할 수 있다. //일반적인 자바스크립트 함수(ES5) function function_test(a, b) { return a + b; } ​ // 화살표 함수(ES6) (a, b) => { return a + b; } // 화살표 함수(ES6) - return, {} 생략 (a, b) => a + b; ​ 2. 템플릿 리터럴(Template literals) 템플릿 리터럴은 기존 자바스크립트에서 문자열을 표시할 때 사용하는 작은 따옴표(')나 큰 따옴표(') 대신 백틱(')을 사용하는..

Javascript Prototype 자바스크립트는 프로토타입 기반 언어라고 불린다. 객체지향언어 즉, Java에서 사용하는 Class라는 개념과 비슷하지만 자바스크립트에서는 Class라는게 없습니다. 그래서 사용하는게 프로토타입입니다. 클래스가 없으니 상속기능도 없지만 프로토타입을 사용하여 상속이라는걸 흉내내도록 구현해 사용한다. Person 함수를 생성하게 되면 Person 함수의 프로토타입 객체가 생성된다. Person 함수는 내부적으로 prototype 이라는 멤버를 갖게 되는데 해당 prototype 멤버는 Person 함수의 프로토타입 객체를 참조한다. Person 함수의 프로토타입 객체는 constructor 라는 멤버를 갖는데 Person 함수를 참조한다. Person 함수의 prototy..