es6
-
Javascript ES6 문법 정리JS & TS 2023. 9. 11. 13:53
Frontend 개발자나 NodeJS개발자라면 필수인 javascript의 대격변이라고 생각하는 ES6부터 시작해 시리즈로 정리하는 글을 작성해보려고 합니다. ES6에서 추가된 주요 기능과 문법은 다음과 같습니다. Class(클래스) Arrow Function(화살표 함수) 배열 축약 Rest Parameter and Spread Operator Template Literal For... of 반복문 Destructuring Assignment(구조 분해 할당) const and let 키워드 Default Parameter Promise 1. Class(클래스) 클래스 문법을 사용하면 객체 지향 프로그래밍을 더 쉽게 구현할 수 있습니다. class Person { constructor(name, age..
-
Javascript concat vs spread vs push 성능에 대해Tip 2021. 9. 9. 11:54
결론부터 말하자면 큰 배열의 경우 concat을 작은 배열의 경우 spread가 효율이 좋다. 그리고 concat은 배열에 배열을 합칠 때, pushs는 배열에 새로운 인자를 합칠 때 그 효율이 좋다. 먼저 concat과 push에 대해 설명하자면 concat의 경우 실행 시 배열을 리턴하고, push의 경우 배열의 총길이를 리턴함으로 성능에 있어서는 push가 더 좋을 수밖에 없다. 위의 이미지에서처럼 대량의 데이터의 경우 concat의 속도가 더 뛰어나다. 심지어 spread의 경우 데이터가 너무 크다면 Maximum call stack size exceeded 에러까지 발생한다. 물론 바벨을 이용한다면 아마 spread는 바벨을 걸쳐 concat으로 변경되기 때문에 성능상의 큰 차이는 없을 것이다...