How to resolve regeneratorRuntime is not defined

개요 React 를 사용해서 작성된 잘 동작하던 웹 응용프로그램이 아래와 같은 메시지를 출력하고, 멈춰버렸습니다. regeneratorRuntime is not defined 환경 개발환경 node.js v14.16.0 npm v.7.6.3 패키지 @babel/core v7.13.15 해결 babel-plugin-transform-runtime#why 페이지에서 이유와 어떻게 해야되는지 설명하고 있습니다. babel-plugin-transform-runtime#technical-details 페이지에서 자세한 기술적 설명을 제공합니다. 패키지 설치 $ npm install –save-dev @babel/plugin-transform-runtime $ npm install –save @babel/runtime 설치된 패키지 …

React Starter Kit

GitHub 템플릿 사용 GitHub 에서 저장소를 작성할 때, 템플릿으로 표시된 저장소를 사용해서 내 저장소를 작성할 수 있습니다. 템플릿 SPA 를 시작하려면 구현하려는 프레임워크뿐만 아니라 트랜스파일, 번들링 등 신경써야 하는 부분이 많습니다. React 를 처음 시작하시는 분들을 위해서, React 구현에 집중하실 수 있게 템플릿을 작성했습니다. React Starter Kit 에서 저장소를 작성하시려면 GitHub: React Starter Kit 페이지로 …

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월에 합류했던 팀에서 나온 후 뭔가 현 상황에 도움이 될 수 있는 게 뭐가 있을까 생각하다 기억하기 귀찮은 공적 마스크 구매 요일을 안내하는 간단한 모바일 응용프로그램을 작성했습니다. 설명 공적 …