2019-09-01 게시 됨2022-01-16 업데이트 됨Tech / Javascript17분안에 읽기 (약 2553 단어)

주간 자바스크립트 #448

Electron 6, String#replace 트릭과 JS에서의 스코프 학습

JavaScript Weekly Issue 448: August 2, 2019
본문: https://javascriptweekly.com/issues/448

Hotkey

Hotkey: 키보드에서 ‘핫키’가 눌렸을 때, 요소에 동작을 트리거하는 것

페이지의 요소에 대한 빠르고 간단한 바로 가기 키를 원하십니까? data-hotkey 특성을 설정하고 핫키를 사용하십시오. 순차적으로 누르는 여러 개의 키를 지원하기도 한다. GitHub를 구축하여 사용(GitHub 페이지에서 소스 확인 및 data-hotkey 속성 확인)
GITHUB

Electron 6.0 릴리스

버전 5가 출시된 지 3개월 만에, 인기있는 JavaScript 기반 크로스 플랫폼 데스크탑 앱 구축 플랫폼은 버전 6에 도달했고 Chromium 76, Node 12.4 및 V8 7.6을 사용한다.
ELECTRON.JS TEAM

Jason Lengstorf와 함께 Gatsby 과정 소개

기본적으로 Gatsby를 사용하여 굉장히 🔥 빠른 웹 사이트를 구축하십시오. 이 과정에서는, 당신은 처음부터 블로그를 만들고, 당신의 새로운 블로그를 Netlify로 배포하여 세계가 볼 수 있도록 할 것이다!
FRONTEND MASTERS SPONSOR

당신은 `String.prototype.replace`가 치환 패턴을 지원하는지 알고 있습니까?

약간 Perl처럼 느껴지지만, 이것은 내가 전에 자바스크립트에서 본 적이 없는 흥미로운 기능이다. (MDN에 문서가 있음에도 불구하고) 예시: 'abc'.replace('b', '$&-$&') === 'ab-bc'.
STEFAN JUDIS

만약 여러분이 React, Angular, Mithrill, Ember, 그리고 나머지 것들에 대해 듣는 것에 싫증이 나서 자바스크립트를 쓰고 싶다면, 이것은 여러분을 위한 것이다. (궁극적으로, 그러한 모든 프레임워크들은 매우 유용하지만 그것들 없이 먼저 작업할 수 있다는 것은 그들이 하는 것에 감사하는 데 도움이 될 것이다!)
TANIA RASCIA

Comlink로 메인 스레드에서의 Redux 해제

Web Workers를 주의깊게 사용하면 UI 스레드에서 계산을 제거하여 주요 UX 및 성능상의 이점을 얻을 수 있다. 여기 Redux를 사용할 때 할 수 있는 한 가지 방법이 있다.
SURMA

짧은 소식들

VueConf US 2020가 3월 2-4일 Texas에 Austin에서 열린다. CFP는 9월 1일에 열린다.
Ember 프로젝트가 그들의 미래를 위한 로드맵을 발표했다.
Amazon Transcribe, AWS의 speech-to-text 서비스가 앞으로 웹소켓을 통한 스트리밍과 실시간 녹음을 지원한다.
Chrome은 앞으로 ‘www’ 서브 도메인과 ‘https’ 형식을 URL이 쉽게 읽힐 수 있도록 주소창에서 숨기려한다.
Kyle Simpson가 그의 유명한 책 시리즈인 You Don’t Know JavaScript의 2번째 에디션 작업을 시작했다.

💻 채용 공고

채용 공고는 따로 번역하지 않습니다.

JavaScript Developer at X-Team (Remote)

Join the most energizing community for developers. Work from anywhere with the world’s leading brands.
X-TEAM

Front-end Engineer

Goldstar is looking for front-end Engineers with React experience on-site in Portland, Oregon and Pasadena, California.
GOLDSTAR

Get Hired Based on Your Skills Not Your CV

Our AI makes it easier and quicker to match with top JavaScript jobs, with no recruiters and an average salary of £70k.
HACKAJOB

📘 튜토리얼, 오피니언, 영상

자바스크립트에서 스코프

▶ 자바스크립트에서 스코프에 대해 알아보자

구글의 역동적인 자바스크립트 듀오 Jake와 Surma가 태블릿 기반의 데모를 완성한 변수 스코프와 관련된 재미있는 대화를 선보이고 있다.
GOOGLE CHROME DEVELOPERS

옵셔널 체이닝에 대한 ES 제안 보기

당신이 알아야 할 필수 사항으로 제안을 요약한다.
DR. AXEL RAUSCHMAYER

필요한 측정 지표를 잃지 않기 위한 개발자 가이드

측정 지표를 수집하고 저장하는 것은 생산의 일부분이다. 안좋은 사건이 발생할 때, 당신은 문제를 디버깅하기 위해 이용할 수 있는 지표를 가질 필요가 있다.
INFLUXDATA SPONSOR

React Hook이 Redux를 대체하는가?

이 질문은 최근 커뮤니티에서 훅(hook) 사용 사례가 증가함에 따라 자주 제기되었다. 그러나 Eric의 TLDR은 ‘훅은 위대하지만, 대체할 수 없다’이며, 그 이유를 심도 있게 설명한다.
ERIC ELLIOTT

Vuetify 2.0 시작하기

Vuetify는 Vue.js를 위한 머터리얼 디자인 기반 구성요소 라이브러리이다.
BEN HONG

Jest를 사용한 유닛 테스트 시 Mock 사용을 위한 빠른 팁

DANIEL CALDAS

자바스크립트에서 최상위 함수들

왜 1등 시민으로서의 기능(즉, 그 나름대로의 물건으로서)을 취급할 수 있는지 궁금해 하는 초심자를 대상으로 하는 간단한 튜토리얼은 장점이 있다.
NICK SCIALLI

상위 10개의 GitHub 모범 사례 - 수천 개의 저장소에서 얻은 교훈

DATREE.IO SPONSOR

나의 VS Code 설정: VS Code를 최대한 활용

VS Code 사용자라면 고려할만한 추가 기능 및 툴.
DEEPU K SASIDHARAN

RxJS Observable을 이해하고 왜 필요한지

RxJS는 ‘observables’을 기반으로 하는 반응형 프로그래밍 라이브러리로서, Angular가 반응성을 위해 사용한다. 따로 쓸 수도 있다.
NWOSE LOTANNA

🔧 코드와 도구들

Hackathon Starter: Node 웹 앱용 보일러 플레이트

필요한 거의 모든 것이 포함되어 있기 때문에 (해커톤과 같은) Node 앱을 빠르게 만들기 시작할 때 사용하는 보일러 플레이트.
SAHAT YALKABOV

Esprint: 여러 스레드 간에 ESLint를 실행하여 성능 향상

이것은 ESLint로 통합될 수 있다고 여겨져 왔다.
PINTEREST

병합하기 전에 코드가 오류 없는지 확인하십시오

적용 범위, 중복, 복잡성 및 스타일 문제에 대한 표준을 설정하고 Git 워크플로우에서 실시간 피드백을 확인하십시오.
CODACY SPONSOR

Treeverse: 트리 구조를 깊이 또는 면적을 먼저 걷기

ISAAC Z SCHLUETER

Rollup: 최신 ES6 모듈 번들러

새로운 프로젝트는 아니지만, 최근에 많이 릴리스되고 있다. ES 모듈을 사용하여 코드를 작성하고 트리 흔들기/죽은 코드를 삭제하고 필요한 형식으로 번들링하십시오. Rollup이 더 인기 있는 대안들에 비해 이긴 것 중 하나는 속도다.
ROLLUP CONTRIBUTORS

WebStorm 및 IntelliJ용 자바스크립트 플러그인 상위 25개

ILANA BRUDO

⚡️ 릴리스 요약

Font Awesome 5.10.0 — 유명한 아이콘 툴킷.
webpack 4.39.0 — ‘웬만한 건 빼고 거의 다 있는’ 번들러.
TUI Editor 1.4.5 — 마크다운 기반의 WYSIWYG 에디터.
Spectacle 5.7 — \React.js 기반 프레젠테이션 라이브러리.
Duktape 2.4 — C/C++ 프로젝트를 위한 내장형 자바스크립트 엔진.

2019-08-10 게시 됨2022-01-16 업데이트 됨Tech / Javascript17분안에 읽기 (약 2612 단어)

주간 자바스크립트 #447

Mithril 2 와 몇가지 자바스크립트를 잘 작성할 수 있는 실용적인 방법들

JavaScript Weekly Issue 447: July 26, 2019
본문: https://javascriptweekly.com/issues/447

Creating JavaScript

▶ 자바스크립트 탄생: 자바스크립트 탄생의 이야기

27분 동안 자바스크립트의 역사를 파헤치는 굉장히 고도로 제작된 팟캐스트 에피소드. 당신이 통근할 때 들을만한 팟캐스트.
COMMAND LINE HEROES PODCAST

Mithril.js 2: 굉장한 어플리케이션을 만들기 위한 자바스크립트 프레임워크

Mithril은 Vue, React 또는 Angular와 같은 것들에 대한 정말 깔끔한 대안이다. 매우 작고 빠르며(모바일에 맞는) 대안보다 Vanilla JS에 조금 더 가깝게 동작하고, 자체 대안이 필요하지 않고 Vanilla JS 라이브러리를 묶는 데에도 좋다. 2.0는 큰 릴리스로 축하한다.
MITHRIL

Cloudinary

개발자들을 위한 이미지 & 비디오 관리

모든 장치에서 모든 대역폭에서 이미지 및 비디오를 업로드, 조작, 최적화 및 전송하는 프로세스를 단순화하고 자동화하십시오. Cloudinary를 사용해 보십시오. 미디어 관리가 얼마나 쉬운지 알아보십시오. 오늘 무료 계정을 만드십시오.
CLOUDINARY SPONSOR

자바스크립트를 작성하는 실용적인 방법

당신이 모든 것에 반드시 동의하는 것은 아니겠지만(예: “타입스크립트 사용하자!”), 전반적으로 생각해 볼 수 있는 상당히 견고한 배치의 글.
RYLAND GOLDSTEIN

Stage 3에 들어간 옵셔널 체이닝(Optional Chaining)과 Nullish Coalescing

새로운 자바스크립트 기능들은 공식화되기 전에 다양한 단계를 거치고 있으며, 이 ‘?.’ 연산자는 당신이 체인된 속성이나 함수 호출을 선택적으로 할 수 있도록 하는 것으로 이제 표준으로 만들어지기 직전에 있다. 3단계도? Nullish Coalescing!
ECMA TC39

타입스크립트 3.6 베타 공지

기능 완료, 몇 주 후에 최종 출시 예정.
DANIEL ROSENWASSER (MICROSOFT)

💻 채용 공고

시니어 프론트엔드 엔지니어 - 뉴욕

우리의 임무는 재정을 고치는 것. 엔지니어링 팀에 참여하여 강력하고 강력한 금융 애플리케이션을 위한 플랫폼을 구축하십시오.
ADDEPAR

풀스택 시니어 소프트웨어 & 마케팅 엔지니어

전 세계 운동선수와 코치가 훈련을 분석하고 계획하는 데 도움이 되는 브랜드에 여러분의 엔지니어링 능력을 접목시키십시오.
TRAININGPEAKS

Vettery를 통한 취업

Vettery는 최고의 기술 인재를 성장하는 회사와 연결한다. 시작하려면 프로파일을 작성하십시오.
VETTERY

📘 튜토리얼, 오피니언, 영상

Mini Black Hole

139 바이트의 자바스크립트로 구현된 Mini Black Hole 해부

이것은 아주 작은 (인정하건대 엄청나게 작은) 자바스크립트 코드를 아주 깔끔하게 탐구한 것이다.
FRANK FORCE

React의 기본

React에서 알아야 할 모든 기본 개념을 다루는 항상 최신의 한방(원스톱 숍) 소개 가이드. P.S. 우리는 또한 React 모든 것에 초점을 맞춘 React 뉴스레터를 가지고 있다!
SAMER BUNA

IDE As-You-Type의 즉각적인 자바스크립트/타입스크립트 테스트 피드백

Wallaby.js는 입력하는 즉시 테스트를 실행하는 개발자 생산성 도구로서 코드 옆에 있는 편집기에서 결과를 강조한다.
WALLABY.JS SPONSOR

▶ Vue.js 3.0에서 제공되는 새로운 굉장함

Vue의 다음 주요 버전에 대해 Vue.js의 핵심 팀원인 Chris Fritz와 한 시간 동안 이야기를 나누었다.
DEVMODE.FM PODCAST

재 작성이 아닌 경우: 데스크탑 슬랙 다시 만들기

채팅 서비스 슬랙이 어떻게 Electron 기반 클라이언트에서 아키텍처를 크게 개선했는지에 대해 간략히 살펴보았다.
MARK CHRISTIAN AND JOHNNY RODGERS (SLACK)

CSS-in-JS를 사용하는 방법을 왜 꼭 배워야 할까

BRENT JACKSON

🔧 코드와 도구들

Tabulator

Tabulator: 대화형 테이블 및 데이터 그리드 라이브러리

모든 주요 브라우저를 지원하며 원하는 경우 Angular, Vue 및 React와 함께 사용할 수 있다.
OLI FOLKERD

CesiumJS: A Geospatial 3D Mapping and Virtual Globe Library

몇 년이 지났지만 (2016년에 처음으로 연결했습니다!) 요즘에는 많은 릴리스와 WebGL에 대한 보편적인 지원이 제공되므로 지구나 지도를 렌더링해야하는지 다시 확인해 볼 가치가 있습니다. GitHub 저장소. 데모들은 모두 매우 인상적입니다.
CESIUM CONSORTIUM

안정적이고 덜 벗겨진 브라우저 자동화 경험

Taiko는 무료/오픈 소스 브라우저 자동화 도구로서 마지막 단계에서 안정적인 테스트를 수행한다.
THOUGHTWORKS - TAIKO SPONSOR

json-complete: 참조를 유지하고 순환 종속성 등을 처리하는 JSON 대안

상태를 인코딩하고 저장하는 흥미로운 방법을 제공하고 자바스크립트에서 사용 가능한 ‘거의 모든 데이터 유형’을 지원합니다.
CIERELABS

Vuetify 2.0 릴리스: Vue.js 머터리얼 컴포넌트 프레임워크

Google Material Design 원칙을 준수하는 Vue 앱에 깨끗하고 재사용 가능한 구성 요소를 제공하는 프레임워크. 시작하는 방법은 다음과 같다.
VUETIFY.JS

Moveable: 요소를 보다 쉽게 조작 할 수 있는 라이브러리

이것으로 요소에 이동, 드래그, 크기 조정 및 회전 기능을 추가하십시오.
DAYBRUSH (YOUNKUE CHOI)

Jay: ‘더 강력한’ 자바스크립트 REPL

npm 레지스트리에서 직접 모듈로드, 열성적인 평가, 색상 입력, 브래킷 완성, 자동 완성 기능 등과 같은 기능을 추가하는 Node의 내장 REPL에 대한 흥미로운 대안입니다.
MACIEJ ŁASZCZ

Git 워크플로우에서 직접 JavaScript에 대한 자동화 된 코드 리뷰

CODACY SPONSOR

자바스크립트의 고전적인 컴퓨터 과학 패러다임과 알고리즘 모음

7가지의 데이터 구조와 5가지의 정렬 방식 포함
NICHOLAS C. ZAKAS

Treat: 주제별, 정적으로 추출된 CSS-in-JS

SEEK

⚡️ 릴리스 요약

ESLint 6.1 — 자바스크립트를 무료로 개선하는 도구.
Node 12.7.0 — 여전히 우리가 좋아하는 서버 JS 플랫폼.
Anime 3.1 — 경량 애니메이션 라이브러리.
Lighthouse 5.2 — 당신의 페이지에 대한 강력한 성능 통찰력.

추신. 우리가 트위터에 있는 것 알고 있었습니까? @JavaScriptDaily 팔로우해주세요.

2019-07-27 게시 됨2022-01-16 업데이트 됨Tech / Javascript17분안에 읽기 (약 2509 단어)

주간 자바스크립트 #446

Googlebot의 자바스크립트 실행 방법, HTTP 서비스를 위한 새로운 자바스크립트 플랫폼, 자바스크립트 팟캐스트

JavaScript Weekly Issue 446: July 19, 2019
본문: https://javascriptweekly.com/issues/446

Smashtest: 테스트 케이스들을 설명하는 언어

보다 자연스러운 방법으로 엔드 투 엔드 테스트를 작성하는 Cucumber 스타일의 방법이지만 기본적으로 자바스크립트 기반 테스트로 요약할 수 있다. 홈페이지에 있는 예시들이 사견으로는(IMHO) 아이디어를 잘 납득시킬 것이다.
SMASHTEST

Osgood 소개: HTTP 서버를 구축하기 위한 새로운 V8 기반의 플랫폼

Rust와 V8 자바스크립트 엔진을 사용하여 구축된 Osgood는 안전한 HTTP 서비스 구축에 초점을 맞춘 새로운 플랫폼(Node의 스타일)이다. 보안은 모든 것이 개방되기 보다는 I/O 정책을 지정하도록 요구함으로써 이루어진다. GitHub repo.
THOMAS HUNTER II

Circle CI

신뢰할 수 없는 포크에서 신뢰할 수 있는 CI 작업 트리거

이 포스트에서는 Git 자체를 신뢰할 수 있는 코드 표시 수단으로 사용하는 방법에 대해 논의하고, 이러한 개념을 특정 저장소 호스트(GitHub)와 CI 제공자(CircleCI)에 적용할 수 있는 방법에 대한 전체 데모를 살펴본다.
CIRCLECI SPONSOR

▶ 자바스크립트, 자바스크립트…. Rocks You!

웹 오디오 API를 통해 실시간으로 오디오로 재생할 수 있도록 자바스크립트에서 효과 페달의 소리를 재생하는 방법에 대한 재미있고 음악으로 가득한 볼거리이다.
VITALII BOBROV

Quark: Node를 위한 ‘Sketchbook’ 소프트웨어, HTML과 CSS 실험들

Electron으로 만들어졌지만 현재 윈도우즈와 리눅스만 사용할 수 있는 Quark는 HTML, CSS 및 자바스크립트 기반 앱을 신속하게 만들 수 있는 Jupyter Nodebook/Glitch 와 비슷한 개발 환경으로, Node의 API와 Electron의 기본 기능에 대한 접근이 완벽하다.
NISHKAL KASHYAP