Hello World

Unit tests, integration tests, and functional tests are all types of automated tests which form essential cornerstones of continuous delivery, a development methodology that allows you to safely ship changes to production in days or hours rather than months or years.Automated tests enhance software stability by catching more errors before software reaches the end user. They provide a safety net ..

CoffeeScript의 추억명시적인게 묵시적인 것보다 낫다.– The Zen of PythonCoffeeScript는 회사 프로덕트에서 메인으로 쓰고 있는 언어다. 내가 입사한지가 약 10개월 좀 넘었고, 그동안 내내 CoffeeScript를 사용해왔으니 이젠 좀 깔 만한 자격도 생긴 것 같다. 처음 접했을 때는 Python 같다는 생각을 했다. 괄호가 거의 사용되지 않고 indent로 블록을 구분하는 점에서 좀 그렇게 느꼈던 것 같다.(지금 돌아보면 약간 미친 생각같다) 다행히도 Python을 이미 접해본 적이 있었고, 그다지 무리 없이 CoffeeScript에 적응했던 것 같다. 물론 사용하다보니 편한 점도 많았지만 솔직히 나는 이 언어가 마음에 들지 않는다.난 ‘말 안하면 모르는’ 전형적인 공대 ..

배열 리터럴의 일부를 반복 가능한 식(다른 배열 리터럴 등)에서 초기화하거나 식을 함수 호출에서 여러 인수로 확장할 수 있습니다.구문var array = [[arg0ToN ,] ...iterable [, arg0ToN]] func([args ,] ...iterable [, args | ...iterable]) 매개 변수iterable필수.반복 가능한 개체입니다.arg0ToN선택 사항입니다.하나 이상의 배열 리터럴 요소입니다.args선택 사항입니다.함수에 대한 하나 이상의 인수입니다.설명반복기에 대한 자세한 내용은 반복기 및 생성기(JavaScript)를 참조하세요.rest 매개 변수로 스프레드 연산자 사용하기에 대한 자세한 내용은 함수(JavaScript)를 참조하세요.다음 코드 예제에서는 스프레드 연산..

If you have previous programming experience but are a newcomer to frontend JavaScript development, the array of jargon and tools can be confusing. Without getting bogged down in detailed discussion, let’s take a general survey of the current “JavaScript landscape”. This should orient you sufficiently to start your journey into frontend development.Key terms are bolded. If you want to skip ahead ..

The following is a guest post by David Corbacho, a front end engineer in London. We've broached this topic before, but this time, David is going to drive the concepts home through interactive demos that make things very clear.Debounce and throttle are two similar (but different!) techniques to control how many times we allow a function to be executed over time.Having a debounced or throttled ver..

자바스크립트 개발 시 필요한 내용들을 가이드한다. 본 문서는 코딩컨벤션, 디버깅, 테스트 등과 같이 기본적인 내용부터 의존성 관리 및 압축까지의 개발 전반에 대한 내용을 다룬다.시작하기자바스크립트 개발을 시작하기 위해 필요한 기본적인 내용을 간단히 설명한다. https://github.com/nhnent/fe.javascript/wiki/시작하기 코딩 컨벤션프로그램의 성능을 해치지 않은 범위 내에서 읽기 쉽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약을 가이드한다. https://github.com/nhnent/fe.javascript/wiki/코딩-컨벤션 디버깅각 플랫폼에서 제공하는 다양한 디버깅 도구와 그 사용법에 대해 설명한다. https://github.com/nhnent/fe..

FE(Front-End) 개발자에게 모바일웹 서비스 개발은 매우 까다로운 작업입니다. PC웹 환경은 디바이스 하드웨어 성능도 뛰어나며, 네트워크 속도도 기가(GIGA?) 막히게 빠릅니다. (물론 아직도 저사양 PC에IE7,8,9을 사용하는 분들이 소수 존재하기에, 구버전 웹브라우저에서 사용가능한 서비스들도 있습니다. 다만 화면깨짐은 있더라도 말이죠.) 반면, 모바일은 저성능의 디바이스, 일정하지 않은 네트워크 속도, 작은 디스플레이 사이즈라는 제약 안에서 개발이 진행됩니다. 거기다 OS 종류, 버전, 제조사에 따라 웹브라우저가 조금씩 다른 입출력 결과를 내놓고 있어, 모든 모바일 단말기에서 안정성을 보장하기란 쉽지 않습니다. 이런 열악한 환경을 개선하기 위한 방법으로 리소스(이미지,JS,CSS) 사이즈를..

이 글은 Todd 의 블로그 포스트 [What (function (window, document, undefined) {})(window, document); really means]을 번역한 것입니다.What (function (window, document, undefined) {})(window, document); really means Interestingly enough I get asked about the IIFE (immediately-invoked function expression) a lot, which takes the…toddmotto.com요즘 저는 아래와 같은 IIFE(immediately-invoked function expression, 즉시실행함수 표현식) 형식에 대해 ..

문제: HTML5의 WebStorage API 중 하나인 Local Storage에 대해 좀 자세히 살펴봤다. 해결책: 개요 HTML5에서는 클라이언트에 데이터를 저장하는 2개의 객체를 제공한다.하나의 세션 단위로 데이터를 저장하는 SessionStorage 와,만료 기간이 없는 LocalStorage 가 있다. 두 가지 모두 key/value 쌍으로 저장하며, 사용 방법은 거의 비슷하다.여기서는 Local Strorage 에 대해 자세히 살펴보려고 한다. 간단 사용법 사용법은 정말 간단하다.전역으로 할당되어 있는 localStorage의 메서드를 사용하며, 데이터는 key/value 쌍으로 구성된다. 아래와 같이 setItem() 과 getItem()으로 값을 저장하거나 가져올 수 있다. localSt..

http://www.nczonline.net/blog/2013/06/25/eval-isnt-evil-just-misunderstood/에대한 내용을 참고 하여 정리 해보았다. 자바스크립트에서 대부분 eval 함수는 계륵 같은 존재 인것 같다. 이 함수에 대해서 "evil"이라고 비방 하고 있는데 .. 과연 이 놈이 evil 일까??(: 즉 eval함수는 쓰지 않는것이 보안 문제 에 좋다고 알고있으며 본인도 대부분 지양 해서 프로그래밍 중이다. ) 이 간단한 함수는 string 으로 자바스크립트 코드를 실행 할수 있게 설계 되었다. ( 사실 무척이나 유용하다고 할 수 있다. !!) 하지만 "더글라스 크락포드" 에 의해 "eval() is evil " 이란 구절이 생기면서 대부분의 자바스크립트 개발자는 기피..