자바스크립트

[번역] Ecma 인터네셔널에서 ECMAScript 2022를 승인했습니다. 새로운 기능은 무엇인가요?

원문 : https://2ality.com/2022/06/ecmascript-2022.html 2022년 6월 22일, 제123회 Ecma 총회에서 ECMAScript 2022 언어 사양을 승인했습니다. 이는 이제 공식적으로 표준이 됨을 의미합니다. 이 블로그 게시물은 새로운 기능에 대해 설명합니다. 1. ECMAScript 2022의 편집자 이 릴리스의 편집자는 다음과 같습니다. Shu-yu Guo Michael Ficarra Kevin Gibbons 2. ECMAScript 2022의 새로운 기능은 무엇입니까? 2.1 클래스의 새로운 멤버 class MyClass { instancePublicField = 1; static staticPublicField = 2; #instancePrivateFiel..

[번역] 자바스크립트 번들러 만들기

원문: https://cpojer.net/posts/building-a-javascript-bundler Jest의 패키지는 모든 종류의 JavaScript 도구를 구축하는데 유용한 전체 패키지의 생태계를 구성합니다. "전체는 부분의 합보다 크다"는 Jest에게 적용되지 않습니다. 이 글에서는 Jest의 패키지 중 일부를 활용해서 JavaScript 번들러가 동작하는 방식을 배울 것입니다. 글이 끝날 때 여러분들은 토이 번들러를 갖게 되고, 자바스크립트 번들링의 기본 개념을 이해하게 될 것입니다. 이 게시물은 JavaScript 인프라에 대한 시리즈의 일부입니다. 현재 위치는 다음과 같습니다. 의존성 관리자는 의존성을 관리하지 않습니다 자바스크립트 인프라 다시 생각하기 자바스크립트 테스팅 프레임워크 만들..

[번역] 문 vs 표현식

원문 : https://www.joshwcomeau.com/javascript/statements-vs-expressions/ 몇 년 전 지역 코딩 부트캠프에서 웹 개발을 가르치고 있던 저에게 학생이 저에게 이런 질문을 했습니다. 자바스크립트에서 "문"과 "표현식"의 차이점이 뭔가요?답을 알고 있는 것 같았지만 말로 설명할수는 없었습니다. 감은 있었지만 실제 지식은 놀라울 정도로 모호했습니다. 가르치는 것만큼 겸손한 것은 없습니다 😅. 학생들은 우리가 이해하는 "모호한 부분"을 알아내는 재주가 있습니다. 그 이후로 이 질문이 가장 중요하다는 것을 깨달았습니다. 이것은 수많은 자바스크립트 지식에 도움이 되는 지지기반입니다. 이것은 특히 React 개발자에게 해당됩니다. 기억해야 하고 항상 따라야 하는 것을..

[번역] JavaScript 패키지 매니저 비교 - npm, Yarn 또는 pnpm?

원문 : https://doppelmutzi.github.io/packageManagers/ 오늘날 패키지 매니저 분야에는 세 가지 주요 플레이어가 있습니다. npm Yarn — Yarn이 Yarn Classic (< v2) 또는 좀 더 최신 버전인 Yarn Berry(≥ v2)를 참조할 수 있단 걸 곧 알게 될 것입니다. 고성능(performant) npm (pnpm) 사실상, 모든 패키지 매니지의 기능은 거의 동일합니다. 그래서 설치 속도나 스토리지 사용량, 기존 워크플로와 결합되는 방식 등 기능 외적인 요구 사항을 기준으로 사용할 패키지 매니저를 결정하게 됩니다. 물론 각 패키지 매니저를 사용하는 방법은 다르지만 모두 중요한 컨셉은 공유합니다. 이러한 패키지 매니저로 다음을 수행할 수 있습니다. 메..

[번역] Reduce에 대한 10가지 필수 JavaScript 트릭 및 팁

원문 : https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da 코드를 덜 작성하고 더 많은 일을 하게 만드는 Reduce에 대한 10가지 트릭 프론트엔드 개발자로써 reduce 함수는 반드시 많이 사용해야하고, 강력하고 유용한 배열(array) API입니다. 오늘은 이에 대한 10가지 고급 트릭과 팁을 공유하고자 합니다. 1. 가산기 및 누산기 "reduce"를 사용하면 여러 숫자들을 더하거나 누적하는 기능을 쉽게 구현할 수 있습니다. // 가산기 const sum = (...nums) => { return nums.reduce((sum, num) => sum + num); }; con..

[번역] 누구나 자바스크립트 제너레이터 함수가 필요한 이유는 무엇인가요?

원문 : https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/ 제너레이터는 자바스크립트 언어의 이상한 부분입니다. 그리고 어떤 사람들은 제네레이터를 약간 수수께끼라고 생각합니다. 당신은 수십 년 동안 성공적인 개발자고, 제너레이터를 알 필요가 없다고 느꼈을 수도 있습니다. 만약 여러분이 제너레이터를 필요로 하지 않고 그렇게 오래 버텨왔다면 의문이 듭니다. 제너레이터는 무엇에 도움이 될까요? 제너레이터에는 재미있는 문법이 있습니다. 제너레이터에는 이상한 별표가 있는 함수로 정의하고, 화살표 함수로는 제너레이터를 정의할 수 없습니다. 제너레이터는 이해하기 힘든 yield 키워드도 가지고 있습니다. 만..