본문 바로가기

자바스크립트7

[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.
[javscript] 12가지 Array 팁 1. 중복 값 삭제 이 문제는 어떻게 유니크한 값을 배열로부터 얻어내느냐에 대한 매우 일반적인 면접 질문입니다. new Set()을 사용할 수 있습니다. let fruits = ['banana', 'apple', 'orange', 'watermelon', 'orange', 'apple']; // 첫번째 방법 let uniqueFruits = Array.from(new Set(fruits)); console.log(uniqueFruits); // returns ['banana', 'apple', 'orange', 'watermelon']; // 두번째 방법 let .. 2020. 6. 28.
Constructor vs Literal JavaScript에서는 다른 방식으로 동일한 결과를 얻을 수있는 자유가 있습니다. 생성자와 리터럴 접근법을 사용하여 문자열, 숫자, 객체, 배열 등의 값을 만들 수 있습니다. 이러한 접근 방식 중 하나를 사용하여 동일한 값을 얻을 수 있습니다. 그러나 런타임 버그를 피하는 데 유용한 몇 가지 차이점이 여전히 있습니다. 결론부터 말하면 Literal 방식이 Contructor 방법보다 낫습니다. Literal과 contructor 방식이 무엇이냐면 다음과 같습니다. 일반적으로 리터럴과 primitive를 선호하고 내장 생성자를 피해야합니다. literal과 primitive를 선호하는 이유는?? 1. 리터럴은 더 짧고 읽고 쓰기 쉽습니다. let o = new Object(); let o = {}; //.. 2020. 6. 22.