SPA 에서 파일 다운로드

SPA Single Page Application 로 작성중인 웹 응용프로그램에서 파일 다운로드를 구현할 때, 새 창으로 다운로드할 파일의 URI를 제공해서 처리하면 매우 편리하게 파일을 다운로드할 수 있습니다. 파일 URI와 함께 인증이 필요할 때, 쿠키를 사용중이면 동일하게 사용하면 됩니다.그런데, 쿠키를 사용하지 않고, JWT 등을 사용해서 요청 헤더에 데이터를 제공하는 형식으로 인증을 처리중이면, 새창을 열어서 처리하는 방식으로는 처리가 불가능합니다.이 때, 사용할 수 있는 간단한 코드조각을 npm 패키지로 공유합니다.

NPM 패키지 만들기

자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다. 저는 @bbon 스코프를 사용해서 @bbon/formatter 패키지를 게시할 것입니다. 스코프 npm-scope 페이지에서 정보를 확인할 수 있습니다. npm 패키지는 이름이 고유해야 하는데, 약 1,268,126 개의 공개된 패키지 (2020-04-25 현재) 가 존재하는 상태에서 패키지 이름을 결정하는 것은 매우 …

자동화 도구: gulp

Gulp Gulp는 시간을 소모하는 개발 업무 흐름을 자동화하기 위한 도구입니다. 자세한 내용은 gulpjs.com 에서 확인할 수 있습니다. 시작하기 $ npm install gulp-cli -g $ npm install gulp -D $ touch gulpfile.js $ gulp –help gulpjs.com 에서 발췌 CLI 도구를 설치하고, 패키지를 설치한 후 gulpfile.js 파일을 만들어서 시작합니다. 뭘 할 수 있지? gulp는 작업 흐름을 정의하고, …