Recent Posts
  • 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에서...


  • Git 리모트(remote) 브랜치 생성 및 삭제하기

    요즘 진행하고 있는 프로젝트가 각자 원격에서 리모트로 git을 통해서 작업하고 있다 보니, 해당 부분에 대한 이력이 있어야 할 것 같습니다. 진행하고 있는 프로젝트는 각자가 해야할 feature들을 branch로 따고, 이후 pull request를 보내면, merge를 담당하시는 분이 기준 branch에 merge를 하는 형태로 작업하고 있습니다. git에서 개념을 보면, local 브랜치와 저장소에 있는 remote...