Recent Posts
  • parcel-bundler javascript에서 실행하기

    parcel-bundler javascript로 이용하기 parcel-bundler를 terminal의 커맨드라인에서 실행할 수 있습니다. 그러나, browsersync 등을 이용하기 위해서는 javascript에서 parcel-bundler의 middleware를 이용하여 node.js 등 javascript 파일 내에서 활용이 가능합니다. 이번 포스팅은 javascript에서 사용하기 위한 parcel-bundler 방법과, option들에 대해서 포스팅하고자 합니다. 자세한 코드를 보고싶으시면, 제 github repo를 확인해보시면 될 것 같습니다. 초기 설정 example을 만들기...


  • parcel-bundler command 설명 및 tip

    parcel-bundler webpack의 대항마로 떠오른 parcel-bundler 사용 가이드 입니다. Getting Started 1) 설치하기 parcel-bundler를 npm을 통해 설치합니다. (현재까지는 global로 설치해야 정상적으로 동작하는 것으로 보입니다.) - 현재까지 1.6.2 버전이 최신 버전입니다. npm install -g parcel-bundler 1.6.2 버전까지는 typescript, sourcemap을 기본으로 지원합니다. 2) 시작하기 시작하는 방법은 command 또는 package.json의 script 설정을 통해 가능합니다....


  • 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 등 테스트 주도 환경을 완벽하게 구현해 내시는 고수분들도 많으시나.....