Dev/Java Script
[Java Script] JavaScript의 ES란?, ES5/ES6 문법 차이 (2)
ES6에 추가된것 6. 클래스 정리중.... 7. 모듈 정리중.... 8. 디스트럭처링 할당 정리중.... 9. 프로미스 정리중.... 10. string메서드 정리중....
반응형
Dev/Java Script
Dev/Java Script
[Java Script] JavaScript의 ES란?, ES5/ES6 문법 차이 (1)
Java Script ES란? ES란, ECMA Script의 약어로서 자바스크립트의 표준,규격을 나타내는 용어이다. 표준을 정한 이유는? 크로스 브라우징 이슈 기능들이 모든 브라우저에서 동일하게 동작하지 않는 이슈 이때문에 ECMA Script로서 자바스크립트의 표준을 정했다. 뒤에 숫자는 버전을 뜻하는데 ES5(2009년) ES6(2015년)에 출시되었다. 버전별로 확인하다 보면 ES6 이후에는 매년 업데이트가 되고있는 반면 ES5와 ES6사이에는 시간차이가 있다.(6년) 그때 때문에 많은 기능들이 추가되었다. ※취업시장에선 ES6+ (ES6 이후, 모던자바스크립트라고 부름) 이상을 많이 요구하고있다. 2023 기준 ECMAScript2023 = ES14 가 최신버전인듯 하다. ES6에 추가된것 1...
Dev/Java Script
[Java Script] map, filter, reduce 를 이용한 반복문
일반적인 Loop 구문 // for var arr = [3, 9, 4, 2, 7, 6] var new_arr = [] for (var i = 0; i < arr.length; i++) { if (arr[i] % 2 === 0) { // 2의 배수 new_arr.push(arr[i]) } } console.log(new_arr)// 4, 2, 6 // forEach() var arr = [3, 9, 4, 2, 7, 6] var new_arr = [] arr.forEach(function (n) { if (n % 2 ===0) { new_arr.push(n) } }) console.log(new_arr)// 4, 2, 6 // forEach with arrow fuction var arr = [3, 9, 4..
Dev/Java Script
[Java Script] var, let const 의 차이점 과 호이스팅
JavaScript에서 변수 선언 방식인 var, let, const 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선..
Dev/Java Script
[Java Script] ==와 ===의 차이점
==는 Equal Operator이고 ===는 Strict Equal Operator이다. ==는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) ===는 Strict, 즉 엄격한 Equal Operator로써, "엄격하게" 같음을 비교할 때 사용하는 연산자이다. ===는 a === b 라고 할때, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true, 다르면 false라고 한다. 값은 똑같이 1이지만 값의 종류가 숫자냐, 문자열이냐에 따라 === 연산자를 사용할 때 결과가 false라고 나온다. var a = 1; var b = "1"; console.log(typeof a) // numbe..
반응형
