개요 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… 더 보기 »How to resolve regeneratorRuntime is not defined
GitHub 템플릿 사용 GitHub 에서 저장소를 작성할 때, 템플릿으로 표시된 저장소를 사용해서 내 저장소를 작성할 수 있습니다. 템플릿 SPA 를 시작하려면 구현하려는 프레임워크뿐만 아니라 트랜스파일, 번들링 등 신경써야 하는 부분이 많습니다. React 를 처음 시작하시는 분들을 위해서, React 구현에 집중하실 수 있게 템플릿을 작성했습니다. React… 더 보기 »React Starter Kit
SPA Single Page Application 로 작성중인 웹 응용프로그램에서 파일 다운로드를 구현할 때, 새 창으로 다운로드할 파일의 URI를 제공해서 처리하면 매우 편리하게 파일을 다운로드할 수 있습니다. 파일 URI와 함께 인증이 필요할 때, 쿠키를 사용중이면 동일하게 사용하면 됩니다.그런데, 쿠키를 사용하지 않고, JWT 등을 사용해서 요청 헤더에 데이터를 제공하는 형식으로 인증을 처리중이면, 새창을 열어서 처리하는 방식으로는 처리가 불가능합니다.이 때, 사용할 수 있는 간단한 코드조각을 npm 패키지로 공유합니다.
구글 애널리틱스 Google Analytics는 웹 응용프로그램의 사용 데이터를 수집에 많이 사용됩니다. 웹사이트 이용에 대한 추적 데이터를 기반으로 무엇을 어떻게 … 가 시작될 수 있습니다. 구글 애널리틱스에서 기본적으로 제공하는 코드는 웹 응용프로그램 특정 페이지에 요청을 보내면 응답하는 페이지에 코드를 추가해서 처리가 가능합니다. 그런데, 싱글 페이지 응용프로그램이라면… 더 보기 »싱글 페이지 응용프로그램에 구글 애널리틱스 적용
React Native로 자바스크립트와 리액트로 모바일 응용프로그램을 작성할 수 있습니다. 최근 0.60 버전의 변경점 AndroidX 지원 CocoaPods 통합 패키지의 자동 링크 개요 Xamarin 으로 작성했던 너와 나의 점수판 Score Board 모바일 응용프로그램을 React Native 로 다시 작성했습니다. GitHub: scoreboard 저장소에서 코드를 확인할 수 있습니다. 가상장치에서 실행한… 더 보기 »회고 React Native Score Board
Node.js 백엔드와 React 프론트엔드로 작성된 블로깅 서비스 앱입니다. 기술 스택 Node.js Express Express는 Node.js에서 사용되는 웹 응용프로그램 작성을 위한 프레임워크입니다. 프론트엔드에서 데이터를 요청할 API를 제공하는 웹앱이 작성되어 있습니다. Passport Passport는 Node.js에서 사용되는 인증 프레임워크입니다. 이번 프로젝트에서는 정의된 모델을 사용하는 로컬 인증을 사용합니다. Sequelize Sequelize는 프로미스… 더 보기 »회고: Node blog app