프론트엔드 개발 시작하기
디자이너, 기획자 등을 대상으로 프론트 엔드 개발을 어떻게 시작해야하는 지 알려주었다. 발표자료를 공유한다. 프론트엔드로 시작하는 웹 개발 방법과 지식들 from Eun Cho 발표 중 라이브 코딩도 했는데, 코딩 내용도 공유한다. https://github.com/transbot/s_140809_FrontEnd
디자이너, 기획자 등을 대상으로 프론트 엔드 개발을 어떻게 시작해야하는 지 알려주었다. 발표자료를 공유한다. 프론트엔드로 시작하는 웹 개발 방법과 지식들 from Eun Cho 발표 중 라이브 코딩도 했는데, 코딩 내용도 공유한다. https://github.com/transbot/s_140809_FrontEnd
지금까지 자바스크립트는 많은 오해를 받아왔고, 완성되지 않은 이상한 언어라는 수식어에서 벗어나지 못하였었다. 대부분의 개발자들은 복사 – 붙여넣기식으로 자바스크립트 코드를 활용하거나, Form의 유효성 검사 등에만 자바스크립트를 사용할 뿐 그 이상으로는 활용하지 않았다. 하지만 모바일에서 플래시를 지원하지 않아, 기존에 플래시로 제작하던 다양한 인터렉션을 CSS3와 자바스크립트를 활용하여 구현하기 시작하였다. 또한 웹 어플리케이션의 중요성을 더보기…
Browserify 5.0.0 릴리즈 브라우저에서 Node.js 스타일로 모듈을 실행할 수 있도록하는 빌드 도구인 Browserify 5.0.0이 릴리즈됐습니다. Semantic Versioning 규칙을 사용하기 때문에 이미 버전 5.9.1 까지 나와있으며, Browserify의 내부적인 변환 처리를 크게 변경하고 있습니다. Sementic Versioning이란 소프트웨어 관리시 문제가 되는 “의존성 지옥”을 해결하기 위해 깃헙(GitHub)의 공동 창업자인 톰 프레스턴-베르너(Tom Preston-Werner)가 작성하고 제안한 더보기…
Chrome 36 & Chromium 36 기반 Opera23 릴리즈 Chrome 36과 Chromium 36 기반 Opera 23이 릴리즈 됐습니다. Chrome 36에는 Object.observe()와 element.animate() 그리고 HTML Imports가 구현됐으며 Opera 23도 Object.observe(), HTML Imports가 구현됐지만 WebAnimations는 일부만 구현됐습니다. Opera에 대한 자세한 설명은 릴리즈 노트를 참고하세요. Chromium Blog: Chrome 36 Beta: element.animate(), HTML Imports, and 더보기…
일본어 문서도 함께 소개해야 해야하는지 고민했지만 최대한 원본을 그대로 번역하여 공유하는게 원작자에 대한 예의인 것 같습니다. 만약 제가 작성한 아티클을 외국 개발자가 한국어 문서만 쏙 빼고 공유하면 씁쓸할 것 같더라구요. 그럼 재미있게 읽어주세요 😀 ESLint 0.7.1 릴리즈 설정 파일을 중심으로 많은 변경됐습니다. 주로 사용성을 위한 변경인 것 같습니다. 또 더보기…
Dart, Standart ECMA-408 1st edition 공개 Dart는 ECMAScript(Javascript)와 같이 ECMA에서 표준화 작업을 하고 있습니다. Dart의 사양은 TC52(Technical Committee 52)에서 책정하고 있습니다.(ECMAScript는 TC39) ECMA와 관련된 용어는 A JavaScript glossary: ECMAScript, TC39, etc. 에 잘 정리돼 있습니다. InfoQ의 Ecma Standardizes Dart에 따르면 Dart 1.3 부터 1st edition 사양을 구현하고 있다고 합니다. (현재 더보기…
jQuery UI 1.11.0 릴리즈 AMD와 Bower를 지원하고 IE7의 지원을 종료했습니다. 자세한 사항은 가이드 문서를 참고하세요. jQuery UI 1.11 Upgrade Guide Module Bundler WebPack 애플리케이션 개발시 발생하는 의존성을 쉽게 관리할 수 있도록 하는 도구입니다. Browserify는 JavaScript만 다룰 수 있지만 WebPack은 CSS, HTML(템플릿)등을 전부 다룰 수 있다네요. http://ryanseddon.github.io/webpack-talk/ Firefox DevTool 더보기…
파이어폭스 30.0 릴리즈 XHR 같은 생성자 함수는 지금까지 new 키워드를 선언하지 않아도 에러가 나지 않았지만, 이제는 new 키워드를 선언하지 않으면 TypeError가 발생합니다. var req = XMLHttpRequest(); TypeError: Constructor XMLHttpRequest requires ‘new’ Chrome for Android는 이미 삭제한 width=device-width 작성시 300ms 터치 지연 기능을 Firefox for Android나 FirefoxOS에서도 삭제했습니다. 941995 – Remove 더보기…
Bluebird 2.0.0 릴리즈 자바스크립트의 Promise를 구현한 라이브러리인 Bluebird 2.0.0이 릴리즈 됐습니다. WIP 자바스크립트 Promise 책(일본어)에서도 소개하고 있는 Bluebird는 Q(2.0 개발중)와 함께 유명한 Promise 라이브러리입니다. progression과 deferreds가 삭제예정 되었고 Promise.cast 역시 권장하지 않으며, Promise.using나 .disposer함수가 추가되는 등 여러가지 변화가 생겼습니다. Promise.resolve가 ES6 Promises와 동일하게 동작하도록 바뀌는 등 ECMAScript의 사양에 맞도록 변경하고 더보기…
ECMA-262 1-3은 변수 객체(Variable Object), 활성화 객체(Activation Object)를 가지고 자바스크립트 코드의 스코프 처리 매커니즘을 설명합니다. 그런데 ECMA-262 5가 등장하면서 변화가 생겼습니다. 변수 객체, 활성화 객체가 사라지고 Lexical Environment가 등장한 것이죠. 과연 무엇이 달라졌는지, Lexical Environment가 도대체 뭐하는 녀석인지 정리해봤습니다. 발표 동영상 PT 자료 Lexical environment in ecma 262 5 from 더보기…