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 현재) 가 존재하는 상태에서 패키지 이름을 결정하는 것은 매우 …

공적 마스크 안내 – 기술 상세

공적 마스크 구매 요일을 안내하는 모바일 응용프로그램을 구글 플레이에서 다운로드할 수 있습니다. 이미지를 클릭할 수 없는 경우 아래 주소를 주소창에 붙여넣기 하세요. https://play.google.com/store/apps/details?id=kr.bbon.whendoibuyamask 기술 공적 마스크 안내 모바일 응용 프로그램은 React Native와 expo 프레임워크를 사용하며, 타입스크립트로 작성되었습니다. 프로젝트는 공개되어 있습니다. 전체 코드는 아래 저장소에서 확인하실 수 있습니다. GitHub: when-do-i-buy-a-mask 링크가 동작하지 않으면 아래 주소를 주소창에 …

공적 마스크 안내

공적 마스크 구매 요일을 안내하는 모바일 응용프로그램을 구글 플레이에서 다운로드할 수 있습니다. 이미지를 클릭할 수 없는 경우 아래 주소를 주소창에 붙여넣기 하세요. https://play.google.com/store/apps/details?id=kr.bbon.whendoibuyamask 시작 지난 2019년 11월에 합류했던 팀에서 나온 후 뭔가 현 상황에 도움이 될 수 있는 게 뭐가 있을까 생각하다 기억하기 귀찮은 공적 마스크 구매 요일을 안내하는 간단한 모바일 응용프로그램을 작성했습니다. 설명 공적 …

공적 마스크 안내 개인정보처리방침

공적 마스크 안내 응용프로그램 (이하 앱)은 어떠한 개인정보도 수집하지 않습니다. 앱 내부 링크로 이동되는 공적 마스크 구매절차 질문&답변 페이지는 해당 페이지의 개인정보처리방침을 따릅니다.

모듈 정의 파일 만들기

자바스크립트 Javascript로 작성되어 노드node로 동작하는 웹 응용프로그램을 타입스크립트 Typescript로 재작성하고 있습니다. npm 패키지 중 모듈 정의가 없는 패키지가 있습니다. 타입스크립트 코드를 작성할 때, 정상적으로 사용할 수가 없습니다. 이 때, 패키지 제작자에게 모듈 정의 파일을 요청하거나, 작성중인 프로젝트에 모듈 정의 파일 .d.ts 파일을 작성해서 문제를 해결할 수 있습니다. 예제 예를 들어 showdown-xss-filter 패키지를 사용중인 코드가 있습니다. …