Dev

8) 배열 함수 (1) forEach() 반복문의 순번(i++)과 배열의 크기를 따로 선언하는 과정을 생략할 수 있음. forEach()가 내장함수이므로 속도 부분으로는 for()보다 더 빠르다. * 반환값이 없어도 됨 문법 arr.forEach(callback(currentValue[, index[, array]])[, thisArg]) - callback: 각 요소를 실행할 함수, currentValue와 index, array 세 가지 매개변수를 받음. - currentVaule: 처리할 현재요소 - index: 처리할 현재 요소의 index. - array: forEach()를 호출한 배열. - thisArg: callback을 실행할 때 this로 사용하는 값 forEach()를 사용한 코드(1..

7) 비동기 함수 (1) 비동기 처리 작업 시간을 많이 요하는 작업을 처리하는 동안 다른 작업들이 대기 상태인 경우, 다른 작업들을 먼저 진행하고 오래 걸리는 작업과 그 작업에 관련된 작업을 이후에 처리하는 방식. (2) 프로미스(Promise) ✍🏻 프로미스의 상태 세 가지 대기중: 결과를 기다리는 중 처리됨 - 이행됨: 수행이 정상적으로 끝남. 결과값을 갖고 있음 처리됨 - 거부됨: 수행이 비정상적으로 끝남. ① 프로미스 생성: new 키워드로 생성. ② Promise.resolve 생성: 이행됨 상태인 프로미스 생성 ③ Promise.reject 생성: 거부됨 상태인 프로미스 생성. ④ then : 처리됨 상태가 된 프로미스를 처리할 때 사용하는 메소드. 기존의 비동기 함수: function wor..

4) 화살표 함수(Arrow function) 화살표 기호 => 로 함수를 선언. function 키워드를 생략하고 인자 블록과 본문 블록 사이에 화살표를 표기하여 사용한다. 기존의 코드: function addNumber(a,b) { return a+b; } 화살표 함수: const addNumber = (a,b) => { return a+b; } return 키워드를 생략하면 const addNumber = (a,b) => a+b; 5) 클래스(Class) 기존 자바스크립트(ES5까지)에는 클래스가 없었으나 ES6에 추가됨. (1) 클래스 사용법 ① class 키워드: 클래스 정의 ② constructor() 생성자 함수 ③ new 키워드: 클래스 생성 자세히는 Java Script - Class 장..

1. ES6 문법(ES2015) ⭐ES6문법 ES(ECMAScript)란 자바스크립트의 표준을 말하며 자바스크립트가 다양한 웹 브라우저에서 공통적으로 잘 작동되도록 표준이 필요해지면서 만들어진 것. ES6가 가장 큰 변화가 있는 표준. 1) const & let (불변 변수와 가변 변수) (1) const 불변 변수 선언을 위한 키워드로, 객체와 함께 사용할 때 말고는 값을 다시 할당할 수 없는 변수. (배열이나 객체의 값을 변경하는 것은 가능하다) 보통 const를 사용하며 var 사용보다는 const나 let을 사용. (2) let 가변 변수 선언을 위한 키워드, 즉, 변경 가능한 변수를 생성할 수 있다. const와 달리 재할당이 가능한 변수. 2) 템플릿 문자열(Template String) 문자..