개발 블로깅/Modern script
-
[2019.03.27] 구조분해할당 개념개발 블로깅/Modern script 2019. 3. 27. 11:42
ES6로 넘어오면서, 배열과 object를 조금 더 쉽게 다루는 방식이 있다.구조분해 연산자, 전개연산자, 각 배열에 들어가 있는 데이터를 하나씩 가져와서 처리해야 되는 상황을 한번에 처리할 수 있도록 해준다. # 구조분해할당 - 배열 구조 분해12345var a, b, rest;[a, b] = [10, 20]; console.log(a); // 10console.log(b); // 20cs 12345var x = [1, 2, 3, 4, 5];var [y, z] = x; console.log(y); // 1console.log(z); // 2cs 위와 같이 변수 초기화 선언할 때 표현하면, 배열을 분해하여 순서대로 각 자리에 들어가게 된다.12345var a, b;[a = 5, b = 7] = [1]; ..
-
[2019.03.06] 비동기 처리방식 Promise와 Async await개발 블로깅/Modern script 2019. 3. 6. 16:54
비동기적 통신방식인 AJAX가 있는데, 그것 말고 비동기적 처리 방식인 Promise가 따로 있다. 사실 둘의 무슨 차이인지는 모르겠다.AJAX는 통신이고, Promise는 함수처리를 비동기적으로 하는 것일까..? 우선 Promise가 향후에 많이 쓰여질 방식이라고 하는 것 같아, 사용방식에 대해 공부를 해봤다. # Promise 사용법 기본적인 사용 예제12345678910111213function delayP(sec){ return new Promise((resolve, reject)=>{ setTimeOut(()=>{ resolve('run!'); }, sec * 1000); }} let finalVal = delayP(1).then((result)=>{ console.log(result); ret..
-
[2019.03.05] ECMA Script6 기초문법개발 블로깅/Modern script 2019. 3. 5. 20:25
우리가 평소 사용하던 자바스크립트 방식은 ECMA5의 방식이라고 한다.Jquery라는 훌륭한 라이브러리가 나오면서, 오직 자바스크립트만으로는 처리하기 힘든 일들을(큰 예로는 DOM 접근 및 처리) 쉽게 처리할 수 있도록 해주었다.그러나 Jquery는 자바스크립트의 표준이 아니다.우리가 지금껏 사용한 표준인 ECMA5만이 오직 표준이였고, 그 이후에 나온 표준이 ECMAScript6 (ES6)이다. 앞으로 자바스크립트를 다루면서 더욱 표준화된 방식으로 코딩을 하고자 하여, ECMA6 방식에 대한 정리를 어느정도 해봤다. # var를 대신하는 키워드 let과 const기존은 함수 스코프 변수인 var는, 전역 범위로 스크립트 내 어디서나 참조가 가능하다.123456var runFunction = functi..