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를 만들었던 더보기…
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에 관한 문서가 첨삭(添削)되고 더보기…
6to5 공식 홈페이지 리뉴얼 ES6의 코드를 ES5로 변환하는 도구인 6to5의 공식 홈페이지가 리뉴얼됐습니다. 또한, ES6의 코드를 변환하는 도구인 esnext의 팀이 6to5에 합류할 것으로 보입니다. 때마침 ES6로 작성한 라이브러리를 6to5를 사용해 공개하는 과정에 관한 “라이브러리를 ES6로 작성해 공개하는 것부터 시작하자(일본어)”라는 아티클도 작성했으므로 참고하여 6to5를 사용해 보면 좋을 것 같습니다. JavaScript 더보기…
iOS에 AppleSDGothicNeo-Thin 폰트를 적용하고, 안드로이드에도 역시 얇은 폰트를 적용해 달라는 요청을 받았습니다. 해외 사이트에 나와 있는 스펙 문서를 보고 진행을 했지만 특히 안드로이드에서 한글은 스펙과 전혀 다른 길을 가고 있다는 것을 깨달았습니다. 그리고 결국 전체적인 폰트와 크기를 수정할 수 밖에 없었답니다. AppleSDGothicNeo-XXX 와 Helvetica Neue-XXX 로 iOS에서 폰트 굵기를 조절했다면, 안드로이드에서는 더보기…
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에서 실현하는 방법을 비교해 소개하고 있습니다. 소개하는 더보기…
ios7에서 height 100% 인 딤드 팝업 먼 미래의 단위인 것 같았던 vh 를 처음 사용했습니다. 아직 안드로이드 4.3 이하에서 지원하지 않아 적극적으로 사용하기엔 조심스럽긴 합니다. 저 역시 어떤 버그나 사이드 이펙트가 있을지 두근두근했는데, 배포한지 일주일이 지난 지금까지 다행히도 아무런 이슈가 없어서 기쁜 마음에 정리해봤어요. 그리고 다시 한번 느꼈지만 ‘뷰포트의 크기를 더보기…
들어가기 CSS3를 활용한 모바일 페이지를 최대한 HTML 수정없이 IE 하위 버전에서도 정상노출하기 위한 테스트를 진행하였었습니다. 이를 위해 조사해보니 다양한 방법이 있어, 그 중 몇가지 적용 사례를 소개합니다. 가상선택자(:before, :after, …), box-sizing:border-box (IE7) 하위 버전 IE에서 지원하지 않는 속성을 지원하기 위한 스크립트를 사용하였습니다. 아래 코드를 head 안에 넣어서 사용합니다. <!–[if lt 더보기…
jsdom 2.0.0 릴리즈 DOM을 자바스크립트로 구현(Node.js에서도 동작하는 DOM 구현)한 jsdom 2.0.0이 릴리즈 됐습니다. 특별히 기능을 추가한 것이 아닌데도 2.0.0을 발표한 이유는 지금까지는 DOM Level 1, 2, 3로 나눠 구현하고 있었지만 향후는 Living Standard 모델로 구현해 나간다는 방침을 표하기 위해서라고 합니다. 버전 번호를 붙이는 것은 장점보다 단점이 많다고 판단하고 있으며 jsdom 더보기…
Sass란? 책에서는 이렇게 설명합니다. “Sass는 css전처리기로 .css 파일 중간에 위치하는 하나의 계층입니다. Sass는 보다 간결하고 격식을 갖춘 css 문법을 제공하며, 스타일시트를 쉽게 관리할 수 있는 다양한 기능을 구현합니다.” 대체 이게 뭔소리인가… 혼란스럽습니다. 좀 더 풀어서 접근해보면.. “Sass는 css를 만들어주는 언어로 자바스크립트처럼 특정 속성(ex. color, margin, width … )의 값(ex. #000, 3px, 420px … )을 더보기…
DaliyJS 설문 공개 매년 이 시기에 DaliyJS에서 시행하는 설문인 JavasScript Developer Survey 2014 결과가 공개됐습니다. 매년 조금씩 질문 및 응답 방식이 변경되므로 단순 비교는 어려울 수 있으나, 작년 Grunt에 대한 응답이 가장 많았던 빌드 도구에 대한 설문은 올해 Gulp가 35%, Grunt가 47%로 집결되는 등 흥미로운 변화를 알 수 있습니다. 자세한건 더보기…