목록웹개발/ES6, ES2020 (11)
써먹는 웹개발

1. 반복문 안에 선언된 변수를 클릭이벤트 등으로 호출해야되는 상황 ※ 출처 : 인프런 - 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

Javascript의 변수 선언 방식 3가지 (var, let, const) 1. var - 특징 : 변수 재선언 가능 var name = '테스트'; console.log(name); // 테스트 var name = '재선언 및 할당'; console.log(name); // 재선언 및 할당 소스가 많아지면 변수 재선언을 했는지 안했는지 한눈에 파악하지 못하기 때문에 ES6 이후에 보완된 선언 방식 2가지가 let과 const 입니다. 2-1. let - 특징 : 변수 재선언 불가, 재할당 가능 let name = '테스트'; console.log(name); // 테스트 let name = '재선언' console.log(name); // Uncaught SyntaxError: Identifier '..
1. Arrow Function - 화살표 함수 - 함수를 정의할때 function이라는 키워드를 사용하지 않고 => 로 대체 - 흔히 사용하는 콜백 함수의 문법을 간결화 // ES5 함수 정의 방식 var sum = function(a, b) { return a + b; }; // ES6 함수 정의 방식 var sum = (a, b) => { return a + b; } sum(10, 20); ※ 매개변수가 1개일때는 소괄호 생략 가능 var sum = x => { return x; } - 반복문 예시 var arr = [1,2,3]; // ES5 함수 정의 방식 arr.forEach(function(value) { console.log(value); }); // ES6 함수 정의 방식 arr.forE..