Chrome37, Opera24(Chromium37 기반) 릴리즈 Chrome37과 Opera24의 변경사항은 대부분 비슷합니다. Dev.Opera-Opara24 released에 알기 쉽게 정리되어 있습니다. CSS Shapes 및 CSS의 all 프로퍼티를 사용할 수 있으며, showModalDialog()가 폐지된 대신 <dialog> 요소를 사용할 수 있습니다. CSS Shapes에 관심 있는 분은 아래 문서를 참고하세요. CSS Shapes now available in Chrome 37 release CSS Shapes 더보기…
Underscore 1.7.0 릴리즈 많은 변경 사항이 있습니다. 주요 변경 사항은 Change Log에서 설명하고 있고 그 외 사항은 코멘트로 정리하고 있습니다. Change Log Release Underscore 1.7.0 by akre52 대표적으로 _.template를 초기화시 data를 받지 않고 항상 함수를 반환하도록, 그리고 _.extend가 ES6 Object.assign과 비슷하게 동작하도록 수정됐으며 네이티브 Array.prototype.*을 사용하지 않고 독자적인 방식으로 구현하고 더보기…
Autoprefixer 3.0이 릴리즈 됐습니다. Autoprefixer는 CSS 코드에 vendor prefix를 추가할 수 있는 포스트프로세서(postprocessor, 후처리기) 입니다. Less, Sass 등을 프리프로세서(preprocessor, 전처리기)라고 부르는 반면 전처리된 CSS 코드를 처리하는 도구를 PostCSS 라는 장르로 분류하고 포스트프로세스라 부르고있습니다. Autoprefixer 3.0에서는 CoffeeScript로 작성한 기존 코드를 Ecma6 기반으로 재작성했습니다. 따라서 코드에서 사용하는 API도 변경됐습니다. Advanced objects 더보기…
Sass 3.4가 릴리즈 됐습니다. parent selector(&)의 기능이 개선됐고, 기본적으로 SourceMap이 생성되도록 변경(생성하지 않으려면 –sourcemap=none을 입력)됐습니다. 그리고 치명적인 오류시 메시지를 출력하는 @error 지시어를 지원합니다. SASS_CHANGELOG Compass 1.0이 릴리즈 됐습니다. Compass는 Sass를 기반으로 한 프레임워크입니다. autoprefixer와 동일하게 vendor prefix는 Can I use의 데이터를 사용하여 생성하며, Core 라이브러리를 Compass 명령 없이 사용할 더보기…
왜 좋은 IDE를 사용하는가? 프론트엔드 개발자 중 일부는 인공지능적 IDE(통합 개발 환경, Integrated Development Environment)를 싫어합니다. 여러가지 이유가 있을 수 있겠지만 대부분 IDE가 제공하는 편리한 기능에 익숙해지면 자신의 개발 실력이 저하될까봐 두렵다고들 합니다. 만약 이 글을 읽는 여러분도 그렇게 생각하신다면 페이스북 그룹 django에서 활동하시는 박영록님의 글을 읽어보시길 바랍니다. 왜 더보기…
개요 Github와 Bitbucket 그리고 Gitlab은 이 README.md 파일을 이용해 저장소의 메인을 보여줍니다.그리고 javascript의 Documentation툴인 JSDoc은 버전 3부터 README.md 파일을 읽어서 문서의 index를 장식합니다. 이렇게 다방면으로 유용하게 쓰이는 README.md 파일은 마크다운 형식으로 작성됩니다. 마크다운은 일련의 작성 규칙(Markdown cheatsheet)이 있습니다. README.md 파일을 작성하다보면 어떻게 페이지에서 보여질까 궁금할때가 많습니다. 웹스톰의 마크다운 플러그인을 이용하면 더보기…
개요 자바스크립트 개발시 유용하게 사용할 수 있는 웹스톰과 인텔리제이의 세 가지(Parameter info, Quick Definition, Quick Documentation) 기능을 소개할까 합니다. Parameter Info 자바스크립트는 타입 선언이 없기 때문에 협업시 불편한 점이 많습니다. 대표적인 예로 함수나 객체를 협업 개발자에게 배포하는 경우가 있습니다. 협업 개발자는 함수를 사용하기 위한 시그니처, 인자의 타입 정보를 알 더보기…
WebStorm 9 EAP(Early Access Program) 출시 Node.js 개발 시에도 Live Edit와 Spy-js(자바스크립트 트레이스 도구)를 지원합니다. Spy-js를 이용하면 함수의 처리 시간이나 실행 후의 변수 값과 반환 값 등을 볼 수 있습니다. 실행 후의 값을 알 수 있게 때문에 코드 읽기가 훨씬 편합니다. 자세한 내용은 아래 링크를 참고하세요. Live Edit Updates in 더보기…
traceur-compiler 입문(일본어[구글번역]) ES6 문법으로 작성한 코드를 ES5 문법으로 변경해주는 도구인 Traceur Compiler에 대해 소개합니다. 기본적인 사용법과 ES6의 사양에 대해서 자세히 설명하고 있습니다. ES6의 샘플 코드는 es6features에도 잘 정리돼 있지만, 아래 아티클에서도 Traceur Compiler를 이용해 ES6를 설명하고 있으므로 알아두는 것이 좋을 것 같습니다. es6features를 통해 ECMAScript6을 알게됐다(일본어) 또한 Using ECMAScript 6 더보기…
Browserify 5.0.0 릴리즈 브라우저에서 Node.js 스타일로 모듈을 실행할 수 있도록하는 빌드 도구인 Browserify 5.0.0이 릴리즈됐습니다. Semantic Versioning 규칙을 사용하기 때문에 이미 버전 5.9.1 까지 나와있으며, Browserify의 내부적인 변환 처리를 크게 변경하고 있습니다. Sementic Versioning이란 소프트웨어 관리시 문제가 되는 “의존성 지옥”을 해결하기 위해 깃헙(GitHub)의 공동 창업자인 톰 프레스턴-베르너(Tom Preston-Werner)가 작성하고 제안한 더보기…