Recent Posts
  • parcel-bundler middleware 사용시의 오류 이슈

    프로젝트를 parcel 을 사용하여 번들링 하고 있습니다. parcel bundler를 js단에서 사용하고, 번들링된 bundler를 dev 서버의 middleware 단으로 사용할 수 있도록 변경 할 수 있습니다. parcel middleware 사용하기 1) npm 설치 parcel-bundler를 설치합니다. npm i parcel-bundler 2) bundler js 생성 번들링을 할 js를 생성합니다. (이는 webpack처럼 config 파일을 생성하여 작성 가능합니다.)...


  • async/await를 사용한 비동기 loop 병렬로 순차처리하기

    해당 포스팅은 https://lavrton.com/javascript-loops-how-to-handle-async-await-6252dd3c795/을 참고하였습니다. ES2017부터 생성된 비동기 처리를 위한 async, await 처리는 이전의 callback 및 promise.then을 이용한 처리보다 훨씬 직관적인 비동기 처리 로직이 되었습니다. 개발을 진행하다 보면, 각 Array에 대한 item을 비동기 처리를 해야하는 경우가 생깁니다. 예를 들면, Array안의 내용을 loop를 돌며 ajax등을 처리하거나 하는 경우입니다. async function processArray(array) {...


  • Refused to apply style MIME type 에러 이슈

    express와 nodejs로 개발 중, html로 import한 css, js등의 asset들에 다음과 같은 에러가 발생하였습니다. Refused to apply style from because its MIME type ('text/html') is not a supported stylesheet MIME type 해당 에러의 경우 express 내에서 static 설정을 추가적으로 해주어야 정상적으로 css 및 asset들에 대한 import가 가능합니다. express에서 static 설정을 위한...


  • ubuntu 16.04 nvm 설치 및 nodejs 설정하기

    aws를 사용할 일이 있어, 잠시 AWS EC2 리눅스 ubuntu 가상서버 인스턴스를 생성할 일이 있었습니다. 이때 생성한 버전이 ubuntu 16.04였는데, nodejs를 설치할만한 방법이 없는지 찾는 중, nvm을 통해서 nodejs 및 npm을 동시에 설치할 수 있겠다 싶어 nvm 설치 방법을 찾아보았습니다. nvm은 node version manager로써, nvm 명령어를 통해 node 버전 설치 및...


  • 프로젝트 root에서 lerna package 사용 및 제어하기

    lerna로 생성한 package들을 프로젝트 root 단에서 사용하고자 했습니다. 프로젝트 root 단에서는 packages 내부에 있는 플러그인들을 import 해서 사용하고자 합니다. 이번 포스팅에는 lerna를 이용하여 생성한 package들을 프로젝트 root단에서 import 하고, package.json내 dependencies 들내에 설치하는 방법을 사용하고자 합니다. 사용법 1) project 생성 우선 테스트를 위한 lerna project를 생성하고자 합니다. mkdir test-lerna cd...