Recent Posts
  • gpx2czml(2) - Typescript로 karma 테스트 하기

    javascript를 typescript로 변경하기 위한 1일차 포스팅은 여기 를 참고해 주세요 :) Typescript로 만들어진 코드를 karma로 테스트 하고 싶다! 이제 개발에 대한 환경은 대략적으로 구축이 되었습니다. (비록 약소하긴 하나..) 이제 karma와 mocha로 이전에 테스팅했던 부분들을 typescript 테스팅으로 바꾸고 싶었습니다. 물론, TDD, BDD 등 테스트 주도 환경을 완벽하게 구현해 내시는 고수분들도 많으시나.....


  • gpx2czml(1) - Typescript webpack 간단 설정

    Typescript + webpack npm install 앞으로의 프로젝트를 typescript로 개발하고 싶은 욕심이 생겼습니다. input과 output의 명확함도 그렇고, decorator 등 다양한 기능을 사용해 볼 수 있더군요. 저는 지속적으로 npm에 publish를 하고 있는데, 그 중 gpx 데이터를 cesium.js에 활용할 수 있도록 czml 데이터로 변경하는 플러그인을 개발하여 퍼블리싱 하고 있습니다. 해당 프로젝트는 data를 받아서...


  • JS,CSS,HTML Build tool Parcel.js 리뷰

    2017년 8월에 갑자기 등장하여 주목받기 시작한 빌드툴이 있습니다. Parcel.js라는 빌드툴은 기존의 webpack, gulp, grunt등과는 다르게 빠른 퍼포먼스를 전면에 내세우고 시작하는 빌드 툴입니다. 이번 포스팅은 최근 릴리즈된 Parceljs의 특징과, 사용법을 간단하게만 살펴보겠습니다. Parcel.js 특징 Parcel.js의 특징은 공식홈페이지를 이용해 보겠습니다. 1) 빠른 번들링 Parcel은 AST 작업자 프로세스를 사용합니다. AST 프로세스를 사용함으로써 멀티코어...


  • Angular1 element를 append할때 함수를 실행하는 directive 만들기

    이벤트 바인딩의 어려움 Angular1 뿐만 아니라, 모든 javascript app을 개발할때, 이벤트를 바인딩하는 시점을 잡기란 쉽지 않습니다. React처럼 componentDidMount Lifecycle 함수가 존재해서 그 안에서 이벤트 바인딩을 걸어줄 수 있는 것도 아니고, 동적으로 추가되는 DOM element에 jQuery등을 이용해서 이벤트 바인딩 하기란 어렵습니다. 이는, Angular1 Application을 작성할때, element에 이벤트를 주는 부분도 마찬가지 입니다....


  • Karma + enzyme를 활용한 React 컴포넌트 테스트하기

    요즘들어 React project를 같이 참여해서 하고 있으면서, 여러가지 분야에 관심이 가는 경우들이 있습니다. 특히, TDD, BDD등 테스트 주도 개발 및 함수형 프로그래밍에 관심을 계속 두고 있는편인데, React 개발에 있어서 컴포넌트 또는 Redux를 활용한 container 테스트는 매우 중요해 보였습니다. 이번 포스팅은 React component를 테스트하기 위해 적합한 테스트 자동화 도구 Karma와 airbnb에서...