WIT – NTS UIT Blog

[JSer.info#번역] 2014-01-28 자바스크립트 주요 소식

Posted by in Research

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 기반으로 개발됐으므로…read more

0

[JSer.info#번역] 2014-01-20 자바스크립트 주요 소식

Posted by in Research

TypeScript 1.4 릴리즈 TypeScript 1.4가 릴리즈 됐습니다. 이전 TypeScript and the Read to 2.0(로드맵)에 작성돼 있었던 것 처럼, Union Types, Type Aliases, Const Enums 등의 기능이 추가됐으며 ES6의 구문 지원의 개선, ES6의 코드를 출력하는 모드도 추가됐습니다. 자세한 사항은 TypeScript 1.4.1 변경 사항(일본어)을 참고해주세요. 또, TypeScript의 Compiler API에 관한 문서가 첨삭(添削)되고 있습니다. io.js 1.0.0 릴리즈 Node.js를 fork한 io.js 1.0.0이 릴리즈 됐습니다. io.js – FAQ에도 작성돼 있습니다만 1.0은 semver 이므로 Node.js에서의 메이저 업데이트라는 의미입니다. production-ready라는 의미는 아닙니다. jser.info 4주년(일본어)에서 간단히 언급했듯이 오픈 거버넌스 모델을 바탕으로 예측 가능한 릴리즈 사이클의 제공을 목적하고 있으며 이와…read more

0

[JSer.info#번역] 2014-01-13 자바스크립트 주요 소식

Posted by in Research

6to5 공식 홈페이지 리뉴얼 ES6의 코드를 ES5로 변환하는 도구인 6to5의 공식 홈페이지가 리뉴얼됐습니다. 또한, ES6의 코드를 변환하는 도구인 esnext의 팀이 6to5에 합류할 것으로 보입니다. 때마침 ES6로 작성한 라이브러리를 6to5를 사용해 공개하는 과정에 관한 “라이브러리를 ES6로 작성해 공개하는 것부터 시작하자(일본어)”라는 아티클도 작성했으므로 참고하여 6to5를 사용해 보면 좋을 것 같습니다. JavaScript in 2015 – Glen Maddern: Internet Pro JavaScript in 2015 – Glen Maddern: Internet Pro라는 기사에는 jspm 패키지 관리 도구에 관해 소개하고있습니다. jspm은 npm이나 Github에서 라이브러리를 설치하는 커맨드라인 도구와 SystemJS를 사용한 모듈 로더로 구성돼 있습니다. 위 동영상에는 jspm을 이용해 reddit에서 gif를…read more

0

[JSer.info#번역] 2014-01-06 자바스크립트 주요 소식

Posted by in Research

ESLint 0.11.0 릴리즈 JavaScript Lint 도구 ESLint 0.11.0이 릴리즈됐습니다. ES6나 JSX 등을 지원하기 위해 Esprima에서 fork한 Espree로 파서를 변경하고 있습니다. 또한, ECMAScript5가 기본 검증 설정으로 변경됐으며 설정을 package.json(Configuring ESLint)에 작성할 수 있도록 됐습니다. browserify for webpack users 위 아티클에는 webpack의 각 기능을 Browserify에서 실현하는 방법을 비교해 소개하고 있습니다. 소개하는 방법이 꼭 동일한 기능이라고는 할 수 없지만, 각각의 설계 철학의 차이를 알 수 있는 디자인을 볼 수 있습니다. webpack은 모든 기능을 포함하고 그것을 활용한 최적화가 가능한 개발 방식을 취하고 있고, Browerify는 외부에서 기능을 구현하도록 하고 필요시 조합해 사용하는 UNIX 철학을 근간으로…read more

0

[JSer.info#번역] 2014-12-30 자바스크립트 주요 소식

Posted by in Research

jsdom 2.0.0 릴리즈 DOM을 자바스크립트로 구현(Node.js에서도 동작하는 DOM 구현)한 jsdom 2.0.0이 릴리즈 됐습니다.  특별히 기능을 추가한 것이 아닌데도 2.0.0을 발표한 이유는 지금까지는 DOM Level 1, 2, 3로 나눠 구현하고 있었지만 향후는 Living Standard 모델로 구현해 나간다는 방침을 표하기 위해서라고 합니다. 버전 번호를 붙이는 것은 장점보다 단점이 많다고 판단하고 있으며 jsdom 내부에서도 level 별로 나누기가 힘든 수준에 이르렇기 때문에 Living Standard 모델로 바꾸는 듯 합니다. 따라서  내부적인 구조를 크게 변경하는 리팩토링을 하고 있다고 합니다. 하지만 사용자 인터페이스에는 큰 변화가 없을것으로 보입니다. 6to5 2.0.0 릴리즈 ES6 코드를 ES5로 변환하는 도구인 6to5 2.0.0(현…read more

0

[JSer.info#번역] 2014-12-23 자바스크립트 주요 소식

Posted by in Research

DaliyJS 설문 공개 매년 이 시기에 DaliyJS에서 시행하는 설문인 JavasScript Developer Survey 2014 결과가 공개됐습니다. 매년 조금씩 질문 및 응답 방식이 변경되므로 단순 비교는 어려울 수 있으나, 작년 Grunt에 대한 응답이 가장 많았던 빌드 도구에 대한 설문은 올해 Gulp가 35%, Grunt가 47%로 집결되는 등 흥미로운 변화를 알 수 있습니다. 자세한건 아래 문서를 참고해주세요 2014-survey-summary.pdf 무섭지 않아, Protractor(일본어) 무섭지 않아 Protractor(일본어[구글번역])에는 Protractor라고 하는 E2E 테스트 도구가 어떤 방식으로 WebDriverJS를 사용하여 테스트 하는지 작성돼 있습니다. 테스트 시 Selenium으로 브라우저를 조작하기 때문에 실제 결과를 얻기까지 소요 시간이 있고, assert할 타이밍을 잡기가 어려우며 비동기인…read more

1

[JSer.info#번역] 2014-12-16 자바스크립트 주요 소식

Posted by in Research

Meta programming with ECMAScript 6 proxies Meta programming with ECMAScript 6 proxies이 아티클에는 ECMAScript 6의 Proxy에 대해서 자세히 작성돼 있습니다. 메타프로그래밍 정의, ES6 Proxy를 사용하여 할 수 있는 일, Proxy 동작 원리, 유즈케이스, Proxy 판별법, PropertyDescriptor와 합친 경우, Reflect API에 대해서도 설명하고 있어 메타프로그래밍 적으로 재미있는 부분이 많습니다. Web Components의 기본적인 사용법 정리 Web Components의 기본적인 사용법 정리(일본어[구글번역])에는 Web Components에 대해서 작성돼 있습니다. template 요소, HTML Imports, Shadow DOM, Custom Elements 같은 구성 요소에 대해서 잘 나눠 작성돼 있어서 관심 있는 부분을 먼저 읽어볼 수 있습니다. Chrome 40에서 지금 바로…read more

0

[JSer.info#번역] 2014-12-08 자바스크립트 주요 소식

Posted by in Research

Firefo 34.0 릴리즈 Firefox 34.0이 릴리즈 됐습니다. 개발자 도구에 localStorage inspector, console.table() 등이 추가됐고,  profiler 도구가 개선됐습니다. 그리고 jQuery events를 대응합니다. 자세한 것은 아래 문서를 참고하세요. WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34 또한 CSS Fonts Level 3 시범적으로 적용됐고, template string 등 ES6의 기능이 구현 됐습니다. Firefox 34 for developers QUnit 1.16.0 릴리즈 자바스크립트 테스트 라이브러리 QUnit 1.16.0이 릴리즈됐습니다.  코드를 리팩토링했고 done() 스타일의 비동기 테스트와 Promise 테스트 지원하는 등 QUnit 2.x를 위한 여러 사항이 반영됐습니다. 2.0에서 바뀌는 부분은 「QUnit 2.x에서 바뀌는…read more

0

[JSer.info#번역] 2014-12-02 자바스크립트 주요 소식

Posted by in Research

DaliyJS 앙케이트 올해도 역시 DailyJS의 자바스크립트 개발자 앙케이트가 시작됐습니다. JavaScript Developer Survey 2014에서 어떤 목적으로 자바스크립트를 사용하는지 또, 사용하는 라이브러리나 테스트 등에 대해 조사 하고 있습니다. 2010년(JavaScript Developer Survey 2010) 부터 지속적으로 시행하고 있는 설문 조사입니다. 여력이 되다면 꼭 참가 합시다. The State of JavaScript in 2015 The State of JavaScript in 2015(한국어) 아티클에는 라이브러리와 기술 변화에 어떤 자세로 임해야할지 작성돼 있습니다. AngularJS 2.0은 지금과 완전히 다르며 트랜드를 따라가는건 부질없고 대기업이 지원한다고 해서 기대할 필요도 없다고 말하고 있습니다. 대도록 AngularJS나 Ember 같은 단일체 프레임워크를 사용하지 말고 레이어에 전문성을 가진 라이브러리를…read more

0

[JSer.info#번역] 2014-11-25 자바스크립트 주요 소식

Posted by in Research

Chrome 39 릴리즈 Chrome 39가 릴리즈 됐습니다. 구현된 기능은 베타 릴리즈 노트를 참고해주세요.  ES6 Generator가 기본으로 활성화 됐고 Web Application Manifest 대응, Beacon API(한국어)가 구현됐습니다. 그리고 Web Animations 구현이 진행되고 있습니다. 보통 XHR을 사용한 비동기 통신 시 페이지를 종료하면 요청을 신뢰할 수 없지만 Beacon API를 사용하면 백그라운드로 요청하기 때문에 UI를 블로킹하지 않으면서 요청을 신뢰할 수 있습니다. 예를 들어 링크 클릭을 로그로 쌓기 위해 리스너에서 기본 이벤트를 중지시키고 XHR 요청 후 페이지 전환을 해야 했지만 Beacon API를 사용하면 단순히 navigator.sendBeacon으로 요청하면 보내면 됩니다. Modern Debugging Experience: Part 2 개발자 도구를 사용한…read more

0

[JSer.info#번역] 2014-11-17 자바스크립트 주요 소식

Posted by in Research

Windows10의 새로운 프리뷰 버전과 IE 프리뷰 버전 공개 Windows10의 새로운 프리뷰 버전을 공개함과 동시에 IE 프리뷰 버전(IE12?)도 업데이트 됐습니다. Living on the Edge – our next step in helping the web just work IE11에 도입된 Edge document mode가 IE 프리브 버전에서는 기본으로 적용됐습니다. Edge 모드에서는 웹 사이트의 X-AQ-Compatible를 무시하므로 호환성 보기 모드가 적용 되지 않습니다.  인트라넷, 호환성 보기 리스트에 등록한 사이트, 엔터프라이즈 모드로 지정한 경우에 호환성 보기 모드가 적용됩니다. "Living" Edge document mode,イントラでenterpriseモード使ってれば互換性リストで動作確保.Webには最新機能ガンガン入れてくよ.古いIEへのフォールバックコード無視するUA文字列にするよ.http://t.co/5OBcP6la3J — あなたとラスト今すぐoxidizeし太郎 (@saneyuki_s) November 13, 2014 IE의 프리뷰 버전은 별도의 UA 문자열을 가지고 있습니다. UA를 분석해서 IE의…read more

0

[JSer.info#번역] 2014-11-10 자바스크립트 주요 소식

Posted by in Research

Less 2.0 릴리즈 CSS 전처리기(Preprocessor) Less 2.0이 릴리즈됐습니다. V2 Upgrade Guide에 업그레이드된 내용이 자세히 정리돼 있습니다. Vue 0.11 릴리즈 Vue 0.11이 릴리즈 됐습니다. 처음부터 다시 만들고 있기 때문에 코드 베이스가 상당히 변경됐으며 API가 크게 바뀌었고 옵션이 추가 됐습니다. 자세한 내용은 changes.md를 참고해주세요. 이전 버전인 V0.10.6의 문서는 legacy.vuejs.org로 접근할 수 있습니다. 추가로 말씀드리자면 Vue.js를 개발한 Evan You는 Google에서 Meteor로 이직했다고 합니다. Reactive MVC and the Virtual DOM Reactive MVC and the Virtual DOM에는 리액티브 패턴이 설명돼 있습니다. 11월 2일자에서 소개해드린 Model-View-Intent and the Virtual DOM 슬라이드를 아티클로 정리한 내용입니다. React/Flux는 리액티브한 부분도…read more

0

[JSer.info#번역] 2014-11-02 자바스크립트 주요 소식

Posted by in Research

Bootstrap 3.3.0 릴리즈 Bootstrap 3.3.0이 릴리즈 됐습니다. translate3d가 원인인 버그가 수정됐고 Normalize.css, H5BP의 업데이트를 대응 하는 등의 변경 사항이 있습니다. 자세한 내용은 아래 문서를 참고해주세요. Bootstrap 3.3.0 released · Bootstrap Blog Release v3.3.0 · twbs/bootstrap Bootstrap4의 개발을 시작했습니다. navbar를 개선하고 panels, thumbnails를 대체 하는 새로운 컴포넌트를 추가하며 IE8 지원을 종료한다고 합니다. CSP Lv.2 이야기(일본어) 이 슬라이드에는 CSP(Content Security Policy)의 Lv.2에 추가된 기능에 대해서 작성돼 있습니다. CSP Lv.1은 레거시한 코드에 적용하기 어려운 느낌이었지만 Lv2에서는 인라인 스크립트도 일정 규칙으로 허가할 수 있어 보다 유연한 설정이 가능하게 됐습니다.  CSP를 적용한 경험과 팁을 소개한…read more

0

[JSer.info#번역] 2014-10-27 자바스크립트 주요 소식

Posted by in Research

WebStorm 9 릴리즈 WebStorm 9가 릴리즈 됐습니다. Meteor, React, Polymer, gulp 등을 새롭게 지원합니다. 또, 파일의 종류에 따라 탭/스페이스의 사이즈를 지정할 수 있게 됐으며 EditorConfig나 ESLint, JSCS 등도 지원합니다. Meteor, React/JSX, Polymer 지원 ESLint, JSCS, EditorConfig 지원 PhoneGap, Gulp 통합 spy-js 및 LiveEdit, Node.js 애플리케이션 대응 그 외에도 여러가지 기능이 추가됐습니다. 자세한 내용은 아래 문서를 참고해주세요. WebStorm 9 released: Meteor support, React and JSX, Gulp integration, and more What’s new in WebStorm 9 ESLint 0.9.0 릴리즈 플러그인 메커니즘을 기반으로하여 규칙을 확장할 수 있는 ESLint 0.9.0이 릴리즈 됐습니다. 플러그인의 사양을 안정화(stable)…read more

1

[JSer.info#번역] 2014-10-20 자바스크립트 주요 소식

Posted by in Research

Firefox 33.0 릴리즈 Chrome나 Opera는 이미 지원하고 있는 <picture> 요소가 추가됐습니다. 플래그를 조정(dom.image.picture.enabled)해야 사용할 수 있습니다. 자세한 내용은 릴리즈 노트를 참고해주세요. 또 개발자 도구에 CSS에 대한 기능이나 새로운 명령어 등 여러가지 기능이 추가됐습니다. 개발자 도구에 대한 자세한 내용은 아래 문서를 참고해주세요. Event listeners popup, @media sidebar, Cubic bezier editor + more – Firefox Developer Tools Episode 33Older ArticleNewer Article 파이어폭스의 개발자 도구를 개발하는 것에 흥미가 있는 분은 아래 글을 참고해주세요. Five Stages of Development(유투브 영상) ReactJS For Stupid People 위 아티클은 최근 자주 언급되는 React의 특징과 장/단점에 대해서 정리하고 있습니다….read more

0