Recent Posts
  • webpack 설정 option에 대해서

    Webpack configuration context 입력 옵션을 해결하기위한 기본 디렉토리 (절대 경로!) 입니다. output.pathinfo가 설정되면 포함 된 pathinfo가 설정해놓은 congtext 디렉토리로 단축됩니다. Default: process.cwd() entry 번들을 설정하기 위한 진입점 입니다. String : 문자열이 들어오는 경우 시작시 로드되는 모듈로 해석 Array: 시작시 모든 모듈이 로드됩니다. 마지막 하나가 내보내집니다. Object: 다중 항목 번들이 작성됩니다....


  • package-lock.json에 대해 알아보기

    package-locks 개념적으로, npm-install의 input은 package.json이며, output은 완전히 형성된 node_modules 트리입니다. 이상적인 npm install은 동일한 package.json에 동일한 node_modules 아웃풋 트리가 작성되는 것입니다. 그러나, 많은 경우에서 이러한 경우들이 실현되지 못하는 경우가 많습니다. 실현되지 못하는 이유는 다음과 같습니다. 다른 설치 알고리즘을 사용하는 다른 버전의 npm (또는 패키지 관리자) 사용 직접 패키지의 새 버전이...


  • 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 프로세스를 사용함으로써 멀티코어...