[번역] The State of JavaScript in 2015

  Jimmy Breck-McKye Twitter:@jbreckmckye Jimmy Breck-McKye는 프론트엔드 개발자입니다. Breck-McKye가 자신의 블로그에 쓴 글로 2014년 12월 첫째 주  JavaScript Weekly에 올라온 The State of JavaScript in 2015를 번역한 글입니다.     —– 요즘 JavaScript 세계는 춘추전국시대 같다. 감당할 수 없는 속도로 새로운 프레임워크와 기술이 쏟아지고 사라진다. 나는 사람들이 이 상황을 새로운 더보기…

그것이 알고 싶다 – Spinbox로 React 겉핥기

  센스있는 개발자라면 기술 관련 위클리 메일을 하나정도는 받아보고 있을 것이다. 나 역시 많은 위클리 메일을 구독하고 있다. 무슨 위클리가 그리 많은지… 이젠 부담스러워서 몇 개 구독을 끊을까 생각중. 아무튼 매주 쏟아지는 정보 중 10%도 못 읽고 넘기고 있지만 JavaScript 위클리는 꼬박꼬박 챙겨보려고 애쓰고 있다. 뭔가 JavaScript로 밥 벌어 먹고 더보기…

Chrome 브라우저 HTML5 Video Element의 src 캐시 버그

  프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다. <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video>   7, 8번째 동영상을 로딩하지 못해서 아래와 같이 나온다.       크롬을 열어서 더보기…

FullScreen 모드일 때 HTML5 Video 네이티브 컨트롤 감추기

    HTML5 등장 이전까지 웹에서 동영상을 제공하기 위해서는 어도비의 플래시 플레이어나 MS의 실버라이트 같은 플러그인을 이용해야 했다. 하지만 이제는 HTML5 Video API를 이용하면 간단한 마크업만으로 동영상을 제공할 수 있다. <video id=”video” controls> <source src=”http://content.bitsontherun.com/videos/q1fx20VZ-27m5HpIu.webm” type=”video/webm”> <source src=”http://content.bitsontherun.com/videos/q1fx20VZ-52qL9xLP.mp4″ type=”video/mp4″> </video>   물론 어디까지나 ‘동영상만 제공할 때’  간단한 마크업으로 가능하다는 이야기다. 더보기…

[발표 영상] Lexical Environment in ECMA-262 5th edition

ECMA-262 1-3은 변수 객체(Variable Object), 활성화 객체(Activation Object)를 가지고 자바스크립트 코드의 스코프 처리 매커니즘을 설명합니다. 그런데 ECMA-262 5가 등장하면서 변화가 생겼습니다. 변수 객체, 활성화 객체가 사라지고 Lexical Environment가 등장한 것이죠. 과연 무엇이 달라졌는지, Lexical Environment가 도대체 뭐하는 녀석인지 정리해봤습니다. 발표 동영상 PT 자료 Lexical environment in ecma 262 5 from 더보기…

Ajax & CORS Overview

  Ajax의 역사   1990년대까지 웹 애플리케이션은 사용자가 서버로 요청을 보내면, 서버가 비지니스 로직을 처리한 후 새로운 웹 페이지를 만들어 클라이언트로 전송하는 방식이었다. 일부 데이터만 갱신하고 싶어도 페이지 전체를 받아와야하기 때문에 낭비가 많았다. 웹의 시작이 ‘문서’였다는 점을 생각해보면 당연한 일이었는지도 모르겠다.         처음으로 이러한 비효율적인 구조를 개선하려는 시도를 더보기…

backbone.js에 대한 지극히 개인적인 생각

  작년 말에 어찌하다가 중간에 지원사격하러 들어간 프로젝트가 있다. 이 프로젝트는 backbone.js를 사용하고 있었는데 그점이 끌려서 내가 “지원”하겠다고 “자원”했다. 그리고 아직도 끝나지 않은 그 프로젝트는 내 주업무가 되었다. 이전에 backbone.js를 잠깐 공부했던 적도 있었던지라  “대충 그냥 삽 좀 푸면 금방 익숙해지겠지”라는 생각으로 무작정 뛰어들어서 닥치고 코딩부터 했다. 얼마 안 가서 이 더보기…

[번역] ECMA-262-3 in detail. Chapter 6. Closures.

원문 출처 : ECMA-262-3 in detail. Chapter 6. Closures. by Dmitry Soshnikov     소개(Introduction)   이번에는 JavaScript의 아주 중요한 개념인 클로저(Closures)에 대해서 알아보겠다. 그 동안 여러 번 이야기했던 내용으로 새로운 것은 아니지만, 이론적인 관점에서 조금 더 깊이 있게 들여다 보고 ECMAScript가 어떻게 클로저를 다루는지 설명할 생각이다. 이번 챕터를 이해하려면 스코프 더보기…

도전! JavaScript TDD – 3. 점진적 명세 작성

    이전 시간에는 자판기에 재고 기능을 추가하면서 “TDD 리듬”에 대해서 이야기를 했다. 지금까지 만든 테스트 코드는 아래와 같다. $(function() { var oVendingMachine = null; module(‘VendingMachine’, { setup : function(){ oVendingMachine = new VendingMachine(); oVendingMachine.supply({ “Coke”: 1, “Sprite” : 1, “Orange Juice” : 1, “Apple Juice” : 1, “NonExistingDrink”: 0 더보기…

[번역] Static Memory Javascript with Object Pools

  이번에 Static Memory Javascript with Object Pools라는 html5rocks의 아티클을 번역했다. 제목만 보고 상당히 흥미로울 것 같아서 무작정 번역을 시작했는데 막상 번역해놓고 보니 별로 재미가 없어서 실망했다. 하지만 누군가에게는 흥미로운 주제일지도. JavaScript는 Garbage Collector라는 메모리 관리 기술을 이용하기 때문에 개발자가 직접 메모리를 관리할 수 없다. 이 포스트는 Object Pool을 만들어서 우회적으로 더보기…