이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다. [ 동영상 강의 보기 ] 축약 표현ECMA Script는 json객체 생성시 key값과 변수명이 같다면 아래와 같이 생략 가능합니다. let name = '이름'; let age = 30; let user = { name: name, age: age }; console.log(user.name); // 이름 console.log(user.age); // 30 // ES6 let user = { name, age }; console.log(user.name); // 이름 console.log(user.age); // 30메소드역시 축약표현이 가능한데 아래와 같이 function키워드를 지우고 선언하면 됩니다. let obj = { name: ..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ] Generatorgenerator는 임의로 실행을 정지했다 다시 실행할 수 있는 함수입니다.함수 실행을 정지/재개 하면서 함수 내부로부터 값을 가져오거나 집어넣을수 있어 다양한 목적으로 사용할 수 있습니다.generator를 정의하는 방법은 아래와 같습니다. function* numbers() { console.log('시작'); yield 1; yield 2; yield 3; }function* 키워드로 선언하고 일반 함수와는 전혀 다르게 동작합니다. console.log(numbers());함수를 실행하고 결과를 출력해보면 내부 코드가 전혀 실행되지 않고 Generator 객체가 리턴됩니다.내부 코드를 실행하려면 ..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ]Promise자바스크립트는 비동기 처리 결과를 가져오거나 에러처리를 하기 위해 콜백함수를 사용했습니다.대표적으로 jquery가 제공하는 $.ajax 함수를 많이 사용하는데 ajax함수의 결과를 가지고 다음 ajax함수를 호출해야 하는 경우가 연달아 생긴다면 가독성이 매우 떨어지고 에러처리도 쉽지 않습니다. 먼저 아래 현기증 나는 코드를 한번 보겠습니다. // 현재 로그인한 사용자 정보 가져옴 $.ajax({ url: '/api/current-user', success: function(user) { const userId = user.id; // 넘겨받은 user_id를 기반으로 친구 목록 가져옴 $.ajax({ url..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ] Class자바스크립트는 프로토타입 기반 언어로 클래스가 따로 필요 없지만 개발자에게 익숙하지 않은 문법으로 사용하기가 매우 힘들어 ECMA Script 2015에 Class가 추가되었습니다.사용방법은 기존에 아래와 같이 함수와 프로토타입으로 사용하던 코드를 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } Person.prototype.incrementAge = function () { return this.age += 1; };다른 언어와 비슷하게 아래와 같이 바꿔주면 됩니다. class Perso..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ] 화살표 함수 ( Arrow function )ECMA Script 2015에 새로운 익명함수 정의 방법인 화살표 함수가 추가됐습니다.사용방법은 아래와 같이 기존 함수 선언문법에서 function을 제거하고 괄호 뒤에 => 화살표를 추가해줍니다. // 매개변수가 없을 경우 () => { ... } // 매개변수가 한개인 경우 소괄호를 생략할 수 있습니다. param => { ... } // 매개변수가 두개 이상인 경우 소괄호를 생략할 수 없습니다. (param1, param2) => { ... } // 함수 내부 코드가 1줄이라면 중괄호도 생략 가능하고 실행 결과를 리턴합니다. param => param + 1 이런 간..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ] ECMA Script란?ECMA스크립트(ECMAScript, ES[1])는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 이 언어는 웹 상에서 널리 쓰이며, 흔히 자바스크립트 또는 J스크립트로도 생각할 수 있지만 두 용어는 특별한 의미 차이가 있다. ECMA스크립트와 자바스크립트, J스크립트의 관계를 이해하기 위해서는 ECMA스크립트의 역사를 알아야 한다. [ 위키백과 ECMA Script 소개 ] 우리가 사용하는 자바스크립트는 에크마 인터내셔널에서 만든 ECMA Script 규격을 개발자가 사용할 수 있도록 각 브라우저 개발사에서 제공한 스크립트입니다.ECMA Scr..
이 내용은 아래 링크에서 동영상 강의도 같이 보실 수 있습니다.[ 동영상 강의 보기 ] http로 전송하는 모든 데이터는 제3자가 중간에 가로챌 가능성이 있기 때문에 https를 적용해서 보호해야 하지만 유료로 인증서를 구매해야 하기 때문에 개인 사이트의 경우 적용하지 않는 경우가 많습니다. 크롬 브라우저의 경우 https가 아닌 사이트에 "안전하지 않음"표시를 하기도 하고, 구글 검색엔진은 https적용된 사이트가 더 높은 순위를 받을 수 있도록 하고 있기 때문에 가능하면 https를 적용하는게 좋습니다. [ http로 전송했을 경우 패킷캡쳐 프로그램으로 간단하게 사용자 정보를 획득할 수 있습니다. ]Let's EncryptLet's Encrypt는 이런 인증서 비용이 https보급에 방해가 된다고 생..