주요 문서
-
ES6 In Depth: let 과 const
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. 제가 오늘 이야기하려고 하는 주제는 처음 보기에는 별것 아닌 것 같지만, 아주 중요한 것입니다. Brendan Eich 는 1995년 JavaScript 첫 버전을 설계할 때 많은 잘못을 저질렀습니다. 그가 저지른 잘못은 그 이후로 랭귀지의 일부로 계속 이어져 오고 있습니다. 예를 […]
-
ES6 In Depth: 클래스
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. 오늘은 지난 글들의 복잡함에서 벗어나 한숨 돌리려고 합니다. 이번 글은 ES6 In Depth: 제너레이터 (이어서) 에서 처럼 한번도 본 적 없는 낯선 이야기를 하지 않을 것입니다. 이번 글은 막강한 프락시 객체 에서 처럼 JavaScript 랭귀지 내부의 동작을 가로채는 […]
-
ES6 In Depth: 제너레이터 (이어서)
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. ES6 In Depth 에 잘 오셨습니다! 지난 글 이후로 편히 쉬셨는지요? 하지만 프로그래머의 삶이 불꽃놀이나 레모네이드로 가득찬 편안한 삶일 수는 없지 않습니까? 이제 다시 남은 주제들을 공부할 시간이 되었습니다. 쉬었다 시작하기에 완벽한 주제를 골라두었습니다. 몇 달 전에 제너레이터에 […]
-
ES6 In Depth: 컬렉션 (Collections)
ES6 In Depth는 ECMAScript 표준의 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 이번 주 초에(2015년 6월 19일 기준), ECMA-262 6th Edition, ECMAScript 2015 Language Specification 이라고 명명된 ES6 스펙이 마지막 난관을 극복하고 Ecma 표준으로 공식 승인되었습니다. 표준 제정에 기여한 TC39 와 모든 사람들에게 축하를 전합니다. 이제 ES6 는 공식 문서가 되었습니다! 더 […]
-
ES6 In Depth: Babel과 Broccoli로 지금 당장 ES6 이용하기
ES6 In Depth는 ECMAScript 표준의 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. ES6 가 여기 있습니다. 그리고 사람들은 벌써 ES7 을 말하고 있습니다. 사람들은 예정된 미래에 대해, 그리고 새로운 표준의 빛나는 기능에 대해 이야기하고 있습니다. 웹 개발자로서, 우리는 이 모든 것들을 어떻게 활용해야 할까요? 지금까지 ES6 In Depth 시리즈를 통해 당장 ES6 […]
-
ES6 In Depth: 템플릿 문자열 (Template string)
ES6 In Depth는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 저는 지난주에 학습 페이스를 조절하기로 약속했습니다. 이터레이터(iterator)와 제너레이터(generator) 다음으로 약간 쉬운 주제를 다루자고 했습니다. 우리 두뇌를 혹사시키지 않을 주제 말입니다. 이 글 마지막에서 제가 약속을 지켰는지 평가해 주세요. 일단, 간단한 내용으로 시작합니다. 백틱(Backtick)의 기초 ES6는 템플릿 문자열(template string)이라고 불리는 새로운 […]
-
ES6 In Depth: 시리즈를 시작하면서
ES6 In Depth에 잘오셨습니다! 매주 연재할 이번 시리즈를 통해 ECMAScript 6를 탐험하려 합니다. ECMAScript 6는 출시가 임박한 JavaScript 언어의 새로운 에디션입니다. ES6에는 JS를 더욱 강력하게 그리고 표현력 좋게 만들 새로운 언어적 특징들이 많이 포함되어 있습니다. 우리는 앞으로 몇 주에 걸쳐 이 특징들을 하나씩 살펴볼 것입니다. 하지만 시리즈를 시작하기 전에, ES6가 무엇이고 ES6에서 무엇을 기대할 수 […]
-
MetricsGraphics.js – D3 기반 경량 그래프 라이브러리
이 글은 Ali Almossawi가 쓴 MetricsGraphics.js – a lightweight graphics library based on D3의 한국어 번역본입니다. MetricsGraphics.js은 D3를 기반으로 작성된 라이브러리입니다. D3는 시계열(time-series) 데이터를 시각화하고 구조화하는데 최적화된 라이브러리입니다. MetricsGraphics.js는 일반적인 형태의 그래프를 만드는 간단한 방법을 제공합니다. MetricsGraphics가 제공하는 그래프 생성 방법은 규칙적이고 일관적입니다. MetricsGraphics.js 라이브러리는 라인 차트(line chart), 산포도 그래프(scatterplot), 히스토그램(histogram), 바 차트(barplot), 데이터 테이블(data […]
-
웹IDE, 저장소 검사기, jQuery 이벤트, iframe 스위처 + 기타 – Firefox 개발자 도구 에피소드 34
이 글은 Heather Arthur와 Robert Nyman [Editor]이 쓴 WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34의 한국어 번역본입니다. Firefox 개발자 도구의 새로운 기능들이 이제 막 Aurora 채널에 반영됐습니다. 지금 당장 새로운 기능들을 써보고 싶다면 Aurora 버전을 써보세요. 이 새로운 기능들은 11월에 릴리즈되는 Firefox 34 버전에 포함될 것입니다. Firefox […]
-
App Framework과 Firefox OS
이 글은 Ian Maffett와 Jason Weathersby이 쓴 App Framework and Firefox OS의 한국어 번역본입니다. 인텔의 App Framework은 MIT 라이선스를 따르는 오픈소스/크로스플랫폼/HTML5 프레임워크이며, 모바일 앱을 만들기 위해 사용합니다. App Framework는 GitHub를 통해 호스팅되고 있어 당신도 프로젝트에 기여할 수 있습니다. 특히 Firefox OS 테마(theme)에 기여할 분을 찾고 있습니다. App Framework은 3개 영역으로 구성되어 있습니다. 쿼리 셀렉터(Query selector) […]
