Jimmy Breck-McKye Twitter:@jbreckmckye Jimmy Breck-McKye는 프론트엔드 개발자입니다. Breck-McKye가 자신의 블로그에 쓴 글로 2014년 12월 첫째 주 JavaScript Weekly에 올라온 The State of JavaScript in 2015를 번역한 글입니다. —– 요즘 JavaScript 세계는 춘추전국시대 같다. 감당할 수 없는 속도로 새로운 프레임워크와 기술이 쏟아지고 사라진다. 나는 사람들이 이 상황을 새로운 더보기…
센스있는 개발자라면 기술 관련 위클리 메일을 하나정도는 받아보고 있을 것이다. 나 역시 많은 위클리 메일을 구독하고 있다. 무슨 위클리가 그리 많은지… 이젠 부담스러워서 몇 개 구독을 끊을까 생각중. 아무튼 매주 쏟아지는 정보 중 10%도 못 읽고 넘기고 있지만 JavaScript 위클리는 꼬박꼬박 챙겨보려고 애쓰고 있다. 뭔가 JavaScript로 밥 벌어 먹고 더보기…
프로젝트 도중에 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번째 동영상을 로딩하지 못해서 아래와 같이 나온다. 크롬을 열어서 더보기…
ECMA-262 1-3은 변수 객체(Variable Object), 활성화 객체(Activation Object)를 가지고 자바스크립트 코드의 스코프 처리 매커니즘을 설명합니다. 그런데 ECMA-262 5가 등장하면서 변화가 생겼습니다. 변수 객체, 활성화 객체가 사라지고 Lexical Environment가 등장한 것이죠. 과연 무엇이 달라졌는지, Lexical Environment가 도대체 뭐하는 녀석인지 정리해봤습니다. 발표 동영상 PT 자료 Lexical environment in ecma 262 5 from 더보기…
Ajax의 역사 1990년대까지 웹 애플리케이션은 사용자가 서버로 요청을 보내면, 서버가 비지니스 로직을 처리한 후 새로운 웹 페이지를 만들어 클라이언트로 전송하는 방식이었다. 일부 데이터만 갱신하고 싶어도 페이지 전체를 받아와야하기 때문에 낭비가 많았다. 웹의 시작이 ‘문서’였다는 점을 생각해보면 당연한 일이었는지도 모르겠다. 처음으로 이러한 비효율적인 구조를 개선하려는 시도를 더보기…
작년 말에 어찌하다가 중간에 지원사격하러 들어간 프로젝트가 있다. 이 프로젝트는 backbone.js를 사용하고 있었는데 그점이 끌려서 내가 “지원”하겠다고 “자원”했다. 그리고 아직도 끝나지 않은 그 프로젝트는 내 주업무가 되었다. 이전에 backbone.js를 잠깐 공부했던 적도 있었던지라 “대충 그냥 삽 좀 푸면 금방 익숙해지겠지”라는 생각으로 무작정 뛰어들어서 닥치고 코딩부터 했다. 얼마 안 가서 이 더보기…
원문 출처 : ECMA-262-3 in detail. Chapter 6. Closures. by Dmitry Soshnikov 소개(Introduction) 이번에는 JavaScript의 아주 중요한 개념인 클로저(Closures)에 대해서 알아보겠다. 그 동안 여러 번 이야기했던 내용으로 새로운 것은 아니지만, 이론적인 관점에서 조금 더 깊이 있게 들여다 보고 ECMAScript가 어떻게 클로저를 다루는지 설명할 생각이다. 이번 챕터를 이해하려면 스코프 더보기…
이전 시간에는 자판기에 재고 기능을 추가하면서 “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라는 html5rocks의 아티클을 번역했다. 제목만 보고 상당히 흥미로울 것 같아서 무작정 번역을 시작했는데 막상 번역해놓고 보니 별로 재미가 없어서 실망했다. 하지만 누군가에게는 흥미로운 주제일지도. JavaScript는 Garbage Collector라는 메모리 관리 기술을 이용하기 때문에 개발자가 직접 메모리를 관리할 수 없다. 이 포스트는 Object Pool을 만들어서 우회적으로 더보기…
일전에 JavaScript Interperter에 대해서 공부를 하다가 V8에 관심이 생겨서 html5rocks.com의 “Performance Tips for JavaScript in V8″을 번역했다. 다른 일들에 치여서 지금은 V8 스터디를 그 언젠가로 미뤄둔 상태지만… 좋은 날이 오면 꼭 다시 V8을 공부해보고 싶다. 이 포스트는 Daniel Clifford가 2012년 Google I/O에서발표한 V8 위에서 돌아가는 JavaScript 애플리케이션의 성능 향상을 위해 더보기…