지금까지 우리는 webpack에 대한 개념을 먼저 살펴보았다. 이제 실제로 webpack을 설치해보고 사용해 보면서 하나하나 짚어나가 보자. 왜 webpack이 많이 사용되는지와 Gulp와의 차이점을 알았다면 이제 실제로 webpack을 설치해보고 사용해 보면서 하나하나 짚어나가 보자.

Continue reading

Web front-end build tool에는 여러 가지가 있다. 이러한 build tool은 단순히 소스를 묶고 컴파일하고 압축하는 단순한 형태에서 벗어나 하나의 기술로 자리잡혔다. 이 build tool들을 활용함으로써 우리가 진행하는 프로젝트에 엄청난 시너지를 안겨 줄 수 있다. 수많은 build tool 중 이 포스트에서는 떠오르는 build tool인 webpack에 대해 소개하겠다.

Continue reading

node.jsnpm 기초 완벽 가이드!! node.jsnpm을 설치해보고 개념도 잡아보자. 그리고 더 나아가 IntelliJ에서 npm을 어떻게 사용하는지 알아보자. node.jsnpm은 웹 개발에 종사하고 있는 개발자라면 웬만해서는 알만큼 중요한 기술 중의 하나이다. 많이 들어보기도 했을 것이다. 이와 관련된 포스팅도 많고 정보도 많으니까. 그럼 node.jsnpm이 무엇인지 알아보고 설치를 진행해 보자.

Continue reading

hexo와 github page를 이용하여 만든 블로그에 아름다움을 입혀보자. hexo는 jeykyll과 마찬가지로 블로그에 테마를 입힐 수 있다. hexo와 github page에 테마를 입히는 데 어려움은 없지만 테마가 개발자 개개인이 오픈소스로 만들어 제공하기 때문에 테마마다 사용이나 설정법이 약간 다를 수 있다.

Continue reading

지금까지의 Tutorial을 통해 Mocha에 대해서 어느 정도 인지하고 습득하였다. 아직도 Mocha에 대해 애매모호한 기분이 들거나 뭔가 아쉬움이 남는다면 다시 돌아가 JavaScript 단위 테스트 프레임워크 - Mocha부터 살펴보도록 하자.
이제 지금까지 배운 내용을 토대로 실제로 Mocha를 가지고 TDD를 진행해 보자. 이 Tutorial을 추가한 이유는 두 가지로 분류하였다.

Continue reading

개발자들은 자기가 사용하는 IDE가 있을 것이다. IDE를 사용하는 이유는 더 편리하기 때문이다. 당연하다. bash, nodepad 보다는 훨씬 편하니까. 나 역시 IntelliJ를 사용하고 있다. 이 IntelliJ에서는 Mocha를 좀 더 다루기 쉽게 Plug-in을 지원하고 있다. IntelliJ뿐만 아니라 Webstorm 등의 JETBRAIN 제품군에서 지원하고있다.
이번 Tutorial은 IntelliJ에서 Mocha를 손쉽게 사용하는 방법을 배워보도록 하겠다. JETBRAINS 제품군을 사용하지 않는다면 해당 Tutorial은 건너 뛰도록하자.

Continue reading

이제 Mocha의 기본적인 사용법을 모두 터득하였다. 지금까지 배운 것만으로도 어느 정도의 Test가 가능하다. 하지만 우리가 항상 개발할 떄에 Framework를 찾는 이유는 무엇인가 개발을 할 때 손쉽게 개발하기 위해서이다. Mocha 역시 옵션을 조정하여 좀 더 편리하게 사용할 수 있는데 이번 Tutorial에서는 이 옵션에 대해서 알아보겠다.

Continue reading

어느 프로그램 언어나 마찮가지겠지만 JavaScript 역시 하나의 .js파일에 코딩하진 않는다. Mocha 역시 하나의 test.js 파일에 모두 테스트 케이스를 적진 않는다.
이번 Tutorial에서는 외부 모듈을 불러와서 테스트하는 방법을 알아보겠다. 생각보다 분량이 적지만 매우 효율적인 방법이 될 것이다.

Continue reading
Author's picture

DY. Kim

Web Front-End Technology Lab


Front-End Web Developer


Republic of Korea, Seoul