본문 바로가기

JavaScript9

127가지 Javascript 유용한 스니펫 (1) 유용한 자바스크립트 스니펫들이 있어서 소개드립니다. 1. all // all - 모든 컬렉션에 대해서 true를 반환하면 true, 아니라면 false // 두번째 인수를 생략하면 기본 연산에 대한 boolean값을 리턴합니다. const all = (arr, fn = Boolean) => arr.every(fn); all([4, 2, 3], x => x > 1); // true all([1, 2, 3]); // true 2. allEqual // allEqual - 모든 배열 요소가 같은지 체크 const allEqual = arr => arr.every(val => val === arr[0]); allEqual([1, 2, 3, 4, 5, 6]); // false allEqual([1, 1, 1, 1.. 2021. 9. 12.
TypeScript 시작 방법 TypeScript는 Javascript에 Type을 추가하여 Compile이 필요하게 되는 언어입니다. 한번 시작해보도록 하시죠! 1. 새 프로젝트 설정 만약, 여기에서 npm도 설치되어있지 않고 Node도 설치되어 있지 않다면 Node를 설치해주시길 바랍니다. nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 현재(2021-04-26) LTS 버전인 14버전으로 설치해주시면 좋을 것 같아요. 그러면 cmd창에서 npm -v, node -v를 입력하시면 버전이 출력되는 것을 보실 수 있으실거에요. 그러면 설치가 된 것입니다. VS Code를 열어 새로운 프로젝트를.. 2021. 4. 29.
[JS] 자바스크립트 프레임워크 내부 파헤치기 4가지 JavaScript는 이제 많은 라이브러리와 프레임워크가 파생된 매우 인기있는 프로그래밍 언어입니다. 하지만 상위 생태계가 어떻게 진화하든 바닐라 자바스크립트 없이는 불가능합니다. 여기에서는 프로그래머의 바닐라 JavaScript 기술을 테스트하기 위해 4개의 JavaScript 인터뷰 질문을 선택했습니다. 1. Array.prototype.map 구현 Array.prototype.map 메서드를 직접 구현하는 방법은 무엇입니까? lodash를 참조하면 다음과같은 맵 함수를 작성할 수 있습니다. function map(array, iteratee) { let index = -1 const length = array == null ? 0 : array.length const result = new Arra.. 2021. 1. 3.
ES2020 7가지 새로운 팁 급진적으로 계속해서 쏟아져 나오고 있는 ES 버전들을 모두 리뷰 하기에는 많은 시간이 소모됩니다. ES6(ES2015)를 시작으로 7, 8 계속 이어져오다가 정식 명칭을 아예 ES2020으로 연도를 붙이는 것으로 변경이 된 것 같습니다. 아시다시피 2015 년 ES6 이후로 Ecma International의 TC39에서 매년 ECMAScript의 새로운 버전을 출시합니다. ECMAScript 2020은 ECMAScript 언어 사양의 11 번째 버전입니다. 이 새로운 반복에는 고유 한 새로운 기능이 포함되어 있습니다. 1. ‘globalThis’ JavaScript 언어는 현재 매우 인기가 있으며 웹 브라우저에서 물론 다양한 환경에서 사용할 수 있지만 JavaScript는 서버 측, 스마트폰, 로봇 등.. 2020. 6. 29.