Javascript ES6 Promise 1. PROMISE & CALLBACK HELL비동기식 처리모델 장점 병럴로 처리해 다른 요청이 BLOCKING 되지 않는다. 단점 CALLBACK HELL : 여러개의 콜백함수가 순서를 보장하기 위해 NESTING 되어 복잡도가 높아지는 것1234567891011121314151617181920
Javascript ES6 Arrow Function 1. Syntax Arrow function(화살표 함수)은 function 키워드 대신 화살표(=>)를 사용하여 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 사용할 수 있는 것은 아니다. 문법은 아래와 같다. 123456789101112131415161718// 매개변수 지정 방
Javascript ES6 Class Javascript는 프로토타입 기반(prototype-based) 객체지향형 언어다. 프로토타입 기반 프로그래밍은 클래스가 필요없는(class-free) 객체지향 프로그래밍 스타일로 프로토타입 체인과 클로저 등으로 객체 지향 언어의 상속, 캡슐화(정보 은닉) 등의 개념을 구현할 수 있다. class는 함수 객체이다.
Javascript ES6 Destructuring 디스트럭처링(Destructuring)은 기존에 구조로 가지고 있던 객체(배열 또는 객체)를 분석하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용하다. 1. 배열 디스트럭처링 (Array destructuring) ES5의 경우,
Javascript ES6 Extended Object property 객체 리터럴 프로퍼티 기능 확장 1. 프로퍼티 축약 표현 ES5에서 객체 리터럴의 프로퍼티는 프로퍼티 이름과 프로퍼티 값으로 구성된다. 123456789// ES5var x = 1, y = 2;var obj = { x: x, y: y};console.log(obj
Javascript ES6 Extended Parameter Handling 1. 기본 파라미터 초기값(Default Parameter value) 파라미터에 초기값을 설정하여 함수 내에서 수행하던 파라미터 체크 및 초기화를 간편화 할 수 있다. 123456789101112131415161718// ES5function plus(x, y) {
Javascript ES6 let, const ES5에서의 변수선언의 유일한 방법은 var키워드를 사용하는 것이다. var 키워드의 단점 1.Function-level-scope 전역 변수의 남발(전역 변수는 어디서 변경될지 알기 힘들어지기 때문에 사용하지 않는 것이 좋다.) for loop 초기화식에서 사용한 변수를 for loop 외부 또는 전역
Javascript ES6 Template Literals 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용한다. 123const template = `템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes
Jq Ajax & JSON 7. Ajax with jQuery jQuery는 Ajax 요청과 응답을 위해 유용한 메소드들을 제공한다. 7.1 Low-Level Interface settings는 Ajax 요청 설정 정보로서 key/value의 쌍으로 이루어진 객체이다. 모든 settings는 옵션이다. url 요청이 전송될 url
jQuery Basic1. Introduction jQuery는 존 레식이 2006년에 발표한 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리이다. jQuery의 특징 크로스 플랫폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동작한다. 이것은 브라우저 호환성을 고려하여 대체 코드(Polyfill)를 작성할 필요가 없다는 것을 의미한