Hello World

Mocha 로 하는 JavaScript TestingJavaScript (Node.js) 개발을 하면서 빨리빨리 기능 개발하고 새로고침 F5 를 연타하며 확인하고 다시 코드 수정하고 그러는게 일반적인데요.테스트를 작성하면 조금 더 견고한 개발을 할 수 있습니다. 그럼 지금부터 Mocha 랑 Chai 라는 라이브러리를 이용해서 JavaScript 간단한 테스트 코드를 작성해보겠습니다.TDD (Test Driven Development - 테스트 주도 개발) 느낌으로 테스트 먼저 작성해보겠습니다. 테스트 환경 세팅하기Node.js v6.3.1 입니다.설치되어 있지 않다면 Node.js 여기에서 다운 받습니다.설치 이후에 npm도 함께 설치됩니다.Node.js Package Manager, Node.js 모듈..

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 ..

throttle매 밀리세컨드마다 최대 한 번만 호출될 수 있도록 Throttle된 함수를 만듭니다.– throttle by lodashthrottle – lodash throttle – underscoreDOM API 중 onmousemove, onmouseover, onscroll 같은 이벤트는 1초 안에도 수 십 번씩 과다하게 호출될 수 있다. 이런 이벤트에 무거운 로직을 끼워두면 당연히 웹페이지의 성능이 떨어질 수 밖에 없다. 따라서 로직이 적당히 호출될 수 있도록 조절하는 작업이 필요한데, 이 때 간편하게 사용할 수 있는 것이 _.throttle이다._.throttle은 로직 실행 주기를 만드는 함수라고 이해하면 된다. 밀리세컨드 단위로 시간을 설정하면_.throttle에 넘긴 콜백함수는 설정한 ..

http://es6-features.org/#Lexicalthis

http://techhtml.github.io/cors/index.html

What You'll Be CreatingCSV(Comma Separated Values) 파일 형식은 애플리케이션 간에 데이터를 교환하는 데 자주 사용되는 방식입니다.이번 짧은 팁에서는 자바스크립트를 이용해 CSV 파일의 데이터를 시각화하는 법을 배우겠습니다.CSV 파일 만들기우선 간단한 CSV 파일을 만들어봅시다. 이를 위해 여기서는 온라인 테스트 데이터 생성기인 Mockaroo를 이용하겠습니다. 파일은 다음과 같습니다.CSV 파일을 HTML 테이블로 변환하기이제 파일을 생성했으니 파일을 파싱해서 연관된 HTML 테이블로 만들 준비가 끝났습니다.첫 번째 단계로 jQuery의 ajax 함수를 이용해 이 파일로부터 데이터를 가져오겠습니다.1234$.ajax({ url: 'csv_data.csv', dat..

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..