Vivaldi Techinial Preview
Chromium 기반의 브라우저인 Vivaldi의 Techinial Preview 버전이 공개됐습니다. 이 브라우저는 전 Opera의 CEO인 jon Stephenson von Tetzchner가 설립한 Vivaldi Technologies에서 개발하고 있습니다. 2014년 3월경 오페라 소프트웨어에 의해 My Opera가 폐쇄 됐고 이를 탐탁치 않아 했던 jon Stephenson von Tetzchner는 My Opera를 대신할 가상 커뮤니티 사이트로써 Vivaldi를 만들었던 것이 시발점이 되어 여기까지 오게됐다고 합니다.
- Meet Vivaldi, A New Browser From the Former CEO of Opera
- Former Opera CEO Launches Vivaldi, A New Browser For Power Users
Opera 12 유저를 대상으로한 기능이 많이 구현돼 있는 느낌이며 Chronium 기반으로 개발됐으므로 렌더링 엔진 역시 현재의 Opera와 같은 Blink를 사용하고 있는 것 같습니다.
lodash 3.0.0 릴리즈
locash 3.0.0이 릴리즈됐습니다. String 관련 메서드와 함수형 스타일로 사용하기 위한 메서드가 추가됐습니다. 또, npm install lodash.foreach 처럼 모듈을 별도로 설치했을때 발생하는 의존 관계 트리를 심플하게 구성되도록 개선했고, lazy chaining 도입하고 ES6의 Set & WeakMap을 이용하여 성능도 크게 개선했습니다.
A Journey Through Client-Side Testing with JavaScript
A Journey Through Client-Side Testing with JavaScript에는 자바스크립트 테스트와 관련된 내용이 폭넓게 정리돼 있습니다. 자바스크립트 테스트라고 간단히 말해도 다양한 역할을 하는 조합으로 구성돼 동작하는 것이 많고, Assertion이나 Test Runner로는 어떤 것이 있는지에 대해 작성돼 있습니다. TodoMVC를 예로, 테스트 실행에 대해서도 소개하고 있으며 Unit Tests보다 Intergration Tests에 가까운 느낌으로 이야기하고 있습니다.
- JavaScript Unit Test Why? What? How?(33페이지 참고)
최근, Intergration Tests의 이야기로써 Testium에 대해서 작성했습니다. 이 글도 함께보면 도움이 될 것입니다.
릴리즈 소식
- New ES6 Features and Improved DevTools for Service Workers and Web Animations : Chrome 41베타가 릴리즈 됐습니다. ES6 Template Literals, Web Animations 디버깅 기능과 mage-rendering:pixelated 등을 지원합니다.
- Release 2.5.0 · groupon-testium/testium : Intergration Test 프레임워크인 testium 2.5.0이 릴리즈 됐습니다. 일본어 등이 입력되지 않는 문제가 수정됐고 에러 출력 개선됐으며 Element.prototype.getElement가 구현됐습니다.
- Release JSHint 2.6.0 · jshint/jshint : JSHint 2.6.0이 릴리즈됐습니다.
- ESLint 0.13.0 released – ESLint : ESLint 0.13.0이 릴리즈됐습니다. Template strings, 기본 파라메타 등 ES6 지원을 개성했고, 블록 스코프의 동작을 수정했습니다.
읽을거리
- Fetch API in action : Fetch API를 소개합니다. 응답의 상태 코드, 응답의 JSON 파싱, 타임 아웃의 문제, 사용 방법과 Polyfill에 관해 작성돼 있습니다.
- Destructuring and parameter handling in ECMAScript 6 : ES6의 Destructuring(분할 대입, 구조화 대입)과 파라메터 핸들링에 관해 정리돼 있습니다. 또 Spread operator를 사용한 값을 전개하는 방법에 대해서도 작성돼 있습니다.
- Strange JavaScript Errors and How to Fix Them : 자바스크립트의 에러 메시지와 그것이 어떤 경우에 발생하는 에러인지 판단하고 대응하는 방법에 대해 작성돼 있습니다.
- addyosmani/es6-equivalents-in-es5 : ES6와 대응되는 ES5코드를 함께 비교하여 ES6 기능을 소개합니다.
- Getting Literal With ES6 Template Strings : ES6 Template Strings가 자세히 소개돼 있습니다.
- 5분 만에 알 수 있는 웹 사이트를 항상 SSL로 사용하기 위한 올바른 기초 지식(일본어) : SSL의 효과 – 장점과 단점, SSL 증명서의 종류와 취득하는 방법, 외부 리소스를 읽어드리는 방법과 Mixed Content, HTTPS에 접속을 강제하는 방법 – HSTS, 리다이렉트, Cookie의 Secure 속성 등에 대해 작성돼 있습니다.
- ES6 Module Gotchas : ES6 Modules의 안티 패턴을 소개합니다. ES6 모듈은 정적 모듈 구조로 설계돼 있다는 사실, 객체를 export한 경우의 문제, Side-effects를 유발하는 모듈 읽어드리는 방법, export default를 최대한 사용하는 등에 대해 작성돼 있습니다.
- New animation controls in Chrome Canary : Chrome의 CSS Animation의 디버깅 기능을 소개합니다.
- What the Virtual Viewport? : Chrome 39와 40에서 viewport의 구조가 바뀌었습니다. 40부터는 Layout Viewport와 Virtual Viewport로 나눠어 처리됩니다.(IE와 마찬가지) 줌을 했을대 position:fixed 요소 등에 동작 차이가 있습니다.
- Functional programming in javascript : 자바스크립트와 함수형에 관한 슬라이드입니다.
- Web Components의 접근성(일본어) : Web Components와 접근성에 관한 슬라이드입니다.
서비스
- CSS Flexbox Please! : css flexbox의 프로퍼티를 조절하면서 동작을 테스트할 수 있는 데모 페이지입니다.
라이브러리
- Diet.js : Node.js의 웹 애플리케이션 프레임워크입니다.
- yoshuawuyts/promise-each : Promise와 조합해 사용할 수 있는 each, every, filter, map, reduce, some 등의 함수를 모듈화한 라이브러리입니다.
- Aurelia : Durandal의 다음 세대(next generation)인 자바스크립트 프레임워크, ES6(or AltJS) + jspm, two-way binding, DI, 라우팅 등을 제공합니다.
- shiwano/typhen : d.ts에서 JSON 스키마를 만들거나 Handlebars를 사용한 템플릿에서 코드나 문서를 출력할 수 있는 도구입니다.
- Wallaby : JetBrains IDE와 통합할 수 있는 테스트 러너입니다. Mocha, QUnit, Jasmine 등을 사용할 수 있습니다. 또한, 코드 커버리지를 편집 상에서 표시하며 테스트 케이스를 일부만 실행할 수 있습니다. spy-js 개발한 개발자가 만들었습니다.
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고, 자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.
3개의 댓글
유로247 · 2024년 10월 23일 7:17 오후
유로247솔루션 선택요즘은 솔루션이 너유로247무나 많
새마을금고 실비 · 2024년 11월 2일 11:58 오후
또래 폭행한 ‘촉법소년’ 중학생들 수사…\새마을금고 실비 과천시, 어린이·임산부·노인에 인플루엔자 백신 무료 접종 새마을금고 실비
레플리카 사이트 · 2025년 2월 7일 11:25 오후
레플리카 사이트릿앤모아 레플리레플리카 사이트카사이트