분류 전체보기 (317) 카테고리 없음 ES10 (ES2019) New Features - 변경점 총정리 ES10의 주요 변경점은 편의성 개선과 유니코드/JSON 이슈 수정입니다. 깊이 이해할 필요 없이 천천히 읽어내리면 됩니다. 톺아보기 : String New Methods trimStart() trimEnd() Object New Methods fromEntries() Array Enhanced Stable sort() New Methods flat() flatMap() Function Enhanced toString() Symbol New Features description JSON Enhanced JSON ⊂ ECMAScript (JSON SuperSet) Well-formed JSON.stringify() Optional Catch Binding String New Methods trimStart.. 2020. 11. 16. 17:25 # Lang/ECMAScript ES9 (ES2018) New Features - 변경점 총정리 ES9는 정규식과 비동기 작업에 대한 새로운 기능이 주요 변경점입니다. 기존의 Iterator와 이번에 나온 Async Iterator와의 차이점을 숙지해야 합니다. 톺아보기 : Async Promise.prototype.finally() Async Iterator for-await-of Symbol.asyncIterator String Lifting Template Literal Restriction Object New Features Rest Properties Spread Properties RegExp Named Capture Groups Unicode Property Escapes Lookbehind Assertions s flag (dotAll) Async Promise.finally() 이행.. 2020. 11. 16. 17:22 # Lang/ECMAScript ES8 (ES2017) New Features - 변경점 총정리 ES8에서 새롭게 추가된 기능들은 적지만 그것을 엎어버릴 정도로 Async/Await는 심오합니다. 특히 ES7로도 구현할 수 있기에, 깐깐한 기술면접에서는 Async/Await를 ES7로 구현해보라는 질문도 나옵니다. Async/Await를 제외한 다른 변경점은 단순한 편의점 개선이므로 편안하게 읽어내려가면 됩니다. 톺아보기 : Async / Await Function New Features Param Trailing Commas Object New Methods values() entries() String New Methods padStart() padEnd() getOwnPropertyDescriptors() Async / Await Promise의 한계 프로마이즈는 Call-Back Hell을 .. 2020. 11. 16. 17:17 # Lang/ECMAScript ES7 (ES2016) New Features - 변경점 총정리 ECMA International에서 공식적으로 ES6와 같은 대규모 업데이트는 이제 없다고 발표했습니다. 일년마다 이런 대규모 업데이트가 나왔다간 큰일이겠죠. 다만 ES6와 같은 벼락치기를 방지하고자 이제부터는 매년 6월에 새로운 버전이 릴리즈됩니다. 다행히도 ES7의 변경점은 딱 2개입니다. 중요한 개념도 없으므로 훑어보기만 하면 됩니다. 톺아보기 : Array New Methods Array.prototype.includes Exponentiation Operator Array New Methods includes() 주어진 지점부터 탐색을 시작하여 특정 값의 존재여부를 반환합니다. 일치여부는 === 연산자가 사용됩니다. ES 7: const list = ["1", 2, 3, 4, 5]; list... 2020. 11. 16. 16:17 # Lang/ECMAScript ES6 (ES2015) New Features - 변경점 총정리 ES6 또는 ES2015는 그야말로 대격변이 일어났습니다. 하나만 들어와도 벅찬 거대한 개념들이 무수히 많이 추가됬으며, 새로운 문법들도 다수 추가됬습니다. 이번 변경점에서 특히 눈여겨 봐야 할 기능들은 다음과 같습니다. Block-Scope Arrow Functions Symbol Class Promise Iterator Protocol Class와 같은 일부 기능은 ES5를 사용하여 구현할 수 있습니다. 이런 경우에는 ES5로 어떻게 구현할 수 있는지, 어떤 차이점이 있는지 기억해두면 좋습니다. 누구라도 알만한 유니콘 스타트업의 기술면접에서 실제로 출제되었습니다. ES6은 단언컨대 ECMAScript 역사상 가장 큰 업데이트입니다 😂 톺아보기 : Definition let const Block-Sco.. 2020. 11. 16. 16:05 # Lang/ECMAScript ES5 (ES2009) New Features - 변경점 총정리 ES5는 기본적으로 편의성 개선에 초점이 맞추어져 있습니다. 기존에 프로그래머가 구현해야 했던 기능이나, 있으면 편리하겠다 싶을만한 기능들이 해당 버전에서 제공됩니다. 눈여겨 보아야 할 변경점은 use strict Array Methods JSON Support 입니다. 톺아보기 : use strict Function New Methods .bind() String New Features Index Bracket Strings Over Multiple Lines New Methods .trim() .charAt() Array New Features Trailing Commas New Methods .isArray() .forEach() .map() .filter() .reduce() .reduceRigh.. 2020. 11. 16. 15:10 # Tech/NodeTS 자바스크립트 및 NodeJS 메모리 누수 피하기 (+ 메모리 구조, 가비지 컬렉터) 개요 어느 프로그래밍 언어든지 마찬가지겠지만 해당 언어의 내부 메모리 구조와 가비지 컬렉션 전략을 이해하지 못하면 해당 언어가 낼 수 있는 최대의 성능을 올바르게 이끌어낼 수 없습니다. 유틸리티 정도의 작은 프로그램이라면 괜찮겠지만, 큰 규모의 프로그램을 작성해야 한다면 이야기는 달라지겠죠. 해당 포스트에서는 자바스크립트의 메모리 구조와 가비지 컬렉션에 대해 설명하고, 올바르지 않은 코딩 패턴에 대해 설명합니다. 선행 지식 해당 포스팅을 이해하기 위해 필요한 지식들을 설명합니다. 참조형 변수 C++과 다르게 자바스크립트는 변수의 타입이 참조형인지 값인지 코드에서 명확하게 보이지 않으므로 처음에는 둘의 구분이 어려울 수 있지만, 실제로는 매우 쉽습니다. 다음 2가지만 기억하세요. 배열과 객체는 레퍼런스(주.. 2020. 9. 30. 14:31 # Foundation/알고리즘 [코딩테스트 대비] 트라이(Trie) 자료구조 개요 접근법 Trie라는 용어 자체는 생소할 수 있지만, 알게 모르게 실생활에서도 사용한 적이 있을만큼 매우 간단한 개념입니다. 예를 들어, 영어사전에서 apple 이라는 단어를 찾고 싶다면, 앞에서부터 a - p - p - l - e 순서로 prefix를 조합하면서 찾아갈 수 있습니다. // 영어사전에서 apple를 찾고 싶다면... 앞에서 a를 찾는다. -> a 이어지는 p를 찾는다. -> ap 이어지는 p를 찾는다. -> app 이어지는 l를 찾는다. -> appl 이어지는 e를 찾는다. -> apple 위와 비슷하게 xx시 xx고등학교 xx학년 xx반에 소속된 학생정보를 찾고 싶다면, 앞에서부터 prefix를 조합하면서 차례대로 접근하면 됩니다. step 1) xx시 step 2) xx시 xx고등.. 2020. 9. 16. 19:37 이전 1 2 3 4 5 ··· 40 다음